aboutsummaryrefslogtreecommitdiff
path: root/docs/examples/offcanvas/offcanvas.css
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2013-12-28 22:47:03 -0800
committerMark Otto <[email protected]>2013-12-28 22:47:03 -0800
commita9c829bc0c75dd7723e6c74e1defaab5dbb4c00b (patch)
tree40f97935b43672014afa1dc050a22c9c5ae62bb8 /docs/examples/offcanvas/offcanvas.css
parent5bf13914e49942409c0b21aeaf2ed756c41bd498 (diff)
downloadbootstrap-a9c829bc0c75dd7723e6c74e1defaab5dbb4c00b.tar.xz
bootstrap-a9c829bc0c75dd7723e6c74e1defaab5dbb4c00b.zip
Rearrange repository contents because muahahahahahaha
Diffstat (limited to 'docs/examples/offcanvas/offcanvas.css')
-rw-r--r--docs/examples/offcanvas/offcanvas.css51
1 files changed, 51 insertions, 0 deletions
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 */
+ }
+}