59 lines
888 B
CSS
59 lines
888 B
CSS
@media screen and (min-width: 0) {
|
|
head {
|
|
font-family : 'xs 0px';
|
|
}
|
|
body:after {
|
|
content : 'xs - min-width: 0px';
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 544px) {
|
|
head {
|
|
font-family : 'sm 544px';
|
|
}
|
|
body:after {
|
|
content : 'sm - min-width: 544px';
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
head {
|
|
font-family : 'md 768px';
|
|
}
|
|
body:after {
|
|
content : 'md - min-width: 768px';
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 992px) {
|
|
head {
|
|
font-family : 'lg 992px';
|
|
}
|
|
body:after {
|
|
content : 'lg - min-width: 992px';
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
head {
|
|
font-family : 'xl 1200px';
|
|
}
|
|
body:after {
|
|
content : 'xl - min-width: 1200px';
|
|
}
|
|
}
|
|
|
|
head {
|
|
clear : both;
|
|
}
|
|
head title {
|
|
font-family : 'xs 0px, sm 544px, md 768px, lg 992px, xl 1200px';
|
|
}
|
|
|
|
body:after {
|
|
display : none;
|
|
}
|
|
|
|
*[data-usn-if] {
|
|
display : none;
|
|
} |