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 {
break-before: page;
}
#R-body-inner > * > article:first-of-type {
#R-body-inner article:first-of-type {
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 );
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;
}
}