Syml Font Size
Use this module for responsives font sizes.
.big {
font-size: 3.815em;
}
.f1 {
font-size: 3.052em;
}
.f2 {
font-size: 2.441em;
}
.f3 {
font-size: 1.953em;
}
.f4 {
font-size: 1.563em;
}
.f5 {
font-size: 1.25em;
}
.f6 {
font-size: 1em;
}
.small {
font-size: 0.8em;
}
@media (min-width: 48em) {
.big--sm {
font-size: 3.815em;
}
.f1--sm {
font-size: 3.052em;
}
.f2--sm {
font-size: 2.441em;
}
.f3--sm {
font-size: 1.953em;
}
.f4--sm {
font-size: 1.563em;
}
.f5--sm {
font-size: 1.25em;
}
.f6--sm {
font-size: 1em;
}
.small--sm {
font-size: 0.8em;
}
}
@media (min-width: 48em) and (max-width: 64em) {
.big--md {
font-size: 3.815em;
}
.f1--md {
font-size: 3.052em;
}
.f2--md {
font-size: 2.441em;
}
.f3--md {
font-size: 1.953em;
}
.f4--md {
font-size: 1.563em;
}
.f5--md {
font-size: 1.25em;
}
.f6--md {
font-size: 1em;
}
.small--md {
font-size: 0.8em;
}
}
@media (min-width: 64em) {
.big--lg {
font-size: 3.815em;
}
.f1--lg {
font-size: 3.052em;
}
.f2--lg {
font-size: 2.441em;
}
.f3--lg {
font-size: 1.953em;
}
.f4--lg {
font-size: 1.563em;
}
.f5--lg {
font-size: 1.25em;
}
.f6--lg {
font-size: 1em;
}
.small--lg {
font-size: 0.8em;
}
}