rf-web/_sass/typography.scss
Benjamin Jones 64ff10e60f big updates?
2020-02-21 12:44:13 +01:00

97 lines
1.1 KiB
SCSS

p,
a,
span,
h1,
h2,
h3,
h4,
h5,
strong,
em,
h6,
li,
.separator {
font-family: $font;
color: $black;
margin-bottom: $size-16;
&::selection {
background-color: $highlight;
color: $white;
}
}
strong {
font-family: $font-bold;
}
em {
font-family: $font-italic;
}
small {
font-size: smaller;
}
h1 {
font-size: 84px;
}
h1,
.h1 {
font-size: $size-64;
font-family: $font-title;
}
h2,
.h2 {
font-size: $size-32;
font-family: $font-title;
}
h3,
.h3 {
font-size: $size-16;
font-family: $font-title;
font-style: italic;
}
p,
.text-p {
font-size: $size-14;
font-family: $font;
line-height: $size-32;
}
a {
// color: $black;
font-weight: bold;
&:hover,
&:visited {
font-style: italic;
}
}
.separator {
max-width: $size-512 + $size-128;
display: flex;
justify-content: center;
@include margin-vertical($size-16);
.dot {
height: $size-8;
width: $size-8;
border-radius: 100%;
background-color: $black;
// mix-blend-mode: exclusion;
&.background-blue {
background-color: $highlight-darker;
}
&.background-white {
background-color: $white;
}
}
}