Skip to content

Instantly share code, notes, and snippets.

@jshawl
Created November 24, 2013 14:57
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 jshawl/7628123 to your computer and use it in GitHub Desktop.
Save jshawl/7628123 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
/* Variables */
$green:#bada55;
body{
color:$green;
}
p{
background:$green;
color:#fff;
}
div {
border-top:5px solid $green;
}
/* Nesting */
body {
float:left;
div{
border-bottom:1px solid red;
p{
margin:0;
}
}
}
/* Mixins */
@mixin text-shadow(){
text-shadow:1px 1px 0px $green,
2px 2px 0px $green,
3px 3px 0px $green;
}
p{
@include text-shadow;
}
/* Variables */
body {
color: #bada55;
}
p {
background: #bada55;
color: #fff;
}
div {
border-top: 5px solid #bada55;
}
/* Nesting */
body {
float: left;
}
body div {
border-bottom: 1px solid red;
}
body div p {
margin: 0;
}
/* Mixins */
p {
text-shadow: 1px 1px 0px #bada55, 2px 2px 0px #bada55, 3px 3px 0px #bada55;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment