Skip to content

Instantly share code, notes, and snippets.

@asimpson

asimpson/_mixins.scss

Forked from robtarr/_mixins.scss
Created September 17, 2012 21:14
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save asimpson/3739846 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save asimpson/3739846 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. asimpson revised this gist Oct 5, 2012. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion _mixins.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    @mixin font-size( $decimal-size, $keyword: null ) {
    @if $keyword{ font-size: $keyword; }
    @else { font-size: $decimal-size * $base-font-multiplier * 16px; color:red; }
    @else { font-size: $decimal-size * $base-font-multiplier * 16px;}
    font-size: $decimal-size * 1rem;
    }
  2. asimpson revised this gist Sep 17, 2012. 3 changed files with 6 additions and 6 deletions.
    7 changes: 4 additions & 3 deletions _mixins.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,5 @@
    @mixin rem-width( $em-size ) {
    width: $em-size * $base-font-multiplier * 16px;
    width: $em-size * 1rem;
    @mixin font-size( $decimal-size, $keyword: null ) {
    @if $keyword{ font-size: $keyword; }
    @else { font-size: $decimal-size * $base-font-multiplier * 16px; color:red; }
    font-size: $decimal-size * 1rem;
    }
    2 changes: 1 addition & 1 deletion _smallest.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,3 @@
    html {
    font-size: $base-font-size;
    @include font-size(1, large);
    }
    3 changes: 1 addition & 2 deletions _variables.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -1,2 +1 @@
    $base-font-multiplier: 1; // master font size integer
    $base-font-size: $base-font-multiplier * 100%;
    $base-font-multiplier: 1; // master font size integer
  3. @robtarr robtarr created this gist Aug 24, 2012.
    4 changes: 4 additions & 0 deletions _mixins.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,4 @@
    @mixin rem-width( $em-size ) {
    width: $em-size * $base-font-multiplier * 16px;
    width: $em-size * 1rem;
    }
    3 changes: 3 additions & 0 deletions _smallest.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,3 @@
    html {
    font-size: $base-font-size;
    }
    2 changes: 2 additions & 0 deletions _variables.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,2 @@
    $base-font-multiplier: 1; // master font size integer
    $base-font-size: $base-font-multiplier * 100%;