Style main element instead of role=main

django · Jun 2, 2023 · 8c4d252 · 8c4d252
1 parent e221156
commit 8c4d252
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/djangoproject/scss/_dashboard.scss b/djangoproject/scss/_dashboard.scss
@@ -1,5 +1,5 @@
 #dashboard {
-    .full-width [role="main"] {
+    .full-width main {
         margin: 0 auto;
         text-align: center;
     }

diff --git a/djangoproject/scss/_style.scss b/djangoproject/scss/_style.scss
@@ -118,7 +118,7 @@ h1 {
         color: var(--body-fg);
     }
 
-    [role="main"] & {
+    main & {
         @include font-size(32);
         margin: 40px 0px 30px;
         color: var(--body-fg);
@@ -155,7 +155,7 @@ h2 {
         }
     }
 
-    [role="main"] & {
+    main & {
         margin-top: 40px;
         margin-bottom: 15px;
     }
@@ -232,7 +232,7 @@ a:focus {
 p {
 
     //increase top margin if first item in container
-    [role="main"]>&:first-child {
+    main>&:first-child {
         margin-top: 30px;
     }
 }
@@ -270,7 +270,7 @@ blockquote {
 //------------------- Layout
 
 
-[role="main"] {
+main {
     //Main column. Left aligned by default. See /styleguide for explanation.
     background: var(--white-color);
     padding: 1px 10px 40px;