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
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<html>
<head>
<title>Wuhu</title>
</head>
<body>
<div class="wrapper">
<div class="subDiv"></div>
</div>
</body>
</html>
Raw
SassMeister-input.scss
// ----
// 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;
}
Raw
SassMeister-output.css
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;
}
Raw
SassMeister-rendered.html
<html>
<head>
<title>Wuhu</title>
</head>
<body>
<div class="wrapper">
<div class="subDiv"></div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment