This repository has been archived by the owner on Jul 15, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 20
/
off-canvas.css
46 lines (42 loc) · 2.03 KB
/
off-canvas.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
/* angular-off-canvas v0.1.0
* (c) 2013 Ciro Nunes http://cironunes.github.io/
* License: MIT
*/
/* prevent horizontal scroll */
html, body {
overflow-x: hidden; }
.off-canvas__nav {
width: 250px;
-webkit-transform: translate3d(0, 0, 0) translateX(-250px);
-ms-transform: translate3d(0, 0, 0) translateX(-250px);
-moz-transform: translate3d(0, 0, 0) translateX(-250px);
-o-transform: translate3d(0, 0, 0) translateX(-250px);
transform: translate3d(0, 0, 0) translateX(-250px);
-webkit-transition: all 0.3s cubic-bezier(0.16, 0.63, 0.45, 0.98);
-ms-transition: all 0.3s cubic-bezier(0.16, 0.63, 0.45, 0.98);
-moz-transition: all 0.3s cubic-bezier(0.16, 0.63, 0.45, 0.98);
-o-transition: all 0.3s cubic-bezier(0.16, 0.63, 0.45, 0.98);
transition: all 0.3s cubic-bezier(0.16, 0.63, 0.45, 0.98); }
.off-canvas__content {
-webkit-transform: translate3d(0, 0, 0) translateX(0);
-ms-transform: translate3d(0, 0, 0) translateX(0);
-moz-transform: translate3d(0, 0, 0) translateX(0);
-o-transform: translate3d(0, 0, 0) translateX(0);
transform: translate3d(0, 0, 0) translateX(0);
-webkit-transition: all 0.3s cubic-bezier(0.16, 0.63, 0.45, 0.98);
-ms-transition: all 0.3s cubic-bezier(0.16, 0.63, 0.45, 0.98);
-moz-transition: all 0.3s cubic-bezier(0.16, 0.63, 0.45, 0.98);
-o-transition: all 0.3s cubic-bezier(0.16, 0.63, 0.45, 0.98);
transition: all 0.3s cubic-bezier(0.16, 0.63, 0.45, 0.98); }
.is-off-canvas-opened .off-canvas__nav {
-webkit-transform: translate3d(0, 0, 0) translateX(0);
-ms-transform: translate3d(0, 0, 0) translateX(0);
-moz-transform: translate3d(0, 0, 0) translateX(0);
-o-transform: translate3d(0, 0, 0) translateX(0);
transform: translate3d(0, 0, 0) translateX(0); }
.is-off-canvas-opened .off-canvas__content {
-webkit-transform: translate3d(0, 0, 0) translate(250px);
-ms-transform: translate3d(0, 0, 0) translate(250px);
-moz-transform: translate3d(0, 0, 0) translate(250px);
-o-transform: translate3d(0, 0, 0) translate(250px);
transform: translate3d(0, 0, 0) translate(250px); }