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

style: make merch page galleries cardlike

Browse Source
This commit is contained in:
dragonwocky 2023-12-26 15:12:13 +11:00
parent 54c4d8219d
commit 585eac4ced
Signed by: dragonwocky
GPG Key ID: 7998D08F7D7BD7A8
2 changed files with 18 additions and 4 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

20
src/sass/pyv.scss
View File

@ -284,6 +284,23 @@ body:not(.home-template) {
display: block !important;
}
/* cardlike galleries used on merch page */
.kg-gallery-card.kg-card-hascaption {
margin: 0 !important;
display: flex;
flex-direction: column;
padding: 20px !important;
border-radius: 5px;
box-shadow: inset 0 0 0 1px rgba(124, 139, 154, 0.25),
0 4px 8px var(--button-shadow-color-hover), 0 0 0 transparent;
.kg-gallery-container {
margin: auto;
}
figcaption p {
margin-bottom: 0;
}
}
/* social media icons */
.m-nav__right .m-icon-button:not([data-ghost-search]) {
display: flex;
@ -342,9 +359,6 @@ body:not(.home-template) {
}
/* restyle audio cards: rounder + more compact */
.kg-audio-card {
box-shadow: 0 4px 8px var(--button-shadow-color-hover), 0 0 0 transparent;
}
.kg-audio-card {
position: relative;
min-height: 64px;