This repository has been archived on 2023-02-03. You can view files and clone it, but cannot push or open issues or pull requests.
autonomic.zone/scss/utilities/typography.scss

64 lines
883 B
SCSS
Raw Normal View History

2017-08-31 11:44:57 +00:00
p {
margin-bottom: $vr*3;
2017-08-31 11:44:57 +00:00
}
a {
text-decoration: none;
color: inherit;
}
li {
margin-bottom: $vr*2;
2017-08-31 11:44:57 +00:00
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
2017-08-31 11:44:57 +00:00
display: block;
margin-bottom: $vr*3;
2017-08-31 11:44:57 +00:00
}
.h1 {
font-size: $vr*6;
font-size: calc(#{$vr*5} + 3.5vw);
2017-08-31 11:44:57 +00:00
@include breakpoint($xl) {
font-size: $vr*15;
2017-08-31 11:44:57 +00:00
}
}
.h2 {
font-size: $vr*5;
font-size: calc(#{$vr*4} + 2.5vw);
2017-08-31 11:44:57 +00:00
@include breakpoint($xl) {
font-size: $vr*11;
2017-08-31 11:44:57 +00:00
}
}
.h3 {
font-size: $vr*4;
font-size: calc(#{$vr*3} + 1.9vw);
2017-08-31 11:44:57 +00:00
@include breakpoint($xl) {
font-size: $vr*8;
2017-08-31 11:44:57 +00:00
}
}
.h4 {
font-size: $vr*3.5;
font-size: calc(#{$vr*2} + 1.5vw);
2017-08-31 11:44:57 +00:00
@include breakpoint($xl) {
font-size: $vr*6;
2017-08-31 11:44:57 +00:00
}
}
2017-08-31 11:44:57 +00:00
.h5 {
font-size: $vr*3;
font-size: calc(#{$vr*2} + 0.75vw);
2017-08-31 11:44:57 +00:00
@include breakpoint($xl) {
font-size: $vr*4;
2017-08-31 11:44:57 +00:00
}
}