aboutsummaryrefslogtreecommitdiff
path: root/docs/4.1/examples/offcanvas/offcanvas.css
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2018-04-09 09:00:23 -0700
committerGitHub <[email protected]>2018-04-09 09:00:23 -0700
commit8f7bd419935adfcd53c471a0202083464800619e (patch)
treed0e6ab018a0f41b59a1206cf72ffc79a474e69b9 /docs/4.1/examples/offcanvas/offcanvas.css
parent91730a644f107ca80a747a6f7f0c173eca5708fa (diff)
downloadbootstrap-8f7bd419935adfcd53c471a0202083464800619e.tar.xz
bootstrap-8f7bd419935adfcd53c471a0202083464800619e.zip
Ship v4.1.0 (#26218)v4.1.0
* update docs path from docs/4.0/ to docs/4.1/ * bump version to 4.1.0 * Update redirects to work for 4.1 docs move * Update docs version switcher to include latest and link to 4.0 docs * re-run dist * Update package-lock.json * Update docs-navbar.html
Diffstat (limited to 'docs/4.1/examples/offcanvas/offcanvas.css')
-rw-r--r--docs/4.1/examples/offcanvas/offcanvas.css79
1 files changed, 79 insertions, 0 deletions
diff --git a/docs/4.1/examples/offcanvas/offcanvas.css b/docs/4.1/examples/offcanvas/offcanvas.css
new file mode 100644
index 000000000..7edfa0bc9
--- /dev/null
+++ b/docs/4.1/examples/offcanvas/offcanvas.css
@@ -0,0 +1,79 @@
+html,
+body {
+ overflow-x: hidden; /* Prevent scroll on narrow devices */
+}
+
+body {
+ padding-top: 56px;
+}
+
+@media (max-width: 991.98px) {
+ .offcanvas-collapse {
+ position: fixed;
+ top: 56px; /* Height of navbar */
+ bottom: 0;
+ left: 100%;
+ width: 100%;
+ padding-right: 1rem;
+ padding-left: 1rem;
+ overflow-y: auto;
+ visibility: hidden;
+ background-color: #343a40;
+ transition-timing-function: ease-in-out;
+ transition-duration: .3s;
+ transition-property: left, visibility;
+ }
+ .offcanvas-collapse.open {
+ left: 0;
+ visibility: visible;
+ }
+}
+
+.nav-scroller {
+ position: relative;
+ z-index: 2;
+ height: 2.75rem;
+ overflow-y: hidden;
+}
+
+.nav-scroller .nav {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap;
+ padding-bottom: 1rem;
+ margin-top: -1px;
+ overflow-x: auto;
+ color: rgba(255, 255, 255, .75);
+ text-align: center;
+ white-space: nowrap;
+ -webkit-overflow-scrolling: touch;
+}
+
+.nav-underline .nav-link {
+ padding-top: .75rem;
+ padding-bottom: .75rem;
+ font-size: .875rem;
+ color: #6c757d;
+}
+
+.nav-underline .nav-link:hover {
+ color: #007bff;
+}
+
+.nav-underline .active {
+ font-weight: 500;
+ color: #343a40;
+}
+
+.text-white-50 { color: rgba(255, 255, 255, .5); }
+
+.bg-purple { background-color: #6f42c1; }
+
+.border-bottom { border-bottom: 1px solid #e5e5e5; }
+
+.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }
+
+.lh-100 { line-height: 1; }
+.lh-125 { line-height: 1.25; }
+.lh-150 { line-height: 1.5; }