$minimal_background: #e3e3e3 !default; $minimal_border_color: #bbb !default; $minimal_border_radius: em(3); $minimal_inset_shadow_color: #f6f6f6 !default; $minimal_font_color: #333 !default; $minimal_font_weight: bold !default; $minimal_font_size: em(12) !default; $minimal_font_family: "helvetica neue", helvetica, arial, sans-serif !default; $minimal_padding: em(8) 0 em(9) !default; $minimal_text_shadow: 0 1px 0 #fff !default; $minimal_width: em(150) !default; %minimal { background: $minimal_background; border: 1px solid $minimal_border_color; @include border_radius($minimal_border_radius); @include box_shadow(inset 0 0 1px 1px, $minimal_inset_shadow_color); color: $minimal_font_color; font: $minimal_font_weight $minimal_font_size #{$minimal_font_family}; line-height: 1em; padding: $minimal_padding; text-align: center; text-shadow: $minimal_text_shadow; width: $minimal_width; &:hover { background: darken($minimal_background, 5); @include box_shadow(inset 0 0 1px 1px, darken($minimal_inset_shadow_color, 5)); color: darken($minimal_font_color, 7); cursor: pointer; } &:active { background: darken($minimal_background, 8); @include box_shadow(inset 0 0 1px 1px, darken($minimal_inset_shadow_color, 5)); } }