Skip to content

Instantly share code, notes, and snippets.

@KatieK2
Created December 6, 2013 22:11
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 KatieK2/7833015 to your computer and use it in GitHub Desktop.
Save KatieK2/7833015 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
=coloured-flyout($color)
border: solid tint($color, 10%) 1px
background-color: tint($color, 20%)
.flyout
@each $color in green, brown, blue, darkred, maroon, saddlebrown
&.#{$color}
+coloured-flyout($color: $color)
.flyout.green {
border: solid #198c19 1px;
background-color: #339933;
}
.flyout.brown {
border: solid #ae3f3f 1px;
background-color: #b75454;
}
.flyout.blue {
border: solid #1919ff 1px;
background-color: #3333ff;
}
.flyout.darkred {
border: solid #961919 1px;
background-color: #a23333;
}
.flyout.maroon {
border: solid #8c1919 1px;
background-color: #993333;
}
.flyout.saddlebrown {
border: solid #96572a 1px;
background-color: #a26a42;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment