Skip to content

Instantly share code, notes, and snippets.

@erin-dot-io

erin-dot-io/pixel-parity-rems.scss

Created March 27, 2013 20:38
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save erin-dot-io/5257813 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save erin-dot-io/5257813 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. erin-dot-io created this gist Mar 27, 2013.
    17 changes: 17 additions & 0 deletions pixel-parity-rems.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,17 @@
    // the mixin

    @mixin font-size($size: 16) {
    font-size: ($size) + px;
    font-size: ($size / 16) + rem;
    }

    // example

    h6 { @include font-size(11); }

    // will compile to

    h6 {
    font-size: 11px;
    font-size: 0.6875rem;
    }