From 3d99a4c15e0661df630dbaf7dddb5228cf044fe6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 15 Aug 2013 16:40:39 -0700 Subject: move to examples dir --- examples/offcanvas/offcanvas.css | 48 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 examples/offcanvas/offcanvas.css (limited to 'examples/offcanvas/offcanvas.css') diff --git a/examples/offcanvas/offcanvas.css b/examples/offcanvas/offcanvas.css new file mode 100644 index 000000000..27a075d76 --- /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 -- cgit v1.2.3