2018-06-05 23:24:54 +02:00
|
|
|
// set defaults
|
2018-06-08 17:50:25 +02:00
|
|
|
|
|
|
|
h1, h2, h3, h4, p {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
2018-11-09 01:44:59 +01:00
|
|
|
body {
|
|
|
|
color: $text-color;
|
|
|
|
font-family: 'Circular', serif;
|
2019-01-26 01:37:07 +01:00
|
|
|
font-size: 14px;
|
|
|
|
}
|
|
|
|
|
|
|
|
body a {
|
|
|
|
color: $primary-color;
|
2018-11-09 01:44:59 +01:00
|
|
|
}
|
|
|
|
|
2018-06-05 23:24:54 +02:00
|
|
|
h1 {
|
2018-06-11 01:07:15 +02:00
|
|
|
font-size: $text-xx-large;
|
2018-05-31 00:00:09 +02:00
|
|
|
}
|
|
|
|
|
2018-06-05 23:24:54 +02:00
|
|
|
h2 {
|
2018-06-11 01:07:15 +02:00
|
|
|
font-size: $text-x-large;
|
2018-05-31 00:00:09 +02:00
|
|
|
}
|
|
|
|
|
2018-06-05 23:24:54 +02:00
|
|
|
h3 {
|
2018-06-11 01:07:15 +02:00
|
|
|
font-size: $text-large;
|
2018-05-31 00:00:09 +02:00
|
|
|
}
|
|
|
|
|
2018-06-09 02:23:11 +02:00
|
|
|
.text--extra-large {
|
2018-06-11 01:07:15 +02:00
|
|
|
font-size: $text-xx-large;
|
2018-06-09 02:23:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.text--large {
|
2018-06-11 01:07:15 +02:00
|
|
|
font-size: $text-large;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text--medium {
|
|
|
|
font-size: $text-medium;
|
2018-06-09 02:23:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.text--small {
|
2018-06-11 01:07:15 +02:00
|
|
|
font-size: $text-small;
|
2018-06-09 02:23:11 +02:00
|
|
|
}
|
2018-06-05 23:24:54 +02:00
|
|
|
|
2018-06-09 02:23:11 +02:00
|
|
|
.text--extra-small {
|
2018-06-11 01:07:15 +02:00
|
|
|
font-size: $text-x-small;
|
2018-06-09 02:23:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.text--secondary {
|
2018-11-09 01:44:59 +01:00
|
|
|
color: $help-color;
|
2018-06-09 02:23:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.text--interactive {
|
2018-11-09 01:44:59 +01:00
|
|
|
color: $primary-color;
|
2018-06-09 02:23:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.text--failure {
|
|
|
|
color: $failure-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text--success {
|
|
|
|
color: $success-color;
|
|
|
|
}
|