forked from yevi.org/Ghost_Ruby_Theme
d2f6e8c59d
.kg-btn class was removed in 44e9db7195, and this adds explicit rule to exclude product card button from the default link style
104 lines
2.4 KiB
CSS
104 lines
2.4 KiB
CSS
/* Content refers to styling all page and post content that is
|
|
created within the Ghost editor. The main content handles
|
|
headings, text, images and lists. We deal with cards lower down. */
|
|
|
|
/* Default vertical spacing */
|
|
.gh-content > * + * {
|
|
margin-top: 2.4rem;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* [id] represents all headings h1-h6, reset all margins */
|
|
.gh-content > [id] {
|
|
margin: 0;
|
|
}
|
|
|
|
.has-serif-title .gh-content > [id] {
|
|
font-family: var(--font-serif);
|
|
}
|
|
|
|
/* Add back a top margin to all headings, unless a heading
|
|
is the very first element in the post content */
|
|
.gh-content > [id]:not(:first-child) {
|
|
margin-top: 3.2rem;
|
|
}
|
|
|
|
/* Add a small margin between a heading and anything after it */
|
|
.gh-content > [id] + * {
|
|
margin-top: 1.6rem;
|
|
}
|
|
|
|
.gh-content > [id] + .kg-card {
|
|
margin-top: 2.8rem;
|
|
}
|
|
|
|
/* A larger margin before/after HRs and blockquotes */
|
|
.gh-content > hr,
|
|
.gh-content > blockquote {
|
|
position: relative;
|
|
margin-top: 3.2rem;
|
|
}
|
|
|
|
.gh-content > hr + *,
|
|
.gh-content > blockquote + * {
|
|
margin-top: 3.2rem;
|
|
}
|
|
|
|
/* Cards */
|
|
.gh-content :not(.kg-card):not([id]) + .kg-card {
|
|
margin-top: 3.2rem;
|
|
}
|
|
|
|
.gh-content .kg-card + :not(.kg-card) {
|
|
margin-top: 3.2rem;
|
|
}
|
|
|
|
/* Now the content typography styles */
|
|
.gh-content > h2 {
|
|
font-size: 2.3rem;
|
|
}
|
|
|
|
.gh-content > h3 {
|
|
font-size: 2rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.gh-content a:not(.gh-post-upgrade-cta a):not(.kg-bookmark-container):not(.kg-btn):not(.kg-nft-card-container):not(.kg-callout-card-accent a):not(.kg-product-card-button) {
|
|
color: var(--ghost-accent-color);
|
|
text-decoration: underline;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.gh-content > ol,
|
|
.gh-content > ul,
|
|
.gh-content > dl,
|
|
.gh-content > p,
|
|
.gh-content .kg-callout-text,
|
|
.gh-content .kg-toggle-content > ol,
|
|
.gh-content .kg-toggle-content > ul,
|
|
.gh-content .kg-toggle-content > p {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.has-serif-body .gh-content > blockquote,
|
|
.has-serif-body .gh-content > ol,
|
|
.has-serif-body .gh-content > ul,
|
|
.has-serif-body .gh-content > dl,
|
|
.has-serif-body .gh-content > p,
|
|
.has-serif-body .gh-content .kg-callout-text,
|
|
.has-serif-body .gh-content .kg-toggle-content > ol,
|
|
.has-serif-body .gh-content .kg-toggle-content > ul,
|
|
.has-serif-body .gh-content .kg-toggle-content > p {
|
|
font-family: var(--font-serif);
|
|
}
|
|
|
|
.gh-content > ul,
|
|
.gh-content > ol,
|
|
.gh-content > dl {
|
|
padding-left: 4rem;
|
|
}
|
|
|
|
.gh-content li + li {
|
|
margin-top: 0.8rem;
|
|
}
|