2015-07-17 13:17:49 +08:00
|
|
|
// This is a mixin which styles components (buttons, inputs, etc.) for use on
|
|
|
|
// dark backgrounds.
|
|
|
|
.light-contents(@color: #fff, @control-bg: fade(#000, 10%), @control-color: #fff) {
|
2016-03-28 07:53:49 +08:00
|
|
|
&, a {
|
2015-07-17 13:17:49 +08:00
|
|
|
color: @color;
|
|
|
|
}
|
2016-03-28 07:53:49 +08:00
|
|
|
.Button--link, .Search-input {
|
|
|
|
color: @control-color;
|
|
|
|
}
|
2015-07-17 13:17:49 +08:00
|
|
|
.FormControl {
|
|
|
|
background: @control-bg;
|
|
|
|
border: 0;
|
|
|
|
color: @control-color;
|
2016-03-28 07:53:49 +08:00
|
|
|
.placeholder(@control-color);
|
2015-07-17 13:17:49 +08:00
|
|
|
|
|
|
|
&:focus {
|
2016-03-28 07:53:49 +08:00
|
|
|
color: @color;
|
|
|
|
background: fadein(darken(@control-bg, 5%), 10%);
|
2015-07-17 13:17:49 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
.Button, .Button:hover {
|
|
|
|
color: @control-color;
|
2015-07-18 08:37:22 +08:00
|
|
|
background: @control-bg;
|
2015-07-17 13:17:49 +08:00
|
|
|
}
|
|
|
|
.Button--flat {
|
|
|
|
background: transparent;
|
|
|
|
}
|
|
|
|
.Button:active,
|
|
|
|
.Button.active,
|
|
|
|
.Button:focus,
|
|
|
|
.Button.focus,
|
|
|
|
.open > .Dropdown-toggle.Button {
|
|
|
|
background: fadein(@control-bg, 5%);
|
|
|
|
color: @control-color;
|
|
|
|
}
|
|
|
|
}
|