Skip to content

Instantly share code, notes, and snippets.

@Zet-Web

Zet-Web/em.scss

Forked from ngryman/em.scss
Created December 3, 2015 17:43
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Zet-Web/865c0c7db6d9f52748df to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Zet-Web/865c0c7db6d9f52748df to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @ngryman ngryman revised this gist Mar 3, 2013. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions em.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,5 @@
    // http://viljamis.com/blog/2013/prototyping-responsive-typography/?utm_source=Responsive+Design+Weekly&utm_campaign=76e7785581-Responsive_Design_Weekly_046&utm_medium=email

    $browser-context: 16; // Default

    @function em($pixels, $context: $browser-context) {
  2. @ngryman ngryman created this gist Mar 3, 2013.
    5 changes: 5 additions & 0 deletions em.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,5 @@
    $browser-context: 16; // Default

    @function em($pixels, $context: $browser-context) {
    @return #{$pixels/$context}em
    }
    11 changes: 11 additions & 0 deletions example.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,11 @@
    body {
    font-size: em(16);
    }

    p.intro {
    font-size: em(24);
    }

    h1 {
    font-size: em(72);
    }