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

feat: add columns to posts/pages, match bookmarks/file embed/callout styles

Browse Source
This commit is contained in:
Tom Vines 2025-08-03 23:10:59 +10:00
parent 7a0373583c
commit 31f04ca306
Signed by: dragonwocky
SSH Key Fingerprint: SHA256:vCxDSu/DvGebbNiQjCVzOuxKmT8ODOzaLx+dTRtawyk
1 changed files with 66 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
assets/css/screen.css
View File

@ -591,7 +591,7 @@ textarea::placeholder {
–––––––––––––––––––––––––––––––––––––––––––––––––––– */
.global-button {
font-family: var(--font-family-three);
font-size: 2.4rem;
font-size: 1em;
font-weight: var(--font-weight-three-medium);
line-height: 1.3;
position: relative;
@ -1996,11 +1996,11 @@ textarea::placeholder {
}
.subscribe-form input {
font-size: 2.2rem;
font-size: 1em;
display: block;
flex: 1 1 auto;
box-sizing: border-box;
max-width: 265px;
max-width: 80%;
padding: 0 30px;
transition: margin-right .25s ease;
word-break: normal;
@ -3327,7 +3327,7 @@ textarea::placeholder {
.post-content .kg-file-card .kg-file-card-container:hover,
.post-content .kg-bookmark-card .kg-bookmark-container:hover {
border-color: var(--color-border-three);
border-color: var(--color-border-three) !important;
}
.post-content img,
@ -5700,12 +5700,16 @@ html:not(.dark-mode) .header-nav .theme-toggle .if-is-dark {
margin: auto;
}
.kg-callout-card-white,
.kg-product-card-container,
.kg-file-card-container {
.post-content .kg-callout-card.kg-callout-card-white,
.post-content .kg-product-card .kg-product-card-container,
.post-content .kg-bookmark-card .kg-bookmark-container,
.post-content .kg-file-card .kg-file-card-container,
.post-content .kg-cta-card.kg-cta-bg-white,
.post-content table {
background-color: var(--color-body-partial) !important;
border-color: var(--color-border-one) !important;
border: 1px solid var(--color-border-one) !important;
color: var(--color-font-one) !important;
box-shadow: none !important;
}
.kg-file-card-container,
.kg-file-card-icon {
@ -5717,3 +5721,57 @@ html:not(.dark-mode) .header-nav .theme-toggle .if-is-dark {
.kg-file-card-icon::before {
display: none;
}
.kg-cta-sponsor-label span:not(a span) {
color: var(--color-font-three) !important;
}
.kg-cta-sponsor-label-wrapper {
border-bottom: 1px solid var(--color-border-one) !important;
}
.kg-button-card .kg-btn,
.kg-product-card-button {
padding: 8px 12px !important;
height: auto !important;
text-align: center;
line-height: 1.2 !important;
justify-content: center;
display: inline;
width: 100%;
}
.cols {
display: flex;
gap: 1.2em;
margin-block-end: 30px;
}
.cols:last-child {
margin-block-end: calc(5vh + 30px);
}
@media screen and (min-width: 660px) {
.cols .kg-card {
margin: auto !important;
}
.cols .kg-button-card {
margin: 0 !important;
}
.cols .kg-btn {
height: 100% !important;
}
.cols .kg-product-card-container {
display: flex;
flex-direction: column;
align-items: start;
gap: 16px;
}
.cols .kg-product-card-description {
margin-bottom: 12px;
}
.cols .kg-product-card-button {
margin-top: auto !important;
}
}
@media screen and (max-width: 660px) {
.cols {
flex-direction: column;
}
}