Skip to content

Instantly share code, notes, and snippets.

@jessehouchins

jessehouchins/SassMeister-input-HTML.html

Created April 13, 2015 17:18
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jessehouchins/50fb12531d8c1ef9af23 to your computer and use it in GitHub Desktop.
Save jessehouchins/50fb12531d8c1ef9af23 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<html>
<body>
<dark class="d27">Darken (-27%)</dark>
<color>Base Color</color>
<light class="l97">Lighten (97%)</light>
</body>
</html>
Raw
SassMeister-input.scss
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
$color: #1997c8; // blue
// $color: #13aa37; // green
color { background: $color; }
.d27 { background: scale_color($color, $lightness: -27%); }
.l97 { background: scale_color($color, $lightness: 97%); }
dark, color, light { display: block; padding: 10px; border: 1px solid #CCC; margin: 4px; }
Raw
SassMeister-output.css
color {
background: #1997c8;
}
.d27 {
background: #126e92;
}
.l97 {
background: #f7fcfe;
}
dark, color, light {
display: block;
padding: 10px;
border: 1px solid #CCC;
margin: 4px;
}
Raw
SassMeister-rendered.html
<html>
<body>
<dark class="d27">Darken (-27%)</dark>
<color>Base Color</color>
<light class="l97">Lighten (97%)</light>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment