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
2017-08-31 12:44:57 +01:00

78 lines
1.1 KiB
SCSS

p {
margin-bottom: 15px;
&:last-child {
margin-bottom: 0;
}
}
a {
text-decoration: none;
color: inherit;
&[href^=tel] {
direction: ltr;
unicode-bidi: embed;
}
}
li {
margin-bottom: 5px;
}
.h1,
.h2,
.h3,
.h4,
.h5 {
display: block;
margin-bottom: 10px;
font-weight: $font-weight-regular;
font-family: $font-family-heading;
line-height: 1.2;
}
.h1 {
font-size: 30px;
font-size: calc(20px + 2vw);
@include breakpoint($xl) {
font-size: 48px;
}
}
.h2 {
font-size: 22px;
font-size: calc(18px + 0.7vw);
@include breakpoint($xl) {
font-size: 28px;
}
}
.h3 {
font-size: 18px;
font-size: calc(16px + 0.6vw);
@include breakpoint($xl) {
font-size: 24px;
}
}
.h4 {
font-size: 16px;
font-size: calc(16px + 0.5vw);
@include breakpoint($lg) {
font-size: 22px;
}
}
.h5 {
font-size: 15px;
font-size: calc(15px + 0.25vw);
@include breakpoint($lg) {
font-size: 18px;
}
}
.h6 {
font-size: $font-size-base;
}