74b86a7033
And include in stylesheets that have been updated. Have to make sure not to include this mixin in the global scope in stylesheets that are themselves imported elsewhere (i.e., filename begins with an underscore).
40 lines
583 B
SCSS
40 lines
583 B
SCSS
//
|
|
// Button
|
|
// --------------------------------------------------
|
|
|
|
.btn {
|
|
font: {
|
|
family: inherit;
|
|
size: inherit;
|
|
}
|
|
line-height: inherit;
|
|
color: inherit;
|
|
text-align: center;
|
|
-moz-appearance: none;
|
|
|
|
&[disabled],
|
|
&.disabled {
|
|
opacity: $btn-disabled-opacity;
|
|
}
|
|
}
|
|
|
|
.btn-icon {
|
|
.icon {
|
|
svg, img {
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
span.menu-marker {
|
|
-moz-appearance: none;
|
|
display: inline-block;
|
|
margin-left: 4px;
|
|
}
|
|
}
|
|
|
|
button {
|
|
@media (-moz-platform: macos) {
|
|
// Prevent ugly non-native button styles on macOS
|
|
max-height: 25px;
|
|
margin: 0 -2px -1px;
|
|
}
|
|
}
|