1
0
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:
Toby Zerner
2015-07-17 14:47:49 +09:30
parent 76678f72f2
commit a9ded36b57
206 changed files with 4337 additions and 8830 deletions

View 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;
}
}