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

43 lines
812 B
SCSS
Raw Normal View History

2014-04-06 14:14:03 +00:00
/*
Buttons
*/
@mixin button($background: $button-primary, $text: $button-text) {
$button-height: 35px;
@include linear-gradient($blue, $dark-blue);
border-radius: $base-border-radius;
2014-04-13 11:16:51 +00:00
font-family: $montserrat;
font-size: 14px;
2014-04-06 14:14:03 +00:00
background-color: $background;
color: $text;
height: $button-height;
padding: 0 $button-height/2;
line-height: $button-height;
2014-04-06 14:14:03 +00:00
float: left;
margin: 0 $button-height/2 $button-height/2 0;
2014-04-06 14:14:03 +00:00
border: 0;
cursor: pointer;
font-weight: 400;
&:hover {
color: lighten($light-blue, 30);
}
2014-04-06 14:14:03 +00:00
}
button,
a.button,
.button {
2014-04-06 14:14:03 +00:00
@include button;
&.tiny {
@include linear-gradient($light-blue, $blue);
background-color: transparent;
border-radius: 14px;
line-height: 25px;
height: 25px;
padding: 0 12px;
margin: 0 10px 0 0;
}
2014-04-06 14:14:03 +00:00
}