Skip to content

Instantly share code, notes, and snippets.

@stephanpavlovic

stephanpavlovic/SassMeister-input-HTML.html

Created October 14, 2014 12:29
Show Gist options
  • Save stephanpavlovic/1e3ce0bf0a9f8c1de9aa to your computer and use it in GitHub Desktop.
Save stephanpavlovic/1e3ce0bf0a9f8c1de9aa to your computer and use it in GitHub Desktop.
Download ZIP
With float
Raw
SassMeister-input-HTML.html
<div class='wrapper'>
<div class='box'>Hi</div>
<div class='box'>Hi</div>
<div class='box'>Hi</div>
<div class='box'>Hi</div>
</div>
Raw
SassMeister-input.sass
// ----
// Sass (v3.4.5)
// Compass (v1.0.1)
// ----
.box
width: 100px
height: 100px
background: black
.wrapper
border: 1px solid red
overflow: hidden
.box
float: left
margin-right: 10px
Raw
SassMeister-output.css
.box {
width: 100px;
height: 100px;
background: black;
}
.wrapper {
border: 1px solid red;
overflow: hidden;
}
.wrapper .box {
float: left;
margin-right: 10px;
}
Raw
SassMeister-rendered.html
<div class='wrapper'>
<div class='box'>Hi</div>
<div class='box'>Hi</div>
<div class='box'>Hi</div>
<div class='box'>Hi</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment