ensl.org/app/assets/stylesheets/mixins/_buttons.scss

35 lines
586 B
SCSS
Raw Normal View History

2014-04-06 14:14:03 +00:00
/*
Buttons
*/
@mixin button($background: $button-primary, $text: $button-text) {
2014-04-13 11:16:51 +00:00
font-family: $montserrat;
font-size: em(16);
2014-04-06 14:14:03 +00:00
background-color: $background;
color: $text;
height: em(40);
padding: em(9) em(18);
2014-04-06 14:14:03 +00:00
float: left;
margin: 0 em(20) em(20) 0;
2014-04-06 14:14:03 +00:00
border: 0;
text-transform: uppercase;
cursor: pointer;
2014-04-06 14:14:03 +00:00
}
button,
a.button {
2014-04-06 14:14:03 +00:00
@include button;
&.tiny {
background-color: transparentize($green, .5);
border-radius: em(14);
height: em(25);
padding: em(1) em(12);
margin: 0 em(10) 0 0;
&:hover {
color: $light-gray;
}
}
2014-04-06 14:14:03 +00:00
}