Last active
August 29, 2015 14:10
-
-
Save antoniobrandao/03ae3d41dcd67c03f569 to your computer and use it in GitHub Desktop.
CSS-only responsive viewport Width display - handy snippet for responsive design. Displays viewport width in screen without JavaScript. No setup. Stylus
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
measures = 100px 200px 300px 320px 340px 350px 360px 370px 380px 400px 420px 440px 460px 480px 500px 520px 540px 560px 580px 600px 620px 640px 660px 780px 800px 820px 840px 860px 880px 900px 920px 940px 960px 980px 1000px 1020px 1040px 1080px 1100px 1120px 1140px 1160px 1180px 1200px 1220px 1240px 1260px 1280px 1300px 1320px 1340px 1360px 1380px 1400px 1420px 1440px 1460px 1480px | |
body | |
for measure in measures | |
+above( measure ) | |
&:after | |
content join(' ', measure) | |
width 100 | |
height 100 | |
padding 10px | |
background-color alpha(#373737, 0.5) | |
position fixed | |
color white | |
font-size 20px !important | |
border-radius 3px | |
bottom 10px | |
right 10px | |
z-index 99999 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment