2018-06-05 23:24:54 +02:00
|
|
|
// set defaults
|
|
|
|
h1 {
|
|
|
|
font-size: xx-large;
|
2018-05-31 00:00:09 +02:00
|
|
|
}
|
|
|
|
|
2018-06-05 23:24:54 +02:00
|
|
|
h2, h3, p {
|
2018-05-31 00:00:09 +02:00
|
|
|
|
|
|
|
font-size: x-large;
|
|
|
|
}
|
|
|
|
|
2018-06-05 23:24:54 +02:00
|
|
|
h2 {
|
|
|
|
text-decoration: underline;
|
2018-05-31 00:00:09 +02:00
|
|
|
}
|
|
|
|
|
2018-06-05 23:24:54 +02:00
|
|
|
h3 {
|
|
|
|
font-weight: bold;
|
2018-05-31 00:00:09 +02:00
|
|
|
}
|
|
|
|
|
2018-06-05 23:24:54 +02:00
|
|
|
body, button, input, textarea, label, select, option {
|
|
|
|
font-family: 'Lekton', monospace;
|
|
|
|
font-size: large;
|
2018-05-31 00:00:09 +02:00
|
|
|
}
|
|
|
|
|
2018-06-05 23:24:54 +02:00
|
|
|
// color modifiers
|
|
|
|
.text--primary {
|
|
|
|
color: $primary-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text--secondary {
|
|
|
|
color: $secondary-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text--tertiary {
|
|
|
|
color: $tertiary-color;
|
2018-05-31 00:00:09 +02:00
|
|
|
}
|
|
|
|
|
2018-06-05 23:24:54 +02:00
|
|
|
.text--interactive {
|
|
|
|
color: $interactive-color;
|
2018-05-31 00:00:09 +02:00
|
|
|
}
|
|
|
|
|
2018-06-05 23:24:54 +02:00
|
|
|
// special texts
|
|
|
|
|
|
|
|
.text--pull-quote {
|
|
|
|
font-size: 3rem;
|
|
|
|
margin-top: 1rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text--fine-print {
|
|
|
|
font-size: small;
|
2018-05-31 00:00:09 +02:00
|
|
|
}
|
|
|
|
|
2018-06-05 23:24:54 +02:00
|
|
|
.text--underline {
|
2018-05-31 00:00:09 +02:00
|
|
|
text-decoration: underline;
|
|
|
|
}
|