framework/less/lib/Navigation.less
Toby Zerner a9ded36b57 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.
2015-07-17 14:47:49 +09:30

31 lines
693 B
Plaintext
Executable File

.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);
}
}