Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save antoniobrandao/03ae3d41dcd67c03f569 to your computer and use it in GitHub Desktop.
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
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