mirror of
https://github.com/atlanticbiomedical/biomedjs.git
synced 2025-07-02 00:47:26 -04:00
23 lines
741 B
Plaintext
23 lines
741 B
Plaintext
|
// Toolbelt vertical align
|
||
|
|
// -------------------------
|
||
|
|
// Vertically center elements in the toolbelt.
|
||
|
|
// Example: an element has a height of 30px, so write out `.toolbeltVerticalAlign(30px);` to calculate the appropriate top margin.
|
||
|
|
.toolbeltVerticalAlign(@elementHeight) {
|
||
|
|
margin-top: (@toolbeltHeight - @elementHeight) / 2;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Button backgrounds
|
||
|
|
// ------------------
|
||
|
|
.buttonBackground(@startColor, @endColor, @textColor: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) {
|
||
|
|
background-color: @startColor;
|
||
|
|
color: @textColor;
|
||
|
|
|
||
|
|
&:hover, &:focus, &:active, &.active, &.disabled, &[disabled] {
|
||
|
|
background-color: lighten(@startColor, 10%);
|
||
|
|
}
|
||
|
|
|
||
|
|
&:active,
|
||
|
|
&.active {
|
||
|
|
background-color: darken(@startColor, 10%);
|
||
|
|
}
|
||
|
|
}
|