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;
22 // lessphp doesn't implement shade (https://github.com/leafo/lessphp/issues/528);
23 // it passes it through, then ResourceLoader drops it.
24 // background: shade(@bgColor, 20%);
25 background: mix(#000, @bgColor, 20%);
30 .button-colors(@bgColor) when (lightness(@bgColor) >= 70%) {
31 color: @colorGrayDark;
32 border: 1px solid @colorGrayLight;
35 color: @colorGrayLight;
37 // make sure disabled buttons don't have hover and active states
46 .button-colors(@bgColor) when (lightness(@bgColor) < 70%) {
51 background: @colorGrayLight;
53 // make sure disabled buttons don't have hover and active states
62 .button-colors-quiet(@textColor) {
63 // Quiet buttons all start gray, and reveal
64 // constructive/progressive/destructive color on hover and active.
65 color: @colorGrayDark;
69 // lessphp doesn't implement tint, see above
70 // color: tint(@textColor, 20%);
71 color: mix(#fff, @textColor, 20%);
76 // lessphp doesn't implement shade, see above
77 // color: shade(@textColor, 20%);
78 color: mix(#000, @textColor, 20%);
82 color: @colorGrayLight;