feat: Add a breadcrumb
This commit is contained in:
112
assets/css/scss/basic/_typography.scss
Normal file
112
assets/css/scss/basic/_typography.scss
Normal file
@@ -0,0 +1,112 @@
|
||||
//
|
||||
// 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;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.theme-font-nunito {
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
font-family: $font-family-nunito;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
line-height: 1.74; /* 26px */
|
||||
color: #000;
|
||||
@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; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user