website-redesign/draft/res/content/typography.scss

56 lines
771 B
SCSS

main {
p {
@include is-styled;
@include hyphens;
line-height: 1.3;
}
strong, em {
@include is-styled;
}
h1, h2, h3 {
@include is-styled;
font-weight: bold;
}
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.5rem;
}
h3 {
font-size: 1.2rem;
}
ul {
&:not(.stretched) {
@include stack(0.25rem);
}
&.stretched {
@include stack(0.5rem);
}
list-style: inside square url(https://c3d2.de/images/bullet.png);
& > li {
@include is-styled;
}
}
span.note {
@include is-styled;
font-size: 60%;
font-weight: normal;
text-decoration: none;
white-space: nowrap;
}
a {
@include is-styled;
color: #555;
text-decoration-color: #EBC63C;
}
}