Himas Rafeek
Posted on: 1 year ago
CSS

Theme media queries

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