3.0.0 -> 3.0.1
[bootswatch] / bower_components / bootstrap / examples / offcanvas / offcanvas.css
1 /*
2  * Style tweaks
3  * --------------------------------------------------
4  */
5 html {
6   overflow-x: hidden; /* Prevent scroll on narrow devices */
7 }
8 body {
9   padding-top: 70px;
10 }
11 footer {
12   padding: 30px 0;
13 }
14
15 /*
16  * Off Canvas
17  * --------------------------------------------------
18  */
19 @media screen and (max-width: 767px) {
20   .row-offcanvas {
21     position: relative;
22     -webkit-transition: all 0.25s ease-out;
23     -moz-transition: all 0.25s ease-out;
24     transition: all 0.25s ease-out;
25   }
26
27   .row-offcanvas-right
28   .sidebar-offcanvas {
29     right: -50%; /* 6 columns */
30   }
31
32   .row-offcanvas-left
33   .sidebar-offcanvas {
34     left: -50%; /* 6 columns */
35   }
36
37   .row-offcanvas-right.active {
38     right: 50%; /* 6 columns */
39   }
40
41   .row-offcanvas-left.active {
42     left: 50%; /* 6 columns */
43   }
44
45   .sidebar-offcanvas {
46     position: absolute;
47     top: 0;
48     width: 50%; /* 6 columns */
49   }
50 }