Implement new css.Build.
This commit is contained in:
parent
5ca43e14d3
commit
d984bcaf5d
1 changed files with 1681 additions and 1695 deletions
|
|
@ -1,107 +1,105 @@
|
|||
/* Grouping content */
|
||||
|
||||
@layer base {
|
||||
/* Block quotes */
|
||||
/* Block quotes */
|
||||
|
||||
blockquote {
|
||||
/* Add vertical rhythm margins. */
|
||||
margin-block: 0 var(--spacing-m);
|
||||
blockquote {
|
||||
/* Add vertical rhythm margins. */
|
||||
margin-block: 0 var(--spacing-m);
|
||||
|
||||
/* Nicer text wrap, e.g. no lone word on last line. */
|
||||
text-wrap: pretty;
|
||||
/* Nicer text wrap, e.g. no lone word on last line. */
|
||||
text-wrap: pretty;
|
||||
|
||||
/* Also indent the quote on both sides. */
|
||||
margin-inline: var(--indent-amount);
|
||||
/* Also indent the quote on both sides. */
|
||||
margin-inline: var(--indent-amount);
|
||||
|
||||
/* Set max text line width in main for readability. */
|
||||
max-width: var(--max-line-width);
|
||||
}
|
||||
/* Set max text line width in main for readability. */
|
||||
max-width: var(--max-line-width);
|
||||
}
|
||||
|
||||
/* Lists */
|
||||
/* Lists */
|
||||
|
||||
dl,
|
||||
dl,
|
||||
ol,
|
||||
ul,
|
||||
menu {
|
||||
/* Add vertical rhythm margins. */
|
||||
margin-block: 0 var(--spacing-m);
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: var(--fw-bold);
|
||||
}
|
||||
|
||||
dd {
|
||||
margin: 0;
|
||||
margin-inline-start: var(--indent-amount);
|
||||
|
||||
/* Nicer text wrap, e.g. no lone word on last line. */
|
||||
text-wrap: pretty;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
menu {
|
||||
padding: 0;
|
||||
padding-inline-start: var(--indent-amount);
|
||||
|
||||
/* Turn off margins on nested lists. */
|
||||
ol,
|
||||
ul,
|
||||
menu {
|
||||
/* Add vertical rhythm margins. */
|
||||
margin-block: 0 var(--spacing-m);
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: var(--fw-bold);
|
||||
}
|
||||
|
||||
dd {
|
||||
margin: 0;
|
||||
margin-inline-start: var(--indent-amount);
|
||||
|
||||
/* Nicer text wrap, e.g. no lone word on last line. */
|
||||
text-wrap: pretty;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
menu {
|
||||
padding: 0;
|
||||
padding-inline-start: var(--indent-amount);
|
||||
|
||||
/* Turn off margins on nested lists. */
|
||||
ol,
|
||||
ul,
|
||||
menu {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
/* Nicer text wrap, e.g. no lone word on last line. */
|
||||
text-wrap: pretty;
|
||||
|
||||
/* Set max text line width in main for readability. */
|
||||
.main & {
|
||||
max-width: var(--max-line-width);
|
||||
}
|
||||
}
|
||||
|
||||
/* Horizontal rule */
|
||||
|
||||
hr {
|
||||
/* Add vertical rhythm margins. */
|
||||
margin-block: var(--spacing-m);
|
||||
border: 0;
|
||||
border-block-start: 1px solid var(--color-border);
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* Paragraphs */
|
||||
|
||||
p {
|
||||
/* Add vertical rhythm margins. */
|
||||
margin-block: 0 var(--spacing-m);
|
||||
|
||||
/* Nicer text wrap, e.g. no lone word on last line. */
|
||||
text-wrap: pretty;
|
||||
|
||||
/* Set max text line width in main for readability. */
|
||||
.main & {
|
||||
max-width: var(--max-line-width);
|
||||
}
|
||||
}
|
||||
|
||||
/* Preformatted text */
|
||||
|
||||
pre {
|
||||
/* Add vertical rhythm margins. */
|
||||
margin-block: 0 var(--spacing-m);
|
||||
font-family: var(--ff-monospace);
|
||||
}
|
||||
|
||||
/* Code */
|
||||
|
||||
/* Do not set colour for code with syntax highlighting. */
|
||||
code:not([data-lang]),
|
||||
kbd,
|
||||
samp {
|
||||
color: var(--color-code);
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
/* Nicer text wrap, e.g. no lone word on last line. */
|
||||
text-wrap: pretty;
|
||||
|
||||
/* Set max text line width in main for readability. */
|
||||
.main & {
|
||||
max-width: var(--max-line-width);
|
||||
}
|
||||
}
|
||||
|
||||
/* Horizontal rule */
|
||||
|
||||
hr {
|
||||
/* Add vertical rhythm margins. */
|
||||
margin-block: var(--spacing-m);
|
||||
border: 0;
|
||||
border-block-start: 1px solid var(--color-border);
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* Paragraphs */
|
||||
|
||||
p {
|
||||
/* Add vertical rhythm margins. */
|
||||
margin-block: 0 var(--spacing-m);
|
||||
|
||||
/* Nicer text wrap, e.g. no lone word on last line. */
|
||||
text-wrap: pretty;
|
||||
|
||||
/* Set max text line width in main for readability. */
|
||||
.main & {
|
||||
max-width: var(--max-line-width);
|
||||
}
|
||||
}
|
||||
|
||||
/* Preformatted text */
|
||||
|
||||
pre {
|
||||
/* Add vertical rhythm margins. */
|
||||
margin-block: 0 var(--spacing-m);
|
||||
font-family: var(--ff-monospace);
|
||||
}
|
||||
|
||||
/* Code */
|
||||
|
||||
/* Do not set colour for code with syntax highlighting. */
|
||||
code:not([data-lang]),
|
||||
kbd,
|
||||
samp {
|
||||
color: var(--color-code);
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue