Our theme’s range of media queries
/* VIEWPORTS AND MEDIA QUERIES For usability purposes we're currently curbing the responsive layout at 1200 pixels. Theoreticallywe already support responsiveness for whatever resolution. These are currently commented out. [email protected] only screen and ( min-width: 2880px ) {
body {
font-size: 28.5px;
}
}
[email protected] only screen and ( max-width: 2879px ) {
body {
font-size: 22.5px;
}
}
[email protected] only screen and ( max-width: 2159px ) {
body {
font-size: 19.0px;
}
}
[email protected] only screen and ( max-width: 1919px ) {
body {
font-size: 17.5px;
}
}
[email protected] only screen and ( max-width: 1679px ) {
body {
font-size: 15.0px;
}
}
*/ /* curbing the responsiveness at max font-size > 12.5px */@media only screen and ( min-width: 1440px ) {
body {
font-size: 12.5px;
}
}
/* setting body font-sizes for different viewports */@media only screen and ( max-width: 1439px ) {
body {
font-size: 12.5px;
}
}
@media only screen and ( max-width: 1199px ) {
body {
font-size: 10.0px;
}
}
@media only screen and ( max-width: 959px ) {
body {
font-size: 7.5px;
}
}
@media only screen and ( max-width: 719px ) {
body {
font-size: 5.0px;
}
}
@media only screen and ( max-width: 479px ) {
body {
font-size: 3.0px;
}
}
@media only screen and ( max-width: 319px ) {
body {
font-size: 2.5px;
}
}