12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- // Off canvas navigation
- // --------------------------------------------------
- .offcanvas {
- display: none;
- &.in {
- display: block;
- }
- }
- @media (max-width: @screen-xs-max) {
- .offcanvas-xs {
- .offcanvas;
- }
- }
- @media (max-width: @screen-sm-max) {
- .offcanvas-sm {
- .offcanvas;
- }
- }
- @media (max-width: @screen-md-max) {
- .offcanvas-md {
- .offcanvas;
- }
- }
- .offcanvas-lg {
- .offcanvas;
- }
- .canvas-sliding {
- -webkit-transition: top 0.35s, left 0.35s, bottom 0.35s, right 0.35s;
- transition: top 0.35s, left 0.35s, bottom 0.35s, right 0.35s;
- }
- .offcanvas-clone {
- height: 0px !important;
- width: 0px !important;
- overflow: hidden !important;
- border: none !important;
- margin: 0px !important;
- padding: 0px !important;
- position: absolute !important;
- top: auto !important;
- left: auto !important;
- bottom: 0px !important;
- right: 0px !important;
- opacity: 0 !important;
- }
|