1
0
mirror of https://github.com/thangisme/notes.git synced 2024-06-13 07:30:54 +00:00
notes/_sass/support/mixins/_typography.scss
2020-07-20 17:48:56 -04:00

85 lines
1.4 KiB
SCSS

@mixin fs-1 {
font-size: $font-size-1 !important;
@include mq(sm) {
font-size: $font-size-1-sm !important;
}
}
@mixin fs-2 {
font-size: $font-size-2 !important;
@include mq(sm) {
font-size: $font-size-3 !important;
}
}
@mixin fs-3 {
font-size: $font-size-3 !important;
@include mq(sm) {
font-size: $font-size-4 !important;
}
}
@mixin fs-4 {
font-size: $font-size-4 !important;
@include mq(sm) {
font-size: $font-size-5 !important;
}
}
@mixin fs-5 {
font-size: $font-size-5 !important;
@include mq(sm) {
font-size: $font-size-6 !important;
}
}
@mixin fs-6 {
font-size: $font-size-6 !important;
@include mq(sm) {
font-size: $font-size-7 !important;
line-height: $body-heading-line-height;
}
}
@mixin fs-7 {
font-size: $font-size-7 !important;
line-height: $body-heading-line-height;
@include mq(sm) {
font-size: $font-size-8 !important;
}
}
@mixin fs-8 {
font-size: $font-size-8 !important;
line-height: $body-heading-line-height;
@include mq(sm) {
font-size: $font-size-9 !important;
}
}
@mixin fs-9 {
font-size: $font-size-9 !important;
line-height: $body-heading-line-height;
@include mq(sm) {
font-size: $font-size-10 !important;
}
}
@mixin fs-10 {
font-size: $font-size-10 !important;
line-height: $body-heading-line-height;
@include mq(sm) {
font-size: $font-size-10-sm !important;
}
}