Skip to content

Instantly share code, notes, and snippets.

@okproject

okproject/SassMeister-input-HTML.html

Created May 31, 2015 19:57
Show Gist options
  • Save okproject/7c20d868eb261e16786c to your computer and use it in GitHub Desktop.
Save okproject/7c20d868eb261e16786c to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. okproject created this gist May 31, 2015.
    10 changes: 10 additions & 0 deletions SassMeister-input-HTML.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,10 @@
    <html>
    <head>
    <title>Wuhu</title>
    </head>
    <body>
    <div class="wrapper">
    <div class="subDiv"></div>
    </div>
    </body>
    </html>
    30 changes: 30 additions & 0 deletions SassMeister-input.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,30 @@
    // ----
    // libsass (v3.2.4)
    // ----

    body
    {
    width: 900px;
    height: 500px;
    border:dotted 1px green;
    }
    .wrapper
    {
    border:solid 1px blue;
    width:600px;

    display: block;

    line-height:300px;

    }

    .subDiv
    {
    border:solid 1px red;
    width:100px;
    vertical-align:middle;
    height:100px;
    display:inline-block;

    }
    20 changes: 20 additions & 0 deletions SassMeister-output.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,20 @@
    body {
    width: 900px;
    height: 500px;
    border: dotted 1px green;
    }

    .wrapper {
    border: solid 1px blue;
    width: 600px;
    display: block;
    line-height: 300px;
    }

    .subDiv {
    border: solid 1px red;
    width: 100px;
    vertical-align: middle;
    height: 100px;
    display: inline-block;
    }
    10 changes: 10 additions & 0 deletions SassMeister-rendered.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,10 @@
    <html>
    <head>
    <title>Wuhu</title>
    </head>
    <body>
    <div class="wrapper">
    <div class="subDiv"></div>
    </div>
    </body>
    </html>