rf-web/_sass/typography.scss

112 lines
1.2 KiB
SCSS
Raw Normal View History

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