diff options
| author | Mark Otto <[email protected]> | 2013-08-16 00:36:46 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-08-16 00:36:46 -0700 |
| commit | afdaa0e6f0488bb9fb9a1e2e5cf5d8f92cc29a3a (patch) | |
| tree | f1e15a8e540f2b3fece2dc6cd817b49a3a76a98f /examples/offcanvas/offcanvas.css | |
| parent | afef74d03d393863048f7374a1ff9e0c4ad93bbb (diff) | |
| parent | 2fa0975956f646be627aaa4732527f6de5335a2c (diff) | |
| download | bootstrap-afdaa0e6f0488bb9fb9a1e2e5cf5d8f92cc29a3a.tar.xz bootstrap-afdaa0e6f0488bb9fb9a1e2e5cf5d8f92cc29a3a.zip | |
Merge branch '3.0.0-wip' into bs3_homepage
Diffstat (limited to 'examples/offcanvas/offcanvas.css')
| -rw-r--r-- | examples/offcanvas/offcanvas.css | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/examples/offcanvas/offcanvas.css b/examples/offcanvas/offcanvas.css new file mode 100644 index 000000000..e83e71824 --- /dev/null +++ b/examples/offcanvas/offcanvas.css @@ -0,0 +1,48 @@ +/* + * Style twaks + * -------------------------------------------------- + */ +body { + padding-top: 70px; +} +footer { + padding-left: 15px; + padding-right: 15px; +} + +/* + * Off Canvas + * -------------------------------------------------- + */ +@media screen and (max-width: 768px) { + .row-offcanvas { + position: relative; + overflow: hidden; /* Needed for Internet Explorer */ + -webkit-transition: all 0.25s ease-out; + -moz-transition: all 0.25s ease-out; + transition: all 0.25s ease-out; + } + + .row-offcanvas-right + .sidebar-offcanvas { + right: -58.333333333333336%; /* 6 columns */ + } + + .row-offcanvas-left + .sidebar-offcanvas { + left: -58.333333333333336%; /* 6 columns */ + } + + .row-offcanvas-right.active { + right: 58.333333333333336%; /* 6 columns */ + } + + .row-offcanvas-left.active { + left: 58.333333333333336%; /* 6 columns */ + } + + .sidebar-offcanvas { + position: absolute; + width: 58.333333333333336%; /* 6 columns */ + } +}
\ No newline at end of file |
