Files
tryton/src/offcanvas.less
T
Cédric Krier b36da567df Customize default bootstrap theme
The bootstrap rules are imported from sao less file to override some variables.
We embed a stripped version of the bootswatch paper theme.
We also try to import an option custom.less file.

issue9427
review294011002
2020-08-16 17:43:21 +02:00

75 lines
1.2 KiB
Plaintext

/* This file is part of Tryton. The COPYRIGHT file at the top level of
this repository contains the full copyright notices and license terms. */
@import "variables";
@offcanvas-md: @screen-md-max;
body {
overflow-x: hidden;
}
.row-offcanvas {
position: relative;
-webkit-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;
}
.row-offcanvas-right {
right: 0;
}
.row-offcanvas-left {
left: 0;
}
.row-offcanvas:not(.active) .main-offcanvas {
width: 100%;
}
.sidebar-offcanvas {
position: absolute !important;
top: 0;
}
.make-offcanvas(@size) {
.row-offcanvas-right
.sidebar-offcanvas {
right: -@size;
}
.row-offcanvas-left
.sidebar-offcanvas {
left: -@size;
}
.row-offcanvas-right.active {
right: @size;
}
.row-offcanvas-left.active {
left: @size;
}
.sidebar-offcanvas {
width: @size;
}
}
@media (min-width: @screen-lg-min) {
.make-offcanvas(25%);
}
@media (max-width: @screen-md-max) {
.make-offcanvas(33.3333%);
}
@media (max-width: (@screen-sm-max)) {
.make-offcanvas(50%);
}
@media (max-width: (@screen-xs-max)) {
.make-offcanvas(100%);
}