Skip to content

Instantly share code, notes, and snippets.

@astrotim
Created April 30, 2015 00:18
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 astrotim/4ba773df17b0043d3acc to your computer and use it in GitHub Desktop.
Save astrotim/4ba773df17b0043d3acc to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// Toolkit (v2.9.0)
// ----
@import "toolkit";
$Placeholder-Selectors: ();
@mixin button($color, $extend: true) {
@include button-static($extend);
background-color: $color;
border-color: mix(black, $color, 25%);
&:hover {
background-color: mix(black, $color, 15%);
border-color: mix(black, $color, 40%);
}
}
@mixin button-static($extend: true) {
$button-selector: map-get($Placeholder-Selectors, 'button');
@if $extend == true {
@include dynamic-extend('button') {
@include button-static(false);
}
}
@else {
border: 1px solid;
border-radius: 5px;
padding: .25em .5em;
&:hover {
cursor: pointer;
}
}
}
.button-badass {
@include button(#b4d455);
}
.button-badass {
@include button(#b4d455);
}
.button-badass {
background-color: #b4d455;
border-color: #879f3f;
}
.button-badass {
border: 1px solid;
border-radius: 5px;
padding: .25em .5em;
}
.button-badass:hover {
cursor: pointer;
}
.button-badass:hover {
background-color: #99b448;
border-color: #6c7f33;
}
.button-badass {
background-color: #b4d455;
border-color: #879f3f;
}
.button-badass:hover {
background-color: #99b448;
border-color: #6c7f33;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment