Skip to content

Instantly share code, notes, and snippets.

@ncoden
Created October 5, 2016 21:17
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 ncoden/171b26636f052c41739aff3c26ab8357 to your computer and use it in GitHub Desktop.
Save ncoden/171b26636f052c41739aff3c26ab8357 to your computer and use it in GitHub Desktop.
$color--red: #FF0000;
$color--greed: #00FF00;
$color--blue: #0000FF;
$house--height: 20px;
$house__door--height: 6px;
@function house__window--color($color) {
@return darker($color, 50%);
}
@mixin house__window($color) {
border-color: house__window--color($color);
}
@mixin house($color) {
&__left-window { @include house__window($color--red); }
&__right-window { @include house__window($color--green); }
&__door {
height: house__door--height;
}
background-color: $color;
height: $house--height;
}
.my-house {
@include house($color--blue);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment