mirror of
https://github.com/flarum/core.git
synced 2025-08-12 03:14:33 +02:00
Major CSS revamp
- Get rid of Bootstrap (except we still rely on some JS) - Use BEM class names - Rework variables/theme config - Fix various bugs, including some on mobile The CSS is still not ideal – it needs to be cleaned up some more. But that can be a focus for after beta.
This commit is contained in:
37
less/lib/mixins/light-contents.less
Normal file
37
less/lib/mixins/light-contents.less
Normal file
@@ -0,0 +1,37 @@
|
||||
// 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, .Button--link, .Search-input {
|
||||
color: @color;
|
||||
}
|
||||
.FormControl {
|
||||
background: @control-bg;
|
||||
border: 0;
|
||||
color: @control-color;
|
||||
.placeholder(fade(@control-color, 80%));
|
||||
|
||||
&:focus {
|
||||
color: @control-color;
|
||||
background: fadein(@control-bg, 5%);
|
||||
}
|
||||
}
|
||||
.Button, .Button:hover {
|
||||
color: @control-color;
|
||||
}
|
||||
.Button {
|
||||
&, &:hover {
|
||||
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;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user