syml-font-size v0.0.7

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