Skip to content

Instantly share code, notes, and snippets.

@bicherele

bicherele/f3-case-flite-retina.scss

Forked from smileyj68/f3-case-flite-retina.scss
Created August 30, 2012 07:26
Download ZIP

Revisions

  1. Jonathan Smiley renamed this gist Jun 25, 2012. 1 changed file with 0 additions and 0 deletions.
    0 f3-case-flite-retina.css → f3-case-flite-retina.scss
    View file
    File renamed without changes.
  2. Jonathan Smiley revised this gist Jun 25, 2012. 1 changed file with 0 additions and 4 deletions.
    4 changes: 0 additions & 4 deletions f3-case-flite-retina.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,3 @@
    /* Retina media query. Overrides styles for devices with a
    device-pixel-ratio of 2+, such as iPhone 4/iPad 3.
    ----------------------------------------------- */

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

    #topnav {
  3. Jonathan Smiley revised this gist Jun 25, 2012. 1 changed file with 18 additions and 18 deletions.
    36 changes: 18 additions & 18 deletions f3-case-flite-retina.css
    View file
    Original file line number Diff line number Diff line change
    @@ -5,31 +5,31 @@
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

    #topnav {
    #logo {
    a {
    background-image: url(/img/[email protected]);
    background-size: 156px 22px;
    }
    }
    #logo {
    a {
    background-image: url(/img/[email protected]);
    background-size: 156px 22px;
    }
    }
    }
    .social {
    &.linkedin {
    background-image: url(/img/[email protected]);
    background-size: 16px 16px;
    }
    &.twitter {
    background-image: url(/img/[email protected]);
    background-size: 24px 16px;
    }
    &.linkedin {
    background-image: url(/img/[email protected]);
    background-size: 16px 16px;
    }
    &.twitter {
    background-image: url(/img/[email protected]);
    background-size: 24px 16px;
    }
    }

    .graphic-campaign-goals {
    background-image: url(/img/[email protected]);
    background-size: 134px 44px;
    background-image: url(/img/[email protected]);
    background-size: 134px 44px;
    }

    .graphic-audience {
    background-image: url(/img/[email protected]);
    background-size: 134px 82px;
    background-image: url(/img/[email protected]);
    background-size: 134px 82px;
    }
    }
  4. Jonathan Smiley renamed this gist Jun 25, 2012. 1 changed file with 0 additions and 0 deletions.
    0 f3-case-flite-retina.html → f3-case-flite-retina.css
    View file
    File renamed without changes.
  5. Jonathan Smiley created this gist Jun 25, 2012.
    35 changes: 35 additions & 0 deletions f3-case-flite-retina.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,35 @@
    /* Retina media query. Overrides styles for devices with a
    device-pixel-ratio of 2+, such as iPhone 4/iPad 3.
    ----------------------------------------------- */

    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

    #topnav {
    #logo {
    a {
    background-image: url(/img/[email protected]);
    background-size: 156px 22px;
    }
    }
    }
    .social {
    &.linkedin {
    background-image: url(/img/[email protected]);
    background-size: 16px 16px;
    }
    &.twitter {
    background-image: url(/img/[email protected]);
    background-size: 24px 16px;
    }
    }

    .graphic-campaign-goals {
    background-image: url(/img/[email protected]);
    background-size: 134px 44px;
    }

    .graphic-audience {
    background-image: url(/img/[email protected]);
    background-size: 134px 82px;
    }
    }