Skip to content

Instantly share code, notes, and snippets.

Revisions

  1. @nicbarajas nicbarajas created this gist Mar 20, 2015.
    1 change: 1 addition & 0 deletions SassMeister-input-HTML.html
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    <div id="box">Hello!</div>
    18 changes: 18 additions & 0 deletions SassMeister-input.scss
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,18 @@
    // ----
    // Sass (v3.4.12)
    // Compass (v1.0.3)
    // ----

    $black: #000;

    @function gray($value) {
    @return lighten($black, $value);
    }

    #box {
    width: 200px;
    height: 200px;
    color: gray(92);
    background-color: gray(20);
    border-color: gray(26.5);
    }
    7 changes: 7 additions & 0 deletions SassMeister-output.css
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,7 @@
    #box {
    width: 200px;
    height: 200px;
    color: #ebebeb;
    background-color: #333333;
    border-color: #444444;
    }
    1 change: 1 addition & 0 deletions SassMeister-rendered.html
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    <div id="box">Hello!</div>