nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-11-23 07:47:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

style: relaxing to restrictive rule #891

Browse source 
this caused ill formatting for .article-subheading in print outputformat
This commit is contained in:
Sören Weber 2024-09-24 15:03:11 +02:00
parent 6188f711d4
commit dbfada89d6
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
2 changed files with 15 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/css/format-print.css
View file

@ -170,6 +170,6 @@ div.box > .box-content {
article { article {
break-before: page; break-before: page;
} }
#R-body-inner > * > article:first-of-type { #R-body-inner article:first-of-type {
break-before: avoid; break-before: avoid;
} }

27
static/css/theme.css
View file

@ -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 ); max-width: calc( var(--INTERNAL-MAIN-WIDTH-MAX) - var(--INTERNAL-MENU-WIDTH-L) - 2 * 3.25rem );
width: 100%; 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 ); max-width: calc( var(--INTERNAL-MAIN-WIDTH-MAX) - var(--INTERNAL-MENU-WIDTH-L) - 2 * 9.75rem );
} }
/* we limit width if we have large screens */ /* we limit width if we have large screens */
body.main-width-max #R-body .flex-block-wrapper { body.main-width-max #R-body .flex-block-wrapper {
width: calc( var(--INTERNAL-MAIN-WIDTH-MAX) - var(--INTERNAL-MENU-WIDTH-L) - 2 * 3.25rem ); 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 ); 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; padding: 0 9.75rem 2rem 9.75rem;
} }
@media screen and (max-width: 59.999rem) { @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; padding: 0 6.5rem 1rem 6.5rem;
} }
} }
@media screen and (max-width: 47.999rem) { @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; 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; font-weight: 200;
margin-top: 0; margin-top: 0;
text-align: center; 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; margin-top: 2rem;
} }
@media screen and (max-width: 59.999rem) { @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; margin-top: 1rem;
} }
} }
@media screen and (max-width: 47.999rem) { @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; 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; font-size: 1.2rem;
text-align: justify; text-align: justify;
} }
@ -617,17 +618,17 @@ h1 {
text-transform: uppercase; 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 ); border-bottom: 4px solid rgba( 134, 134, 134, .125 );
font-size: 3.5rem; font-size: 3.5rem;
} }
@media only screen and (min-width: 48rem) and (max-width: 59.999rem) { @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; font-size: 2.8rem;
} }
} }
@media only screen and (max-width: 47.999rem) { @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; font-size: 2.5rem;
} }
} }