From a9c829bc0c75dd7723e6c74e1defaab5dbb4c00b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 28 Dec 2013 22:47:03 -0800 Subject: Rearrange repository contents because muahahahahahaha --- docs/examples/offcanvas/offcanvas.css | 51 +++++++++++++++++++++++++++++++++++ 1 file changed, 51 insertions(+) create mode 100644 docs/examples/offcanvas/offcanvas.css (limited to 'docs/examples/offcanvas/offcanvas.css') diff --git a/docs/examples/offcanvas/offcanvas.css b/docs/examples/offcanvas/offcanvas.css new file mode 100644 index 000000000..ef632dc00 --- /dev/null +++ b/docs/examples/offcanvas/offcanvas.css @@ -0,0 +1,51 @@ +/* + * Style tweaks + * -------------------------------------------------- + */ +html, +body { + overflow-x: hidden; /* Prevent scroll on narrow devices */ +} +body { + padding-top: 70px; +} +footer { + padding: 30px 0; +} + +/* + * Off Canvas + * -------------------------------------------------- + */ +@media screen and (max-width: 767px) { + .row-offcanvas { + position: relative; + -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: -50%; /* 6 columns */ + } + + .row-offcanvas-left + .sidebar-offcanvas { + left: -50%; /* 6 columns */ + } + + .row-offcanvas-right.active { + right: 50%; /* 6 columns */ + } + + .row-offcanvas-left.active { + left: 50%; /* 6 columns */ + } + + .sidebar-offcanvas { + position: absolute; + top: 0; + width: 50%; /* 6 columns */ + } +} -- cgit v1.2.3