Style main element instead of role=main

django · Jun 30, 2023 · 1b6faf8 · 1b6faf8
1 parent de5fa1b
commit 1b6faf8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 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
@@ -119,6 +119,7 @@ h1 {
 	}
 
 	[role="main"] & {
+	main & {
 		@include font-size(32);
 		margin: 40px 0px 30px;
 		color: var(--body-fg);
@@ -155,7 +156,7 @@ h2 {
 		}
 	}
 
-	[role="main"] & {
+	main & {
 		margin-top: 40px;
 		margin-bottom: 15px;
 	}
@@ -232,7 +233,7 @@ a:focus {
 p {
 
 	//increase top margin if first item in container
-	[role="main"]>&:first-child {
+	main>&:first-child {
 		margin-top: 30px;
 	}
 }
@@ -270,7 +271,7 @@ blockquote {
 //------------------- Layout
 
 
-[role="main"] {
+main {
 	//Main column. Left aligned by default. See /styleguide for explanation.
 	background: var(--white-color);
 	padding: 1px 10px 40px;