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 */
@media only screen and (min-width: 48rem) {
.m-hero__picture img {
.headroom + main .m-hero__picture img {
margin-top: 67px;
}
}
@media only screen and (max-width: 48rem) {
.m-hero__picture img {
.headroom + main .m-hero__picture img {
margin-top: 50px;
}
}
@ -153,7 +153,7 @@ html:not([data-theme]) {
.m-article-card__info .m-article-card__info-link {
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 {
width: calc(66.66666% - 40px);
}
@ -161,10 +161,10 @@ html:not([data-theme]) {
width: 100%;
}
.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 {
width: 100%;
}