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