2019-10-04 14:55:54 +00:00
|
|
|
@import "./variables";
|
|
|
|
|
|
|
|
/* Headings */
|
|
|
|
|
|
|
|
.text-h1, h1 {
|
2020-04-02 13:11:42 +00:00
|
|
|
font-size: 2.3rem;
|
2019-10-04 14:55:54 +00:00
|
|
|
}
|
|
|
|
.text-h2, h2 {
|
2020-04-02 13:11:42 +00:00
|
|
|
font-size: 2.25rem;
|
2019-10-04 14:55:54 +00:00
|
|
|
}
|
|
|
|
.text-h3, h3 {
|
2020-04-02 13:11:42 +00:00
|
|
|
font-size: 2rem;
|
2019-10-04 14:55:54 +00:00
|
|
|
}
|
|
|
|
.text-h4, h4 {
|
2020-04-02 13:11:42 +00:00
|
|
|
font-size: 1.6rem;
|
2019-10-04 14:55:54 +00:00
|
|
|
}
|
|
|
|
.text-h5, h5 {
|
2020-04-02 13:11:42 +00:00
|
|
|
font-size: 1.3rem;
|
2019-10-04 14:55:54 +00:00
|
|
|
}
|
|
|
|
.text-h6, h6 {
|
2020-04-02 13:11:42 +00:00
|
|
|
font-size: 1.125rem;
|
2019-10-04 14:55:54 +00:00
|
|
|
}
|
|
|
|
.text-subtitle1 {
|
2020-04-02 13:11:42 +00:00
|
|
|
font-size: 1.06rem;
|
2019-10-04 14:55:54 +00:00
|
|
|
}
|
|
|
|
.text-subtitle2 {
|
2020-04-02 13:11:42 +00:00
|
|
|
font-size: 1rem;
|
2019-10-04 14:55:54 +00:00
|
|
|
}
|
|
|
|
.text-body1 {
|
2020-04-02 13:11:42 +00:00
|
|
|
font-size: .875rem;
|
2019-10-04 14:55:54 +00:00
|
|
|
}
|
|
|
|
.text-body2 {
|
2020-04-02 13:11:42 +00:00
|
|
|
font-size: .875rem;
|
2019-10-04 14:55:54 +00:00
|
|
|
}
|
|
|
|
.text-caption {
|
2020-04-02 13:11:42 +00:00
|
|
|
font-size: .875rem;
|
2019-10-04 14:55:54 +00:00
|
|
|
}
|
|
|
|
.text-overline {
|
2020-04-02 13:11:42 +00:00
|
|
|
font-size: .8rem;
|
2019-10-04 14:55:54 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
|
|
padding: 0;
|
|
|
|
margin-top: 0;
|
2020-04-02 12:20:57 +00:00
|
|
|
margin-bottom: 4px;
|
2019-10-04 14:55:54 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Colors */
|
|
|
|
|
|
|
|
.text-primary {
|
2019-10-23 15:38:35 +00:00
|
|
|
color: $color-main;
|
2019-10-04 14:55:54 +00:00
|
|
|
}
|
|
|
|
.text-secondary {
|
|
|
|
color: $color-font-secondary;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Helpers */
|
|
|
|
|
|
|
|
.text-uppercase {
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
.text-center {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.text-right {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
.text-left {
|
|
|
|
text-align: left;
|
|
|
|
}
|