Skip to content

Instantly share code, notes, and snippets.

@matthewcopeland
Created July 4, 2012 08:25
Show Gist options
  • Save matthewcopeland/3046080 to your computer and use it in GitHub Desktop.
Save matthewcopeland/3046080 to your computer and use it in GitHub Desktop.
sample _button.scss partial. driven by other partials.
// sample use of @mixin button styles on buttons.
$button-border-radius: 3px; // make this a variable so you can use the same radius on multi-buttons and connected radio-buttons.
@mixin button {
padding: 5px 10px;
@include border-radius( $button-border-radius );
@include box-shadow( inset 0 1px 3px 0 rgba($blackblue, .4) );
}
@mixin blue-button {
@include button;
@include blue-gradient;
@include light-text;
}
@mixin green-button {
@include button;
@include green-gradient;
@include light-text;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment