1 @import "../settings/colors";
2 // ----------------------------------------------------------------------------
4 // ----------------------------------------------------------------------------
6 .button-colors(@bgColor) {
11 // The inner bottom bevel should match the active background color.
12 box-shadow: 0 1px rgba(0, 0, 0, 10%), inset 0 -3px rgba(0, 0, 0, 20%);
14 // remove outline in Firefox
16 border-color: transparent;
21 // lessphp doesn't implement shade (https://github.com/leafo/lessphp/issues/528);
22 // it passes it through, then ResourceLoader drops it.
23 // background: shade(@bgColor, 20%);
24 background: mix(#000, @bgColor, 20%);
29 .button-colors(@bgColor) when (lightness(@bgColor) >= 70%) {
30 color: @colorGrayDark;
31 border: 1px solid @colorGrayLight;
34 color: @colorGrayLight;
36 // make sure disabled buttons don't have hover and active states
45 .button-colors(@bgColor) when (lightness(@bgColor) < 70%) {
50 background: @colorGrayLight;
52 // make sure disabled buttons don't have hover and active states
60 .button-colors-quiet(@textColor) {
61 // Quiet buttons all start gray, and reveal
62 // constructive/progressive/destructive color on hover and active.
63 color: @colorGrayDark;
67 // lessphp doesn't implement tint, see above
68 // color: tint(@textColor, 20%);
69 color: mix(#fff, @textColor, 20%);
73 // lessphp doesn't implement shade, see above
74 // color: shade(@textColor, 20%);
75 color: mix(#000, @textColor, 20%);
79 color: @colorGrayLight;