1
0
mirror of https://github.com/flarum/core.git synced 2025-07-31 21:50:50 +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

30
less/lib/Navigation.less Executable file
View File

@@ -0,0 +1,30 @@
.Navigation-back {
z-index: 3 !important; // z-index of an active .btn-group .btn is 2
border-radius: @border-radius !important;
.transition(border-radius 0.2s);
}
.Navigation-pin {
opacity: 0;
margin-left: -5px !important;
border-radius: 0 @border-radius @border-radius 0;
.transition(~"opacity 0.2s, margin-left 0.2s");
.icon {
.rotate(45deg);
}
}
@media @desktop-hd {
.hasPane.panePinned, .hasPane.paneShowing {
.Navigation-back {
border-radius: @border-radius 0 0 @border-radius !important;
}
.Navigation-pin {
opacity: 1;
margin-left: 1px !important;
}
}
.hasPane.panePinned .Navigation-pin .icon {
.rotate(0deg);
}
}