style: relaxing to restrictive rule #891

this caused ill formatting for .article-subheading in print outputformat
McShelby · Oct 11, 2024 · dbfada8 · dbfada8
1 parent 6188f71
commit dbfada8
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 14 deletions.
diff --git a/assets/css/format-print.css b/assets/css/format-print.css
@@ -170,6 +170,6 @@ div.box > .box-content {
 article {
     break-before: page;
 }
-#R-body-inner > * > article:first-of-type {
+#R-body-inner article:first-of-type {
     break-before: avoid;
 }
diff --git a/static/css/theme.css b/static/css/theme.css
@@ -526,51 +526,52 @@ article a:focus > img:only-child:empty{
     max-width: calc( var(--INTERNAL-MAIN-WIDTH-MAX) - var(--INTERNAL-MENU-WIDTH-L) - 2 * 3.25rem );
     width: 100%;
 }
-body:not(.print) #R-body .flex-block-wrapper:has(> article.narrow ) {
+
+body:not(.print) #R-body .flex-block-wrapper:has( article.narrow ) {
     max-width: calc( var(--INTERNAL-MAIN-WIDTH-MAX) - var(--INTERNAL-MENU-WIDTH-L) - 2 * 9.75rem );
 }
 /* we limit width if we have large screens */
 body.main-width-max #R-body .flex-block-wrapper {
     width: calc( var(--INTERNAL-MAIN-WIDTH-MAX) - var(--INTERNAL-MENU-WIDTH-L) - 2 * 3.25rem );
 }
-body.main-width-max:not(.print) #R-body .flex-block-wrapper:has(> article.narrow ) {
+body.main-width-max:not(.print) #R-body .flex-block-wrapper:has( article.narrow ) {
     width: calc( var(--INTERNAL-MAIN-WIDTH-MAX) - var(--INTERNAL-MENU-WIDTH-L) - 2 * 9.75rem );
 }
 
-body:not(.print) #R-body-inner:has(> .flex-block-wrapper > article.narrow ) {
+body:not(.print) #R-body-inner:has(> .flex-block-wrapper article.narrow ) {
     padding: 0 9.75rem 2rem 9.75rem;
 }
 @media screen and (max-width: 59.999rem) {
-    body:not(.print) #R-body-inner:has(> .flex-block-wrapper > article.narrow ) {
+    body:not(.print) #R-body-inner:has(> .flex-block-wrapper article.narrow ) {
         padding: 0 6.5rem 1rem 6.5rem;
     }
 }
 @media screen and (max-width: 47.999rem) {
-    body:not(.print) #R-body-inner:has(> .flex-block-wrapper > article.narrow ) {
+    body:not(.print) #R-body-inner:has(> .flex-block-wrapper article.narrow ) {
         padding: 0 3.25rem .375rem 3.25rem;
     }
 }
 
-#R-body-inner > .flex-block-wrapper > article > .article-subheading {
+#R-body-inner > .flex-block-wrapper article > .article-subheading {
     font-weight: 200;
     margin-top: 0;
     text-align: center;
 }
-body:not(.print) #R-body-inner > .flex-block-wrapper > article.narrow > .article-subheading {
+body:not(.print) #R-body-inner > .flex-block-wrapper article.narrow > .article-subheading {
     margin-top: 2rem;
 }
 @media screen and (max-width: 59.999rem) {
-    body:not(.print) #R-body-inner > .flex-block-wrapper > article.narrow > .article-subheading {
+    body:not(.print) #R-body-inner > .flex-block-wrapper article.narrow > .article-subheading {
         margin-top: 1rem;
     }
 }
 @media screen and (max-width: 47.999rem) {
-    body:not(.print) #R-body-inner > .flex-block-wrapper > article.narrow > .article-subheading {
+    body:not(.print) #R-body-inner > .flex-block-wrapper article.narrow > .article-subheading {
         margin-top: .375rem;
     }
 }
 
-body:not(.print) #R-body-inner > .flex-block-wrapper > article.narrow p {
+body:not(.print) #R-body-inner > .flex-block-wrapper article.narrow p {
     font-size: 1.2rem;
     text-align: justify;
 }
@@ -617,17 +618,17 @@ h1 {
     text-transform: uppercase;
 }
 
-body:not(.print) #R-body-inner > .flex-block-wrapper > article.narrow h1 {
+body:not(.print) #R-body-inner > .flex-block-wrapper article.narrow h1 {
     border-bottom: 4px solid rgba( 134, 134, 134, .125 );
     font-size: 3.5rem;
 }
 @media only screen and (min-width: 48rem) and (max-width: 59.999rem) {
-    body:not(.print) #R-body-inner > .flex-block-wrapper > article.narrow h1 {
+    body:not(.print) #R-body-inner > .flex-block-wrapper article.narrow h1 {
         font-size: 2.8rem;
     }
 }
 @media only screen and (max-width: 47.999rem) {
-    body:not(.print) #R-body-inner > .flex-block-wrapper > article.narrow h1 {
+    body:not(.print) #R-body-inner > .flex-block-wrapper article.narrow h1 {
         font-size: 2.5rem;
     }
 }