docs/styles/type.scss

90 lines
960 B
SCSS

p {
word-break: break-word;
}
// a {
// color: #f5417d;
// }
small.x-small {
font-size: 0.6em;
}
// Typography spacing
h1,
h2,
h3,
h4,
h5,
h6 {
padding: 0;
margin: 0;
}
h1,
h2 {
margin-top: 2.4rem;
&:first-child {
margin-top: 1rem;
}
}
h3,
h4,
h5,
h6 {
margin-top: 1.6rem;
}
h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6,
table {
margin-top: 0.8rem;
}
p {
margin-top: 0.8rem;
margin-bottom: 0.8rem;
overflow-wrap: break-word;
}
ul {
margin: 0.8rem 0 0 1.6rem;
padding: 0;
}
ul ul {
margin: 0 0 0 1.6rem;
}
ol {
margin: 0.8rem 0 0 2.4rem;
padding: 0;
}
ol ol {
margin: 0 0 0 2.4rem;
}
dfn {
border-bottom: 1px dashed currentColor;
cursor: help;
}
@media (prefers-color-scheme: dark) {
a {
text-decoration: none;
&,
&:visited {
color: #f5417d;
}
&:hover {
color: #dc3264;
}
}
}