Skip to content

Instantly share code, notes, and snippets.

@bzerangue

bzerangue/whichquery.sass

Forked from wyattdanger/whichquery.sass
Created April 26, 2012 15:49
Download ZIP

Revisions

  1. bzerangue revised this gist Apr 26, 2012. 1 changed file with 22 additions and 0 deletions.
    22 changes: 22 additions & 0 deletions whichquery.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,22 @@
    body::before {
    content: "< 480px"; }

    @media only screen and (min-width: 480px) {
    body::before {
    content: "480px < 600px"; } }

    @media only screen and (min-width: 600px) {
    body::before {
    content: "600px < 768px"; } }

    @media only screen and (min-width: 768px) {
    body::before {
    content: "768px < 992px"; } }

    @media only screen and (min-width: 992px) {
    body::before {
    content: "992px < 1382px"; } }

    @media only screen and (min-width: 1382px) {
    body::before {
    content: "1382px <"; } }
  2. @wyattdanger wyattdanger created this gist Mar 31, 2012.
    22 changes: 22 additions & 0 deletions whichquery.sass
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,22 @@
    body::before
    content: '< 480px'

    @media only screen and (min-width: 480px)
    body::before
    content: '480px < 600px'

    @media only screen and (min-width: 600px)
    body::before
    content: '600px < 768px'

    @media only screen and (min-width: 768px)
    body::before
    content: '768px < 992px'

    @media only screen and (min-width: 992px)
    body::before
    content: '992px < 1382px'

    @media only screen and (min-width: 1382px)
    body::before
    content: '1382px <'