Skip to content

Instantly share code, notes, and snippets.

@CheetoMao

CheetoMao/SassMeister-input-HTML.html

Created September 19, 2014 00:21
Show Gist options
  • Save CheetoMao/7075d60aec57a497a19b to your computer and use it in GitHub Desktop.
Save CheetoMao/7075d60aec57a497a19b to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<body>
<div class="base-color"></div>
<div class="complement-color"></div>
<div class="mix-color"></div>
</body>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----
$base-color: #f1c40f;
$complement-color: adjust-hue($base-color, 120);
$complement-color: #3498db;
$mix-color: mix($base-color,$complement-color,20%);
body { background: #E0E0E0; }
div {
border: 2px solid #FFF;
float: left;
height: 100px;
margin: 0 2px;
width: 100px;
&.base-color {
background: $base-color;
}
&.complement-color {
background: $complement-color;
}
&.mix-color {
background: $mix-color;
}
}
Raw
SassMeister-output.css
body {
background: #E0E0E0;
}
div {
border: 2px solid #FFF;
float: left;
height: 100px;
margin: 0 2px;
width: 100px;
}
div.base-color {
background: #f1c40f;
}
div.complement-color {
background: #3498db;
}
div.mix-color {
background: #59a0b2;
}
Raw
SassMeister-rendered.html
<body>
<div class="base-color"></div>
<div class="complement-color"></div>
<div class="mix-color"></div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment