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 From 024e320e5c3cf1adce8404f87e7c0c746461b6e8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 15 Aug 2013 17:39:37 -0700 Subject: hella examples fixing, mostly navbars and lots of work on grids example --- examples/offcanvas/offcanvas.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'examples/offcanvas/offcanvas.css') diff --git a/examples/offcanvas/offcanvas.css b/examples/offcanvas/offcanvas.css index 27a075d76..e83e71824 100644 --- a/examples/offcanvas/offcanvas.css +++ b/examples/offcanvas/offcanvas.css @@ -17,7 +17,7 @@ footer { @media screen and (max-width: 768px) { .row-offcanvas { position: relative; - overflow: hidden // Needed for Internet Explorer + 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; @@ -25,24 +25,24 @@ footer { .row-offcanvas-right .sidebar-offcanvas { - right: -58.333333333333336%; // 6 columns + right: -58.333333333333336%; /* 6 columns */ } .row-offcanvas-left .sidebar-offcanvas { - left: -58.333333333333336%; // 6 columns + left: -58.333333333333336%; /* 6 columns */ } .row-offcanvas-right.active { - right: 58.333333333333336%; // 6 columns + right: 58.333333333333336%; /* 6 columns */ } .row-offcanvas-left.active { - left: 58.333333333333336%; // 6 columns + left: 58.333333333333336%; /* 6 columns */ } .sidebar-offcanvas { position: absolute; - width: 58.333333333333336%; // 6 columns + width: 58.333333333333336%; /* 6 columns */ } } \ No newline at end of file -- cgit v1.2.3