spee.ch/client/scss/_text.scss

64 lines
702 B
SCSS
Raw Normal View History

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