framework/less/common/mixins/light-contents.less
Toby Zerner 3f683dd6ee
Webpack (#1367)
* Replace gulp with webpack and npm scripts for JS compilation
* Set up Travis CI to commit compiled JS
* Restructure `js` directory; only one instance of npm, forum/admin are "submodules"
* Refactor JS initializers into Application subclasses
* Maintain partial compatibility API (importing from absolute paths) for extensions
* Remove minification responsibility from PHP asset compiler
* Restructure `less` directory
2018-06-20 13:20:31 +09:30

37 lines
821 B
Plaintext

// 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) {
&, a {
color: @color;
}
.Button--link, .Search-input {
color: @control-color;
}
.FormControl {
background: @control-bg;
border: 0;
color: @control-color;
.placeholder(@control-color);
&:focus {
color: @color;
background: fadein(darken(@control-bg, 5%), 10%);
}
}
.Button, .Button:hover {
color: @control-color;
background: @control-bg;
}
.Button--flat {
background: transparent;
}
.Button:active,
.Button.active,
.Button:focus,
.Button.focus,
.open > .Dropdown-toggle.Button {
background: fadein(@control-bg, 5%);
color: @control-color;
}
}