Posted By

vanseijen on 10/25/12

Tagged

query

Versions (?)

Last Edited at 10/25/12 07:27pm

Statistics

Viewed 659 times

Favorited by 0 user(s)

Related snippets

Theme media queries

/ Published in: CSS

Our theme's range of media queries

Highlighted TextExpand

/* VIEWPORTS AND MEDIA QUERIES

For usability purposes we're currently curbing the responsive layout at 1200 pixels. Theoretically
we already support responsiveness for whatever resolution. These are currently commented out.

-@media only screen and ( min-width: 2880px ) 	{ body { font-size: 28.5px; } }
-@media only screen and ( max-width: 2879px ) 	{ body { font-size: 22.5px; } }
-@media only screen and ( max-width: 2159px ) 	{ body { font-size: 19.0px; } }
-@media only screen and ( max-width: 1919px ) 	{ body { font-size: 17.5px; } }
-@media 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; } }

URL: http://nexusthemes.com/?p=812&preview=true#

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.