]>
Commit | Line | Data |
---|---|---|
91e44d91 S |
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 .25s ease-out; | |
24 | -o-transition: all .25s ease-out; | |
25 | transition: all .25s ease-out; | |
26 | } | |
27 | ||
28 | .row-offcanvas-right { | |
29 | right: 0; | |
30 | } | |
31 | ||
32 | .row-offcanvas-left { | |
33 | left: 0; | |
34 | } | |
35 | ||
36 | .row-offcanvas-right | |
37 | .sidebar-offcanvas { | |
38 | right: -100%; /* 12 columns */ | |
39 | } | |
40 | ||
41 | .row-offcanvas-right.active | |
42 | .sidebar-offcanvas { | |
43 | right: -50%; /* 6 columns */ | |
44 | } | |
45 | ||
46 | .row-offcanvas-left | |
47 | .sidebar-offcanvas { | |
48 | left: -100%; /* 12 columns */ | |
49 | } | |
50 | ||
51 | .row-offcanvas-left.active | |
52 | .sidebar-offcanvas { | |
53 | left: -50%; /* 6 columns */ | |
54 | } | |
55 | ||
56 | .row-offcanvas-right.active { | |
57 | right: 50%; /* 6 columns */ | |
58 | } | |
59 | ||
60 | .row-offcanvas-left.active { | |
61 | left: 50%; /* 6 columns */ | |
62 | } | |
63 | ||
64 | .sidebar-offcanvas { | |
65 | position: absolute; | |
66 | top: 0; | |
67 | width: 50%; /* 6 columns */ | |
68 | } | |
69 | } |