ghostcms/liebling
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adjust featured post wrapping b/w 48-64rem

Browse Source
This commit is contained in:
dragonwocky 2023-07-11 16:01:17 +10:00
parent a47492aa60
commit 161bcd3cf4
Signed by: dragonwocky
GPG Key ID: 7998D08F7D7BD7A8
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/app.css
View File

File diff suppressed because one or more lines are too long

10
src/sass/pyv.scss
View File

@ -89,12 +89,12 @@ html:not([data-theme]) {
/* center hero images */ /* center hero images */
@media only screen and (min-width: 48rem) { @media only screen and (min-width: 48rem) {
.m-hero__picture img { .headroom + main .m-hero__picture img {
margin-top: 67px; margin-top: 67px;
} }
} }
@media only screen and (max-width: 48rem) { @media only screen and (max-width: 48rem) {
.m-hero__picture img { .headroom + main .m-hero__picture img {
margin-top: 50px; margin-top: 50px;
} }
} }
@ -153,7 +153,7 @@ html:not([data-theme]) {
.m-article-card__info .m-article-card__info-link { .m-article-card__info .m-article-card__info-link {
padding-top: 25px !important; padding-top: 25px !important;
} }
@media only screen and (min-width: 48rem) { @media only screen and (min-width: 64rem) {
.l-grid > :nth-child(3n of .m-article-card):last-child { .l-grid > :nth-child(3n of .m-article-card):last-child {
width: calc(66.66666% - 40px); width: calc(66.66666% - 40px);
} }
@ -161,10 +161,10 @@ html:not([data-theme]) {
width: 100%; width: 100%;
} }
.l-post-content + .l-grid.centered { .l-post-content + .l-grid.centered {
margin: 0 calc(50% - 430px); margin: 0 max(calc(50% - 430px), 0px);
} }
} }
@media only screen and (min-width: 35.5rem) and (max-width: 48rem) { @media only screen and (min-width: 35.5rem) and (max-width: 64rem) {
.l-grid > :nth-child(2n + 1 of .m-article-card):last-child { .l-grid > :nth-child(2n + 1 of .m-article-card):last-child {
width: 100%; width: 100%;
} }