Skip to content

Instantly share code, notes, and snippets.

@jdlehman

jdlehman/SassMeister-input-HTML.html

Created October 5, 2015 15:48
Show Gist options
  • Save jdlehman/7c5704791823f6a0596b to your computer and use it in GitHub Desktop.
Save jdlehman/7c5704791823f6a0596b to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<div class="OuterClass">
<div class="OuterClass-innerClass">
First
</div>
</div>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// Susy (v2.2.5)
// ----
@import "susy";
$susy: (
global-box-sizing: border-box,
columns: 12
);
.OuterClass {
@include container;
background-color: blue;
&-innerClass {
@include span(6);
background-color: yellow;
}
}
Raw
SassMeister-output.css
.OuterClass {
max-width: 100%;
margin-left: auto;
margin-right: auto;
background-color: blue;
}
.OuterClass:after {
content: " ";
display: block;
clear: both;
}
.OuterClass-innerClass {
width: 49.15254%;
float: left;
margin-right: 1.69492%;
background-color: yellow;
}
Raw
SassMeister-rendered.html
<div class="OuterClass">
<div class="OuterClass-innerClass">
First
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment