trwnh.com/unified.test.hugo/assets/styles/common/content.scss

139 lines
No EOL
2.7 KiB
SCSS

.hugo-content {
> *:first-child {
margin-block-start: 0;
}
/* text */
p {
line-height: 2;
}
p {
margin-block-end: 1em;
}
/* semantics */
em {font-style: italic}
strong {font-weight: bold}
/* text formatting */
--script-size: 0.65em;
sup {
position: relative;
font-size: var(--script-size);
inset-block-start: -1em;
}
sub {
position: relative;
font-size: var(--script-size);
}
@supports #{'selector\(:has(kbd))'} {
/* style individual keys only (for the innermost <kbd> element) */
kbd kbd,
kbd:not(:has(kbd)) {
font-family: monospace;
padding: 0.25em;
background: var(--ui-overlay);
color: var(--ui-overlay-text);
}
}
@supports not #{'selector\(:has(kbd))'} {
/* style the entire key sequence */
kbd {
font-family: monospace;
padding: 0.25em;
background: var(--ui-overlay);
color: var(--ui-overlay-text);
}
/* and prevent double-styling for nested keys */
kbd kbd {
background: none;
}
}
mark {
background: var(--primary-accent-transparent);
color: var(--ui-text);
--pad-x-highlight: 0.125em;
padding-inline-start: var(--pad-x-highlight);
padding-inline-end: var(--pad-x-highlight);
}
abbr[title]:after {
content: '?';
font-size: var(--script-size);
color: var(--ui-text-muted);
}
>*:not(.highlight) code {
font-family: monospace;
background: var(--ui-overlay);
color: var(--ui-overlay-text);
padding: 0.25rem;
font-size: 1rem;
white-space: pre-wrap;
}
/* lists */
ul, ol {
padding-inline-start: 0;
margin-block: 1em;
position: relative;
}
ul {list-style: disc;}
ol {list-style: decimal;}
li {margin-block-end: 1em; line-height: 2; margin-inline-start: 1em;}
dl {margin-block: 1em; line-height: 1.4;}
dt {font-weight: 700;}
dd {margin-inline-start: 1em;}
pre:not(.chroma) {
font-family: monospace;
font-size: 1rem;
line-height: 1.4;
overflow: auto;
white-space: pre-wrap;
word-break: break-word;
display: grid;
tab-size: 3;
margin-block-end: 1em;
}
/* tables */
table {text-align: center;}
thead {
font-weight: 700;
background: var(--ui-overlay);
color: var(--ui-overlay-text);
}
th, td {
border: 1px solid var(--ui-text);
padding: 0.5em;
}
/* hugo-specific citation footnote */
cite sup {
position: inherit;
font-size: inherit;
a {
padding: 0.25em;
}
&:before {
content: ' [';
}
&:after {
content: ']';
}
}
/* the actual footnotes section */
.footnotes {
hr {
display: flex;
align-items: center;
border: 0;
&:before {
content: 'Footnotes';
color: var(--ui-text);
text-transform: uppercase;
font-weight: 900;
font-size: 0.8em;
}
&:after {
content: '';
width: 100%;
margin-inline-start: 1rem;
border-block-end: 1px solid var(--ui-text-muted);
}
}
}
}