108 lines
1.8 KiB
SCSS
108 lines
1.8 KiB
SCSS
//
|
|
// Typography Styles //
|
|
//
|
|
body {
|
|
color: $color-primary;
|
|
font-family: $font-family-primary;
|
|
font-size: 1rem;
|
|
font-weight: 400;
|
|
letter-spacing: 0;
|
|
@include breakpoint-less(md) {
|
|
font-size: 0.938rem;
|
|
}
|
|
&.theme-font-nunito {
|
|
font-family: $font-family-nunito;
|
|
}
|
|
}
|
|
h1,h2,h3,h4,h5,h6 {
|
|
letter-spacing: -0.3px;
|
|
line-height: 1.4;
|
|
color: get-color("dark");
|
|
font-family: $font-family-poppins;
|
|
font-weight: $font-weight-semi-bold;
|
|
}
|
|
.theme-font-nunito {
|
|
h1,h2,h3,h4,h5,h6 {
|
|
font-family: $font-family-nunito;
|
|
}
|
|
}
|
|
|
|
p {
|
|
margin: 0;
|
|
line-height: 1.74; /* 26px */
|
|
@include breakpoint-less(md) {
|
|
line-height: 1.6; /* 24px */
|
|
}
|
|
}
|
|
|
|
.uppercase {
|
|
letter-spacing: 0.8px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.font-small {
|
|
font-size: 0.9em;
|
|
line-height: 1.7;
|
|
@include breakpoint-less(md) {
|
|
font-size: 0.9em;
|
|
line-height: 1.7;
|
|
}
|
|
}
|
|
.font-large {
|
|
font-size: 1.063em;
|
|
line-height: 1.6;
|
|
@include breakpoint-less(md) {
|
|
font-size: 1.063em;
|
|
}
|
|
}
|
|
|
|
//
|
|
// Letter Spacing //
|
|
//
|
|
.letter-spacing-1 { letter-spacing: 1px; }
|
|
.letter-spacing-2 { letter-spacing: 2px; }
|
|
.letter-spacing-3 { letter-spacing: 3px; }
|
|
.letter-spacing-4 { letter-spacing: 4px; }
|
|
|
|
//
|
|
// Line Heights //
|
|
//
|
|
.line-height-100 { line-height: 100%; }
|
|
.line-height-110 { line-height: 110%; }
|
|
.line-height-120 { line-height: 120%; }
|
|
.line-height-130 { line-height: 130%; }
|
|
.line-height-140 { line-height: 140%; }
|
|
.line-height-150 { line-height: 150%; }
|
|
.line-height-160 { line-height: 160%; }
|
|
|
|
//
|
|
// Font Icon Styles //
|
|
//
|
|
i {
|
|
display: inline-block;
|
|
}
|
|
|
|
//
|
|
// Icon sizes //
|
|
//
|
|
.icon-5xl {
|
|
i { font-size: 2.8em; }
|
|
}
|
|
.icon-4xl {
|
|
i { font-size: 2.4em; }
|
|
}
|
|
.icon-3xl {
|
|
i { font-size: 2.13em; }
|
|
}
|
|
.icon-2xl {
|
|
i { font-size: 1.86em; }
|
|
}
|
|
.icon-xl {
|
|
i { font-size: 1.6em; }
|
|
}
|
|
.icon-lg {
|
|
i { font-size: 1.33em; }
|
|
}
|
|
.icon-sm {
|
|
i { font-size: 0.9em; }
|
|
} |