// // 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; } }