Skip to content

Instantly share code, notes, and snippets.

@export-mike

export-mike/SassMeister-input-HTML.html

Created January 20, 2014 15:09
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 export-mike/8521548 to your computer and use it in GitHub Desktop.
Save export-mike/8521548 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<body>
<div>
<a href="#">test</a>
</div>
</body>
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
$primary-color:red;
body{
div{
background:$primary-color;
color:lighten($primary-color, 20%);
}
}
a{
&:visited, &:active{
text-decoration:none;
color:lighten($primary-color,40%);
}
&:hover{
text-decoration:none;
color:darken($primary-color,20%);
}
}
Raw
SassMeister-output.css
body div {
background: red;
color: #ff6666;
}
a:visited, a:active {
text-decoration: none;
color: #ffcccc;
}
a:hover {
text-decoration: none;
color: #990000;
}
Raw
SassMeister-rendered.html
<body>
<div>
<a href="#">test</a>
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment