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:
18
less/lib/mixins/header-background.less
Normal file
18
less/lib/mixins/header-background.less
Normal file
@@ -0,0 +1,18 @@
|
||||
.header-background() {
|
||||
background: fade(@header-bg, 98%);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: @zindex-header;
|
||||
border-bottom: 1px solid @control-bg;
|
||||
.translate3d(0, 0, 0);
|
||||
.transition(~"box-shadow 0.2s, -webkit-transform 0.2s");
|
||||
|
||||
@media @phone {
|
||||
height: @header-height-phone;
|
||||
}
|
||||
@media @tablet-up {
|
||||
height: @header-height;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user