/*————————————
Typography Font Size
————————————*/ .g-font-size-default {
font-size: 1rem !important;
}
$i: 70; @while $i < 96 {
.g-font-size-#{$i}x { font-size: $i*1% !important; } $i: $i + 5;
}
.g-font-size-0 {
font-size: 0;
} .g-font-size-5 {
@include px-to-rem(font-size, 5px !important);
} .g-font-size-8 {
@include px-to-rem(font-size, 8px !important);
} .g-font-size-9 {
@include px-to-rem(font-size, 9px !important);
} .g-font-size-10 {
@include px-to-rem(font-size, 10px !important);
} .g-font-size-11 {
@include px-to-rem(font-size, 11px !important);
} .g-font-size-12 {
@include px-to-rem(font-size, 12px !important);
} .g-font-size-13 {
@include px-to-rem(font-size, 13px !important);
} .g-font-size-14 {
@include px-to-rem(font-size, 14px !important);
} .g-font-size-15 {
@include px-to-rem(font-size, 15px !important);
} .g-font-size-16 {
@include px-to-rem(font-size, 16px !important);
} .g-font-size-17 {
@include px-to-rem(font-size, 17px !important);
} .g-font-size-18 {
@include px-to-rem(font-size, 18px !important);
} .g-font-size-20 {
@include px-to-rem(font-size, 20px !important);
} .g-font-size-22 {
@include px-to-rem(font-size, 22px !important);
} .g-font-size-23 {
@include px-to-rem(font-size, 23px !important);
} .g-font-size-24 {
@include px-to-rem(font-size, 24px !important);
} .g-font-size-25 {
@include px-to-rem(font-size, 25px !important);
} .g-font-size-26 {
@include px-to-rem(font-size, 26px !important);
} .g-font-size-27 {
@include px-to-rem(font-size, 27px !important);
} .g-font-size-28 {
@include px-to-rem(font-size, 28px !important);
} .g-font-size-30 {
@include px-to-rem(font-size, 30px !important);
} .g-font-size-32 {
@include px-to-rem(font-size, 32px !important);
} .g-font-size-33 {
@include px-to-rem(font-size, 33px !important);
} .g-font-size-35 {
@include px-to-rem(font-size, 35px !important);
} .g-font-size-36 {
@include px-to-rem(font-size, 36px !important);
} .g-font-size-38 {
@include px-to-rem(font-size, 38px !important);
} .g-font-size-40 {
@include px-to-rem(font-size, 40px !important);
} .g-font-size-42 {
@include px-to-rem(font-size, 42px !important);
} .g-font-size-45 {
@include px-to-rem(font-size, 45px !important);
} .g-font-size-46 {
@include px-to-rem(font-size, 46px !important);
} .g-font-size-48 {
@include px-to-rem(font-size, 48px !important);
} .g-font-size-50 {
@include px-to-rem(font-size, 50px !important);
} .g-font-size-55 {
@include px-to-rem(font-size, 55px !important);
} .g-font-size-56 {
@include px-to-rem(font-size, 56px !important);
} .g-font-size-60 {
@include px-to-rem(font-size, 60px !important);
} .g-font-size-65 {
@include px-to-rem(font-size, 65px !important);
} .g-font-size-70 {
line-height: 70px; @include px-to-rem(font-size, 70px !important);
} .g-font-size-75 {
@include px-to-rem(font-size, 75px !important);
} .g-font-size-76 {
@include px-to-rem(font-size, 76px !important);
} .g-font-size-80 {
@include px-to-rem(font-size, 80px !important);
} .g-font-size-86 {
@include px-to-rem(font-size, 86px !important);
} .g-font-size-90 {
@include px-to-rem(font-size, 90px !important);
} .g-font-size-120 {
@include px-to-rem(font-size, 120px !important);
} .g-font-size-200 {
line-height: 210px; @include px-to-rem(font-size, 200px !important);
} .g-font-size-180 {
@include px-to-rem(font-size, 180px !important);
}
@media (min-width: $g-sm) {
.g-font-size-20--sm { @include px-to-rem(font-size, 20px !important); } .g-font-size-25--sm { @include px-to-rem(font-size, 25px !important); } .g-font-size-40--sm { @include px-to-rem(font-size, 40px !important); } .g-font-size-50--sm { @include px-to-rem(font-size, 50px !important); } .g-font-size-240--sm { @include px-to-rem(font-size, 240px !important); }
}
@media (min-width: $g-md) {
.g-font-size-default--md { font-size: 1rem; } .g-font-size-12--md { @include px-to-rem(font-size, 12px !important); } .g-font-size-16--md { @include px-to-rem(font-size, 16px !important); } .g-font-size-18--md { @include px-to-rem(font-size, 18px !important); } .g-font-size-20--md { @include px-to-rem(font-size, 20px !important); } .g-font-size-24--md { @include px-to-rem(font-size, 24px !important); } .g-font-size-25--md { @include px-to-rem(font-size, 25px !important); } .g-font-size-26--md { @include px-to-rem(font-size, 26px !important); } .g-font-size-27--md { @include px-to-rem(font-size, 27px !important); } .g-font-size-28--md { @include px-to-rem(font-size, 28px !important); } .g-font-size-30--md { @include px-to-rem(font-size, 30px !important); } .g-font-size-32--md { @include px-to-rem(font-size, 32px !important); } .g-font-size-35--md { @include px-to-rem(font-size, 35px !important); } .g-font-size-36--md { @include px-to-rem(font-size, 36px !important); } .g-font-size-40--md { @include px-to-rem(font-size, 40px !important); } .g-font-size-45--md { @include px-to-rem(font-size, 45px !important); } .g-font-size-46--md { @include px-to-rem(font-size, 46px !important); } .g-font-size-48--md { @include px-to-rem(font-size, 48px !important); } .g-font-size-50--md { @include px-to-rem(font-size, 50px !important); } .g-font-size-55--md { @include px-to-rem(font-size, 55px !important); } .g-font-size-56--md { @include px-to-rem(font-size, 56px !important); } .g-font-size-60--md { @include px-to-rem(font-size, 60px !important); } .g-font-size-65--md { @include px-to-rem(font-size, 65px !important); } .g-font-size-70--md { @include px-to-rem(font-size, 70px !important); } .g-font-size-75--md { @include px-to-rem(font-size, 75px !important); } .g-font-size-76--md { @include px-to-rem(font-size, 76px !important); } .g-font-size-90--md { @include px-to-rem(font-size, 90px !important); } .g-font-size-130--md { @include px-to-rem(font-size, 130px !important); }
}
@media (min-width: $g-lg) {
.g-font-size-18--lg { @include px-to-rem(font-size, 18px !important); } .g-font-size-26--lg { @include px-to-rem(font-size, 26px !important); } .g-font-size-35--lg { @include px-to-rem(font-size, 35px !important); } .g-font-size-36--lg { @include px-to-rem(font-size, 36px !important); } .g-font-size-75--lg { @include px-to-rem(font-size, 75px !important); } .g-font-size-76--lg { @include px-to-rem(font-size, 76px !important); } .g-font-size-420--lg { @include px-to-rem(font-size, 420px !important); }
}
@media (max-width: #{$g-sm}-1) {
.g-font-size-25 { @include px-to-rem(font-size, 25px !important); }
}