Skip to content

Instantly share code, notes, and snippets.

@czajkovsky

czajkovsky/SassMeister-input-HTML.haml

Created March 10, 2014 09:16
Show Gist options
  • Save czajkovsky/9461827 to your computer and use it in GitHub Desktop.
Save czajkovsky/9461827 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.haml
.post--green
.post__title
%h1 kalsk
%h2 kaksfl
%h3 kalsfksfl
%h4 kasklsfk
Raw
SassMeister-input.sass
// ----
// Sass (v3.3.0)
// Compass (v1.0.0.alpha.18)
// ----
%post
background: #f00
.post
@extend %post
&--green
background: #0f0
&__title
@each $header, $size in (h1: 3em, h2: 1.5em, h3: 1em, h4: 0.5em)
#{$header}
font-size: $size
Raw
SassMeister-output.css
.post {
background: red;
}
.post--green {
background: lime;
}
.post__title h1 {
font-size: 3em;
}
.post__title h2 {
font-size: 1.5em;
}
.post__title h3 {
font-size: 1em;
}
.post__title h4 {
font-size: 0.5em;
}
Raw
SassMeister-rendered.html
<div class='post--green'>
<div class='post__title'>
<h1>kalsk</h1>
<h2>kaksfl</h2>
<h3>kalsfksfl</h3>
<h4>kasklsfk</h4>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment