Skip to content

Instantly share code, notes, and snippets.

@Anahkiasen

Anahkiasen/SassMeister-input-HTML.html

Created November 24, 2014 13:24
Show Gist options
  • Save Anahkiasen/b5f87f3cf497b79256cd to your computer and use it in GitHub Desktop.
Save Anahkiasen/b5f87f3cf497b79256cd to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<section class="a">
<div>1</div>
<div>2</div>
</section>
<section class="b">
<div>1</div>
<div>2</div>
</section>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----
section {
height: 200px;
display: flex;
border: 1px solid blue;
flex-wrap: wrap;
div {
box-sizing: border-box;
border: 1px solid red;
flex: 1;
min-width: 200px;
}
}
.a {
width: 400px;
}
.b {
width: 200px;
}
Raw
SassMeister-output.css
section {
height: 200px;
display: flex;
border: 1px solid blue;
flex-wrap: wrap;
}
section div {
box-sizing: border-box;
border: 1px solid red;
flex: 1;
min-width: 200px;
}
.a {
width: 400px;
}
.b {
width: 200px;
}
Raw
SassMeister-rendered.html
<section class="a">
<div>1</div>
<div>2</div>
</section>
<section class="b">
<div>1</div>
<div>2</div>
</section>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment