Rockingcool/paige-hugo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix styles to work within #paige-content

Browse Source
This commit is contained in:
Will Faught
2023-03-16 23:48:39 -07:00
parent e5371e942e
commit b381f8742d
1 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
layouts/partials/paige/style.html
View File

@@ -13,29 +13,17 @@ body, html {
display: flex; display: flex;
} }
.paige-content { .paige-content, #paige-content {
counter-reset: paige-figure; counter-reset: paige-figure;
} }
.paige-content .paige-figure.paige-figure-numbered { .paige-content > blockquote, #paige-content > blockquote {
counter-increment: paige-figure;
}
.paige-content .paige-figure.paige-figure-numbered figcaption:empty::before {
content: "{{ i18n `paige_figure` | safeCSS }} " counter(paige-figure);
}
.paige-content .paige-figure.paige-figure-numbered figcaption::before {
content: "{{ i18n `paige_figure` | safeCSS }} " counter(paige-figure) ": ";
}
.paige-content > blockquote {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
border-left: 0.25rem solid var(--bs-border-color); border-left: 0.25rem solid var(--bs-border-color);
padding-right: 0.25rem; padding-right: 0.25rem;
} }
.paige-content > blockquote p:last-of-type { .paige-content > blockquote p:last-of-type, #paige-content > blockquote p:last-of-type {
margin-bottom: 0; margin-bottom: 0;
} }
@@ -43,16 +31,36 @@ body, html {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.paige-figure > figure > div > :last-child {
margin-bottom: 0;
}
.paige-figure .highlight .chroma pre, .paige-figure .highlight pre.chroma { .paige-figure .highlight .chroma pre, .paige-figure .highlight pre.chroma {
margin-bottom: 0; margin-bottom: 0;
} }
.paige-figure .paige-image {
margin-bottom: 0;
}
.paige-figure .paige-quote > blockquote {
margin-bottom: 0;
}
.paige-figure .paige-video { .paige-figure .paige-video {
margin-bottom: 0; margin-bottom: 0;
} }
.paige-figure > figure > div > :last-child { .paige-figure.paige-figure-numbered {
margin-bottom: 0; counter-increment: paige-figure;
}
.paige-figure.paige-figure-numbered figcaption:empty::before {
content: "{{ i18n `paige_figure` | safeCSS }} " counter(paige-figure);
}
.paige-figure.paige-figure-numbered figcaption::before {
content: "{{ i18n `paige_figure` | safeCSS }} " counter(paige-figure) ": ";
} }
.paige-gallery { .paige-gallery {
@@ -67,14 +75,6 @@ body, html {
margin-bottom: 0; margin-bottom: 0;
} }
.paige-figure .paige-image {
margin-bottom: 0;
}
.paige-figure .paige-quote > blockquote {
margin-bottom: 0;
}
.paige-header-link { .paige-header-link {
margin-left: 0.5ch; margin-left: 0.5ch;
opacity: 0; opacity: 0;