mirror of
https://github.com/gwenhael-le-moine/ledgerrb.git
synced 2025-02-05 20:46:02 +01:00
86 lines
2.9 KiB
CSS
86 lines
2.9 KiB
CSS
/*!
|
|
* Angular Material Design
|
|
* https://github.com/angular/material
|
|
* @license MIT
|
|
* v0.7.1
|
|
*/
|
|
md-sidenav {
|
|
position: absolute;
|
|
width: 304px;
|
|
min-width: 304px;
|
|
bottom: 0;
|
|
z-index: 60;
|
|
background-color: white;
|
|
overflow: auto;
|
|
-webkit-flex-direction: column;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column; }
|
|
md-sidenav.md-closed {
|
|
display: none; }
|
|
md-sidenav.md-closed-add, md-sidenav.md-closed-remove {
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
/* this is required as of 1.3x to properly
|
|
apply all styling in a show/hide animation */
|
|
transition: 0s all; }
|
|
md-sidenav.md-closed-add.md-closed-add-active, md-sidenav.md-closed-remove.md-closed-remove-active {
|
|
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
|
|
md-sidenav.md-locked-open-add, md-sidenav.md-locked-open-remove {
|
|
position: static;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0); }
|
|
md-sidenav.md-locked-open {
|
|
width: 304px;
|
|
min-width: 304px; }
|
|
md-sidenav.md-locked-open, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-left, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-right, md-sidenav.md-locked-open-remove.md-closed {
|
|
position: static;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0); }
|
|
md-sidenav.md-locked-open-remove-active {
|
|
transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
|
width: 0;
|
|
min-width: 0; }
|
|
md-sidenav.md-closed.md-locked-open-add {
|
|
width: 0;
|
|
min-width: 0;
|
|
-webkit-transform: translate3d(0%, 0, 0);
|
|
transform: translate3d(0%, 0, 0); }
|
|
md-sidenav.md-closed.md-locked-open-add-active {
|
|
transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
|
|
width: 304px;
|
|
min-width: 304px;
|
|
-webkit-transform: translate3d(0%, 0, 0);
|
|
transform: translate3d(0%, 0, 0); }
|
|
|
|
.md-sidenav-backdrop.md-locked-open {
|
|
display: none; }
|
|
|
|
.md-sidenav-left, md-sidenav {
|
|
left: 0;
|
|
top: 0;
|
|
-webkit-transform: translate3d(0%, 0, 0);
|
|
transform: translate3d(0%, 0, 0); }
|
|
.md-sidenav-left.md-closed, md-sidenav.md-closed {
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0); }
|
|
|
|
.md-sidenav-right {
|
|
left: 100%;
|
|
top: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0); }
|
|
.md-sidenav-right.md-closed {
|
|
-webkit-transform: translate3d(0%, 0, 0);
|
|
transform: translate3d(0%, 0, 0); }
|
|
|
|
@media (max-width: 360px) {
|
|
md-sidenav {
|
|
width: 85%; }
|
|
}
|