/*————————————
Typography Font Weight
————————————*/ .g-font {
&-weight-100 { font-weight: 100; // Thin (Hairline) } &-weight-200 { font-weight: 200; // Extra Light (Ultra Light) } &-weight-300 { font-weight: 300; // Light } &-weight-400 { font-weight: 400; // Normal } &-weight-500 { font-weight: 500; // Medium } &-weight-600 { font-weight: 600; // Semi Bold (Demi Bold) } &-weight-700 { font-weight: 700; // Bold } &-weight-800 { font-weight: 800; // Extra Bold (Ultra Bold) } &-weight-900 { font-weight: 900; // Black (Heavy) }
}
@media (min-width: $g-md) {
.g-font { &-weight-100--md { font-weight: 100; // Thin (Hairline) } &-weight-200--md { font-weight: 200; // Extra Light (Ultra Light) } &-weight-300--md { font-weight: 300; // Light } &-weight-400--md { font-weight: 400; // Normal } &-weight-500--md { font-weight: 500; // Medium } &-weight-600--md { font-weight: 600; // Semi Bold (Demi Bold) } &-weight-700--md { font-weight: 700; // Bold } &-weight-800--md { font-weight: 800; // Extra Bold (Ultra Bold) } &-weight-900--md { font-weight: 900; // Black (Heavy) } }
}