From db45a60cc86190a060f0baf0b3961cbc690f3a65 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 5 Aug 2013 20:55:30 -0700 Subject: Scope tablet classes to tablets range only Fixes #9128 --- dist/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'dist/css/bootstrap.css') diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index fb446da47..a381420a3 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -873,7 +873,7 @@ pre code { width: 100%; } -@media (min-width: 768px) { +@media (min-width: 768px) and (max-width: 991px) { .container { max-width: 728px; } -- cgit v1.2.3 From 2f1fcca6c541d45839d39fec94462625526e4bed Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 6 Aug 2013 11:18:53 -0700 Subject: Fixes #9145: Fix tooltip opacity Update tooltips to not use RGBa colors so IE8 can have tooltips, too (means we're now using `opacity`). --- dist/css/bootstrap.css | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) (limited to 'dist/css/bootstrap.css') diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index a381420a3..3158e23db 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -3668,8 +3668,8 @@ button.close { } .tooltip.in { - opacity: 1; - filter: alpha(opacity=100); + opacity: 0.9; + filter: alpha(opacity=90); } .tooltip.top { @@ -3698,7 +3698,7 @@ button.close { color: #ffffff; text-align: center; text-decoration: none; - background-color: rgba(0, 0, 0, 0.9); + background-color: #000000; border-radius: 4px; } @@ -3714,21 +3714,21 @@ button.close { bottom: 0; left: 50%; margin-left: -5px; - border-top-color: rgba(0, 0, 0, 0.9); + border-top-color: #000000; border-width: 5px 5px 0; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; - border-top-color: rgba(0, 0, 0, 0.9); + border-top-color: #000000; border-width: 5px 5px 0; } .tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; - border-top-color: rgba(0, 0, 0, 0.9); + border-top-color: #000000; border-width: 5px 5px 0; } @@ -3736,7 +3736,7 @@ button.close { top: 50%; left: 0; margin-top: -5px; - border-right-color: rgba(0, 0, 0, 0.9); + border-right-color: #000000; border-width: 5px 5px 5px 0; } @@ -3744,7 +3744,7 @@ button.close { top: 50%; right: 0; margin-top: -5px; - border-left-color: rgba(0, 0, 0, 0.9); + border-left-color: #000000; border-width: 5px 0 5px 5px; } @@ -3752,21 +3752,21 @@ button.close { top: 0; left: 50%; margin-left: -5px; - border-bottom-color: rgba(0, 0, 0, 0.9); + border-bottom-color: #000000; border-width: 0 5px 5px; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; - border-bottom-color: rgba(0, 0, 0, 0.9); + border-bottom-color: #000000; border-width: 0 5px 5px; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; - border-bottom-color: rgba(0, 0, 0, 0.9); + border-bottom-color: #000000; border-width: 0 5px 5px; } -- cgit v1.2.3 From 6da346527ba6861738c0922ed84ab0c0c1a4612d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 6 Aug 2013 16:02:07 -0700 Subject: grunt dist on previous commit --- dist/css/bootstrap.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'dist/css/bootstrap.css') diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index 3158e23db..bc7894a7a 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -2345,6 +2345,10 @@ input[type="button"].btn-block { margin-right: -15px; } +.list-group-item > .badge + .badge { + margin-right: 0; +} + .list-group-item-heading { margin-top: 0; margin-bottom: 5px; -- cgit v1.2.3 From 223e0321504050d4642c3db2673be0cc7f4df569 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 6 Aug 2013 16:39:18 -0700 Subject: Fix #9174: pad bottom of navbar collapsed content and clear floated contents --- dist/css/bootstrap.css | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) (limited to 'dist/css/bootstrap.css') diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index bc7894a7a..34d92672b 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -2869,6 +2869,30 @@ button.close { margin-bottom: 0; } +.nav-collapse { + padding-bottom: 15px; +} + +.nav-collapse:before, +.nav-collapse:after { + display: table; + content: " "; +} + +.nav-collapse:after { + clear: both; +} + +.nav-collapse:before, +.nav-collapse:after { + display: table; + content: " "; +} + +.nav-collapse:after { + clear: both; +} + @media (max-width: 768px) { .nav-collapse-scrollable { max-height: 360px; @@ -3103,6 +3127,7 @@ button.close { .nav-collapse.collapse { display: block !important; height: auto !important; + padding-bottom: 0; overflow: visible !important; } } -- cgit v1.2.3 From c3ac95333d3c8746e8877ff02cafc41c4a692414 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 6 Aug 2013 17:28:02 -0700 Subject: Fixes #8749: prevent navbar nav from overlapping navbar toggle --- dist/css/bootstrap.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'dist/css/bootstrap.css') diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index 34d92672b..b3954d47d 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -2811,7 +2811,6 @@ button.close { } .navbar-nav { - margin-top: 10px; margin-bottom: 15px; } @@ -2893,6 +2892,11 @@ button.close { clear: both; } +.navbar-toggle + .nav-collapse { + width: 100%; + margin-top: 50px; +} + @media (max-width: 768px) { .nav-collapse-scrollable { max-height: 360px; -- cgit v1.2.3 From 3f3dfc54e77036e726154e21d1a34f1f5918b4d7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 6 Aug 2013 18:05:37 -0700 Subject: update use of mixins and add bg-colors where necessary --- dist/css/bootstrap.css | 9 --------- 1 file changed, 9 deletions(-) (limited to 'dist/css/bootstrap.css') diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index b3954d47d..804daa361 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -4263,7 +4263,6 @@ a.list-group-item.active > .badge, } .progress-striped .progress-bar { - background-color: #428bca; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); @@ -4284,7 +4283,6 @@ a.list-group-item.active > .badge, } .progress-striped .progress-bar-danger { - background-color: #d9534f; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); @@ -4296,7 +4294,6 @@ a.list-group-item.active > .badge, } .progress-striped .progress-bar-success { - background-color: #5cb85c; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); @@ -4308,7 +4305,6 @@ a.list-group-item.active > .badge, } .progress-striped .progress-bar-warning { - background-color: #f0ad4e; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); @@ -4320,7 +4316,6 @@ a.list-group-item.active > .badge, } .progress-striped .progress-bar-info { - background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); @@ -4430,8 +4425,6 @@ a.list-group-item.active > .badge, } .carousel-control.left { - background-color: rgba(0, 0, 0, 0.0001); - background-color: transparent; background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); @@ -4443,8 +4436,6 @@ a.list-group-item.active > .badge, .carousel-control.right { right: 0; left: auto; - background-color: rgba(0, 0, 0, 0.5); - background-color: transparent; background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); -- cgit v1.2.3 From d1e712d84882953b7d2a43a8e70aa3b976da5fcd Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 6 Aug 2013 21:11:16 -0700 Subject: fixes #8959: only negative indent rows within .container (prevents horizontal scroll on full-width pages) --- dist/css/bootstrap.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'dist/css/bootstrap.css') diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index 804daa361..98acfc8dc 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -757,7 +757,7 @@ pre code { } @media (min-width: 768px) { - .row { + .container .row { margin-right: -15px; margin-left: -15px; } @@ -1691,7 +1691,7 @@ textarea.input-sm { } @media (min-width: 768px) { - .form-horizontal .form-group { + .container .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } -- cgit v1.2.3 From a8d95d4721e714a7e1d683e14e997faa5ccddaff Mon Sep 17 00:00:00 2001 From: adamjacobbecker Date: Tue, 6 Aug 2013 21:25:36 -0700 Subject: Improve accessibility (Section 508, WCAG) This PR significantly improves Bootstrap's accessibility for users of assistive technology, such as screen readers. Some of the these changes add additional markup to the source examples, but we believe that the sacrifice in readability is worth achieving more widespread usage of accessibility best-practices. What was done - Added lots of [WAI-ARIA attributes](http://www.w3.org/WAI/intro/aria) - Added `.sr-only` helper class, that is only readable by screen readers (and invisible for all other users). This lets us - make progress bars and paginations accessible to screen reading users. - Advised users to always use label elements. For inline forms, they can hide them with `.sr-only` - Added 'Skip navigation' link - Added "Accessibility" section to getting-started.html. What *wasn't* done - Contrast issues (twbs#3572) - Tooltips (twbs#8469) - Documentation re: usage of icons, since they now live in a separate repo Major props to all that contributed: @bensheldon, @jasonlally, @criscristina, and @louh. Feel free to chime in, guys, if I've left anything out. --- dist/css/bootstrap.css | 11 +++++++++++ 1 file changed, 11 insertions(+) (limited to 'dist/css/bootstrap.css') diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index 98acfc8dc..b505bcfb3 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -356,6 +356,17 @@ hr { border-top: 1px solid #eeeeee; } +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0 0 0 0); + border: 0; +} + p { margin: 0 0 10px; } -- cgit v1.2.3