scss/_responsive_fonts.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

@mixin font-size($size) {
	html {
		font-size: $size;
	}
}

@media (max-width: 480px) {
	@include font-size(12px);
}

@media (min-width: 480px) {
	@include font-size(13px);
}

@media (min-width: 786px) {
	@include font-size(14px);
}

@media (min-width: 992px) {
	@include font-size(15px);
}

@media (min-width: 1200px) {
	@include font-size(16px);
}