|
|
|
@ -66,28 +66,37 @@
|
|
|
|
|
@each $body, $sizes in $mktg-bodies {
|
|
|
|
|
.f#{$body}-mktg {
|
|
|
|
|
$pairing: map-get($mktg-body-pairings, nth($sizes, 1));
|
|
|
|
|
$pairing-md: map-get($mktg-body-pairings, nth($sizes, 2));
|
|
|
|
|
$pairing-lg: map-get($mktg-body-pairings, nth($sizes, 3));
|
|
|
|
|
|
|
|
|
|
font-size: map-get($pairing, "size") !important;
|
|
|
|
|
line-height: map-get($pairing, "lh") !important;
|
|
|
|
|
@if (map-get($pairing, "size") >= 28px) { letter-spacing: $mktg-header-spacing-default !important; }
|
|
|
|
|
@if (map-get($pairing, "size") >= 24px) { font-weight: $font-weight-semibold !important; }
|
|
|
|
|
@if (map-get($pairing, "size") >= $mktg-body-spacing-threshold) { letter-spacing: $mktg-body-spacing-large !important; }
|
|
|
|
|
@if (map-get($pairing, "size") >= $mktg-body-weight-threshold) { font-weight: $font-weight-semibold !important; }
|
|
|
|
|
|
|
|
|
|
@if (nth($sizes, 1) != nth($sizes, 2)) {
|
|
|
|
|
@include breakpoint(md) {
|
|
|
|
|
$pairing: map-get($mktg-body-pairings, nth($sizes, 2));
|
|
|
|
|
font-size: map-get($pairing, "size") !important;
|
|
|
|
|
line-height: map-get($pairing, "lh") !important;
|
|
|
|
|
@if (map-get($pairing, "size") >= 28px) { letter-spacing: $mktg-header-spacing-default !important; }
|
|
|
|
|
@if (map-get($pairing, "size") >= 24px) { font-weight: $font-weight-semibold !important; }
|
|
|
|
|
font-size: map-get($pairing-md, "size") !important;
|
|
|
|
|
line-height: map-get($pairing-md, "lh") !important;
|
|
|
|
|
@if (map-get($pairing-md, "size") >= $mktg-body-spacing-threshold and map-get($pairing, "size") < $mktg-body-spacing-threshold) {
|
|
|
|
|
letter-spacing: $mktg-body-spacing-large !important;
|
|
|
|
|
}
|
|
|
|
|
@if (map-get($pairing-md, "size") >= $mktg-body-weight-threshold and map-get($pairing, "size") < $mktg-body-weight-threshold) {
|
|
|
|
|
font-weight: $font-weight-semibold !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@if (nth($sizes, 2) != nth($sizes, 3)) {
|
|
|
|
|
@include breakpoint(lg) {
|
|
|
|
|
$pairing: map-get($mktg-body-pairings, nth($sizes, 3));
|
|
|
|
|
font-size: map-get($pairing, "size") !important;
|
|
|
|
|
line-height: map-get($pairing, "lh") !important;
|
|
|
|
|
@if (map-get($pairing, "size") >= 28px) { letter-spacing: $mktg-header-spacing-default !important; }
|
|
|
|
|
@if (map-get($pairing, "size") >= 24px) { font-weight: $font-weight-semibold !important; }
|
|
|
|
|
font-size: map-get($pairing-lg, "size") !important;
|
|
|
|
|
line-height: map-get($pairing-lg, "lh") !important;
|
|
|
|
|
@if (map-get($pairing-lg, "size") >= $mktg-body-spacing-threshold and map-get($pairing-md, "size") < $mktg-body-spacing-threshold) {
|
|
|
|
|
letter-spacing: $mktg-body-spacing-large !important;
|
|
|
|
|
}
|
|
|
|
|
@if (map-get($pairing-lg, "size") >= $mktg-body-weight-threshold and map-get($pairing-md, "size") < $mktg-body-weight-threshold) {
|
|
|
|
|
font-weight: $font-weight-semibold !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|