aboutsummaryrefslogtreecommitdiff
path: root/docs/examples/offcanvas/offcanvas.css
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2013-12-31 13:43:32 -0800
committerMark Otto <[email protected]>2013-12-31 13:43:32 -0800
commit8812856de1ce17bb2f482c75370fb2e3db7ac6de (patch)
treee1c69152a87c1a15c5eeb8487b7ac5b94e3eb470 /docs/examples/offcanvas/offcanvas.css
parent295736aff2d9698870d7bc2c1787ec0b1f9f9f30 (diff)
parent05cc208333cdffd95929b10e84ef5a2519dc52c7 (diff)
downloadbootstrap-8812856de1ce17bb2f482c75370fb2e3db7ac6de.tar.xz
bootstrap-8812856de1ce17bb2f482c75370fb2e3db7ac6de.zip
Merge pull request #12037 from twbs/docs_dir
Bring back the `/docs` directory
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 */
+ }
+}