Skip to content

Instantly share code, notes, and snippets.

@gorillawit
Last active December 26, 2015 02:29
Show Gist options
  • Save gorillawit/7079004 to your computer and use it in GitHub Desktop.
Save gorillawit/7079004 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
.my-other-class {
background: url(http://www.placekitten.com/200/200) no-repeat;
}
.my-class {
background: no-kittens;
}
.my-class {
color: green;
font-size: 1em;
}
.my-other-class {
color: blue;
font-size: 1em;
}
.my-other-class:after {
box-shadow: 2px 2px 2px black;
border-bottom: 1px solid black;
}
%yes-extend{
background: url(http://www.placekitten.com/200/200) no-repeat;
}
%no-extend{
background: no-kittens;
}
@mixin my-mixin($val1, $val2:1em, $val3:false, $val4:"oldies"){
color: $val1;
font-size: $val2;
@if $val3 { @extend %yes-extend; }
@else { @extend %no-extend; }
&:after{
@content;
}
}
.my-class{
@include my-mixin(green);
}
.my-other-class{
@include my-mixin(blue, $val3:true){
box-shadow: 2px 2px 2px black;
border-bottom: 1px solid black;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment