scratchx/sass/base/_buttons.scss
2015-05-08 18:53:57 -04:00

39 lines
746 B
SCSS

#{$all-button-inputs},
button {
@include appearance(none);
-webkit-font-smoothing: antialiased;
background-color: $action-color;
border-radius: $base-border-radius;
border: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: $base-font-family;
font-size: $base-font-size;
font-weight: 600;
line-height: 1;
padding: 0.75em 1em;
text-decoration: none;
user-select: none;
vertical-align: middle;
white-space: nowrap;
&.success {
&:hover,
&:focus {
background-color: darken($green, 15%);
color: $white;
}
}
&:hover,
&:focus {
background-color: darken($action-color, 15%);
color: #fff;
}
&:disabled {
cursor: not-allowed;
opacity: 0.5;
}
}