Skip to content

Instantly share code, notes, and snippets.

@tourdefran

tourdefran/SassMeister-input-HTML.html

Created February 26, 2015 15:25
Download ZIP

Revisions

  1. tourdefran created this gist Feb 26, 2015.
    16 changes: 16 additions & 0 deletions SassMeister-input-HTML.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,16 @@
    <html>
    <head></head>
    <body>
    <h1>Hola, soy un h1</h1>
    <p>Hola, soy un p!</p>
    <ul>
    <li>yo soy un item de una lista, je</li>
    <li>yo también</li>
    <li>yo también</li>
    <li>yo también</li>
    <li>yo también</li>
    <li>yo también</li>
    </ul>
    <img src="http://www.articolotre.com/wp-content/uploads/2013/07/gatti1-300x300.jpg" alt="Felos" />
    </body>
    </html>
    12 changes: 12 additions & 0 deletions SassMeister-input.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,12 @@
    // ----
    // Sass (v3.4.12)
    // Compass (v1.0.3)
    // ----

    $font-stack: Helvetica, sans-serif;
    $primary-color: #333;

    body {
    font: 100% $font-stack;
    color: $primary-color;
    }
    4 changes: 4 additions & 0 deletions SassMeister-output.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,4 @@
    body {
    font: 100% Helvetica, sans-serif;
    color: #333;
    }
    16 changes: 16 additions & 0 deletions SassMeister-rendered.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,16 @@
    <html>
    <head></head>
    <body>
    <h1>Hola, soy un h1</h1>
    <p>Hola, soy un p!</p>
    <ul>
    <li>yo soy un item de una lista, je</li>
    <li>yo también</li>
    <li>yo también</li>
    <li>yo también</li>
    <li>yo también</li>
    <li>yo también</li>
    </ul>
    <img src="http://www.articolotre.com/wp-content/uploads/2013/07/gatti1-300x300.jpg" alt="Felos" />
    </body>
    </html>