From ed1de86794cc0911dc7a3dbbf3bb9dfe421ef4b6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 5 Mar 2017 12:20:44 -0800 Subject: Update spacer utilities (#22123) * Drop -x and -y as they're all the same - Also move -width to elsewhere in the vars because it makes no sense by spacers. - Update values of -x and -y across main Sass and docs Sass. * Update docs to reflect changes; link to spacing utils from options page --- docs/assets/scss/_content.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/scss') diff --git a/docs/assets/scss/_content.scss b/docs/assets/scss/_content.scss index 28f4cd442..3374aa633 100644 --- a/docs/assets/scss/_content.scss +++ b/docs/assets/scss/_content.scss @@ -9,7 +9,7 @@ display: block; width: 100%; max-width: 100%; - margin-bottom: $spacer; + margin-bottom: 1rem; overflow-y: auto; // Cells -- cgit v1.2.3 From 22ee8c1aeef628a1a106fbf43411ad4e74c99877 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 3 Mar 2017 12:59:21 -0800 Subject: clear out docs css --- docs/assets/scss/_responsive-tests.scss | 80 +-------------------------------- 1 file changed, 1 insertion(+), 79 deletions(-) (limited to 'docs/assets/scss') diff --git a/docs/assets/scss/_responsive-tests.scss b/docs/assets/scss/_responsive-tests.scss index 7b1b500b3..9656a2bc3 100644 --- a/docs/assets/scss/_responsive-tests.scss +++ b/docs/assets/scss/_responsive-tests.scss @@ -10,86 +10,8 @@ } // Utility classes table -.bd-table th small, -.responsive-utilities th small { +.bd-table th small { display: block; font-weight: normal; color: #999; } -.responsive-utilities tbody th { - font-weight: normal; -} -.responsive-utilities td { - text-align: center; -} -.responsive-utilities .is-visible { - color: #468847; - background-color: #dff0d8 !important; -} -.responsive-utilities .is-hidden { - color: #ccc; - background-color: #f9f9f9 !important; -} - -// Responsive tests -.responsive-utilities-test { - margin-top: .25rem; -} -.responsive-utilities-test .col-6 { - margin-top: .5rem; - margin-bottom: .5rem; -} -.responsive-utilities-test span { - display: block; - padding: 1rem .5rem; - font-size: 1rem; - font-weight: bold; - line-height: 1.1; - text-align: center; - border-radius: .25rem; -} -.visible-on, -.hidden-on { - .col-6 { - > .not-visible { - color: #999; - border: 1px solid #ddd; - } - } -} -.visible-on, -.hidden-on { - .col-6 { - .visible { - color: #468847; - background-color: #dff0d8; - border: 1px solid #d6e9c6; - } - } -} - -@include media-breakpoint-only(xs) { - .hidden-xs-only { - display: none !important; - } -} -@include media-breakpoint-only(sm) { - .hidden-sm-only { - display: none !important; - } -} -@include media-breakpoint-only(md) { - .hidden-md-only { - display: none !important; - } -} -@include media-breakpoint-only(lg) { - .hidden-lg-only { - display: none !important; - } -} -@include media-breakpoint-only(xl) { - .hidden-xl-only { - display: none !important; - } -} -- cgit v1.2.3 From b1b2cfbc9d56ba0927986cc2f387847048885a07 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 19 Mar 2017 17:37:38 -0700 Subject: fix markdown docs tables --- docs/assets/scss/_content.scss | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) (limited to 'docs/assets/scss') diff --git a/docs/assets/scss/_content.scss b/docs/assets/scss/_content.scss index 3374aa633..878787b21 100644 --- a/docs/assets/scss/_content.scss +++ b/docs/assets/scss/_content.scss @@ -6,11 +6,15 @@ .bd-content { > table { - display: block; width: 100%; max-width: 100%; margin-bottom: 1rem; - overflow-y: auto; + + @include media-breakpoint-down(md) { + display: block; + overflow-x: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057 + } // Cells > thead, -- cgit v1.2.3 From 1a264be8b373419865f55f1c5f92890fd6bcbd03 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 25 Mar 2017 12:12:02 -0700 Subject: Redo semantic grid example and make it real in the docs --- docs/assets/scss/_component-examples.scss | 34 +++++++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) (limited to 'docs/assets/scss') diff --git a/docs/assets/scss/_component-examples.scss b/docs/assets/scss/_component-examples.scss index ab3a48dde..dd3cc190c 100644 --- a/docs/assets/scss/_component-examples.scss +++ b/docs/assets/scss/_component-examples.scss @@ -37,6 +37,40 @@ border: 1px solid rgba($bd-purple, .15); } +// Grid mixins +.example-container { + width: 800px; + @include make-container(); +} + +.example-row { + @include make-row(); +} + +.example-content-main { + @include make-col-ready(); + + @include media-breakpoint-up(sm) { + @include make-col(6); + } + + @include media-breakpoint-up(lg) { + @include make-col(8); + } +} + +.example-content-secondary { + @include make-col-ready(); + + @include media-breakpoint-up(sm) { + @include make-col(6); + } + + @include media-breakpoint-up(lg) { + @include make-col(4); + } +} + // // Container illustrations -- cgit v1.2.3 From 91b62941afb7115807fc2925398ebccfc68f5377 Mon Sep 17 00:00:00 2001 From: Pierre Vanduynslager Date: Sun, 2 Apr 2017 05:21:04 -0400 Subject: Tabs/Scrollspy/.nav/.list-group/.active independent of markup (