style: make merch page galleries cardlike
This commit is contained in:
parent
54c4d8219d
commit
585eac4ced
File diff suppressed because one or more lines are too long
@ -284,6 +284,23 @@ body:not(.home-template) {
|
|||||||
display: block !important;
|
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 */
|
/* social media icons */
|
||||||
.m-nav__right .m-icon-button:not([data-ghost-search]) {
|
.m-nav__right .m-icon-button:not([data-ghost-search]) {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -342,9 +359,6 @@ body:not(.home-template) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* restyle audio cards: rounder + more compact */
|
/* 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 {
|
.kg-audio-card {
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 64px;
|
min-height: 64px;
|
||||||
|
Loading…
Reference in New Issue
Block a user