From 60575dfb461d5e01d36b564dccc55ef260982081 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 25 May 2013 13:16:15 -0700 Subject: Gradients refactor * Add start and end support to the horizontal gradient as well * Change all variables from camelCase to use-dashes * Better comments in the gradients mixins area * Update current uses of gradients in dropdowns and carousel to specify only two values by direct assignment of variables --- docs/assets/css/bootstrap.css | 32 ++++++++++++++++---------------- 1 file changed, 16 insertions(+), 16 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b65d86480..c5b29a3c4 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2717,10 +2717,10 @@ input[type="button"].btn-block { color: #ffffff; text-decoration: none; background-color: #357ebd; - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); - background-image: -webkit-linear-gradient(top, #428bca, #357ebd); - background-image: -moz-linear-gradient(top, #428bca, #357ebd); - background-image: linear-gradient(to bottom, #428bca, #357ebd); + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd)); + background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%); + background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%); + background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } @@ -2731,10 +2731,10 @@ input[type="button"].btn-block { color: #ffffff; text-decoration: none; background-color: #357ebd; - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); - background-image: -webkit-linear-gradient(top, #428bca, #357ebd); - background-image: -moz-linear-gradient(top, #428bca, #357ebd); - background-image: linear-gradient(to bottom, #428bca, #357ebd); + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd)); + background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%); + background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%); + background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); background-repeat: repeat-x; outline: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); @@ -4895,10 +4895,10 @@ 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 0, 100% 0, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); - background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); + 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%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } @@ -4908,10 +4908,10 @@ a.list-group-item.active > .badge, left: auto; background-color: rgba(0, 0, 0, 0.5); background-color: transparent; - background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); - background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); + 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%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } -- cgit v1.2.3 From 19d0726609f860d4a7f1c214965164084aaf8a5f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jun 2013 13:38:45 -0700 Subject: Grid updates MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Removed mixins for generating grid classes - Thus, we manually declare every grid class, from 1-11 (12th unit is excluded as that's the same as no grid columns) - No more need for `.col` base class (yay!) - Negative indent the rows at tablets and above once again (ugh, still working through this part) - Add support for `.col-md` for tablet-specific grid columns - Still need to figure out offsets, pushes, and pulls on other devices—right now only available on desktop --- docs/assets/css/bootstrap.css | 284 ++++++++++++++++++++++++------------------ 1 file changed, 164 insertions(+), 120 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index a826b74ed..938ddc14b 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -763,12 +763,40 @@ pre code { clear: both; } +@media (min-width: 768px) { + .row { + margin-right: -15px; + margin-left: -15px; + } +} + .row .row { margin-right: -15px; margin-left: -15px; } -.col { +.col-1, +.col-2, +.col-3, +.col-4, +.col-5, +.col-6, +.col-7, +.col-8, +.col-9, +.col-10, +.col-11, +.col-lg-1, +.col-lg-2, +.col-lg-3, +.col-lg-4, +.col-lg-5, +.col-lg-6, +.col-lg-7, +.col-lg-8, +.col-lg-9, +.col-lg-10, +.col-lg-11 { position: relative; float: left; width: 100%; @@ -777,198 +805,218 @@ pre code { padding-left: 15px; } -.col-sm-12 { - width: 100%; -} - -.col-sm-11 { - width: 91.66666666666666%; +.col-1 { + width: 0.08333333333333333; } -.col-sm-10 { - width: 83.33333333333334%; +.col-2 { + width: 0.16666666666666666; } -.col-sm-9 { - width: 75%; +.col-3 { + width: 0.25; } -.col-sm-8 { - width: 66.66666666666666%; +.col-4 { + width: 0.3333333333333333; } -.col-sm-7 { - width: 58.333333333333336%; +.col-5 { + width: 0.4166666666666667; } -.col-sm-6 { - width: 50%; +.col-6 { + width: 0.5; } -.col-sm-5 { - width: 41.66666666666667%; +.col-7 { + width: 0.5833333333333334; } -.col-sm-4 { - width: 33.33333333333333%; +.col-8 { + width: 0.6666666666666666; } -.col-sm-3 { - width: 25%; +.col-9 { + width: 0.75; } -.col-sm-2 { - width: 16.666666666666664%; +.col-10 { + width: 0.8333333333333334; } -.col-sm-1 { - width: 8.333333333333332%; +.col-11 { + width: 0.9166666666666666; } -@media screen and (min-width: 768px) { - .col-lg-12 { - width: 100%; +@media (min-width: 768px) { + .col-md-1 { + width: 0.08333333333333333; } - .col-lg-11 { - width: 91.66666666666666%; + .col-md-2 { + width: 0.16666666666666666; } - .col-lg-10 { - width: 83.33333333333334%; + .col-md-3 { + width: 0.25; } - .col-lg-9 { - width: 75%; + .col-md-4 { + width: 0.3333333333333333; } - .col-lg-8 { - width: 66.66666666666666%; + .col-md-5 { + width: 0.4166666666666667; } - .col-lg-7 { - width: 58.333333333333336%; + .col-md-6 { + width: 0.5; } - .col-lg-6 { - width: 50%; + .col-md-7 { + width: 0.5833333333333334; } - .col-lg-5 { - width: 41.66666666666667%; + .col-md-8 { + width: 0.6666666666666666; } - .col-lg-4 { - width: 33.33333333333333%; + .col-md-9 { + width: 0.75; } - .col-lg-3 { - width: 25%; + .col-md-10 { + width: 0.8333333333333334; } - .col-lg-2 { - width: 16.666666666666664%; + .col-md-11 { + width: 0.9166666666666666; } +} + +@media (min-width: 992px) { .col-lg-1 { width: 8.333333333333332%; } - .col-offset-12 { - margin-left: 100%; + .col-lg-2 { + width: 16.666666666666664%; } - .col-offset-11 { - margin-left: 91.66666666666666%; + .col-lg-3 { + width: 25%; } - .col-offset-10 { - margin-left: 83.33333333333334%; + .col-lg-4 { + width: 33.33333333333333%; } - .col-offset-9 { - margin-left: 75%; + .col-lg-5 { + width: 41.66666666666667%; } - .col-offset-8 { - margin-left: 66.66666666666666%; + .col-lg-6 { + width: 50%; } - .col-offset-7 { - margin-left: 58.333333333333336%; + .col-lg-7 { + width: 58.333333333333336%; } - .col-offset-6 { - margin-left: 50%; + .col-lg-8 { + width: 66.66666666666666%; } - .col-offset-5 { - margin-left: 41.66666666666667%; + .col-lg-9 { + width: 75%; } - .col-offset-4 { - margin-left: 33.33333333333333%; + .col-lg-10 { + width: 83.33333333333334%; } - .col-offset-3 { - margin-left: 25%; + .col-lg-11 { + width: 91.66666666666666%; + } + .col-offset-1 { + margin-left: 8.333333333333332%; } .col-offset-2 { margin-left: 16.666666666666664%; } - .col-offset-1 { - margin-left: 8.333333333333332%; + .col-offset-3 { + margin-left: 25%; } - .col-push-12 { - left: 100%; + .col-offset-4 { + margin-left: 33.33333333333333%; } - .col-push-11 { - left: 91.66666666666666%; + .col-offset-5 { + margin-left: 41.66666666666667%; } - .col-push-10 { - left: 83.33333333333334%; + .col-offset-6 { + margin-left: 50%; } - .col-push-9 { - left: 75%; + .col-offset-7 { + margin-left: 58.333333333333336%; } - .col-push-8 { - left: 66.66666666666666%; + .col-offset-8 { + margin-left: 66.66666666666666%; } - .col-push-7 { - left: 58.333333333333336%; + .col-offset-9 { + margin-left: 75%; } - .col-push-6 { - left: 50%; + .col-offset-10 { + margin-left: 83.33333333333334%; } - .col-push-5 { - left: 41.66666666666667%; + .col-offset-11 { + margin-left: 91.66666666666666%; } - .col-push-4 { - left: 33.33333333333333%; + .col-push-1 { + left: 8.333333333333332%; + } + .col-push-2 { + left: 16.666666666666664%; } .col-push-3 { left: 25%; } - .col-push-2 { - left: 16.666666666666664%; + .col-push-4 { + left: 33.33333333333333%; } - .col-push-1 { - left: 8.333333333333332%; + .col-push-5 { + left: 41.66666666666667%; } - .col-pull-12 { - right: 100%; + .col-push-6 { + left: 50%; } - .col-pull-11 { - right: 91.66666666666666%; + .col-push-7 { + left: 58.333333333333336%; } - .col-pull-10 { - right: 83.33333333333334%; + .col-push-8 { + left: 66.66666666666666%; } - .col-pull-9 { - right: 75%; + .col-push-9 { + left: 75%; } - .col-pull-8 { - right: 66.66666666666666%; + .col-push-10 { + left: 83.33333333333334%; } - .col-pull-7 { - right: 58.333333333333336%; + .col-push-11 { + left: 91.66666666666666%; } - .col-pull-6 { - right: 50%; + .col-pull-1 { + right: 8.333333333333332%; } - .col-pull-5 { - right: 41.66666666666667%; + .col-pull-2 { + right: 16.666666666666664%; + } + .col-pull-3 { + right: 25%; } .col-pull-4 { right: 33.33333333333333%; } - .col-pull-3 { - right: 25%; + .col-pull-5 { + right: 41.66666666666667%; } - .col-pull-2 { - right: 16.666666666666664%; + .col-pull-6 { + right: 50%; } - .col-pull-1 { - right: 8.333333333333332%; + .col-pull-7 { + right: 58.333333333333336%; + } + .col-pull-8 { + right: 66.66666666666666%; + } + .col-pull-9 { + right: 75%; + } + .col-pull-10 { + right: 83.33333333333334%; + } + .col-pull-11 { + right: 91.66666666666666%; } } @@ -990,10 +1038,6 @@ pre code { } } -/*[class*="col-span-"].pull-right { - float: right; -}*/ - table { max-width: 100%; background-color: transparent; -- cgit v1.2.3 From 21441f129259b17c6112d923dc93d4fc4577e49b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jun 2013 15:33:42 -0700 Subject: Move the grid offset, push, and pull classes to be tablets-up instead of desktop-up --- docs/assets/css/bootstrap.css | 72 +++++++++++++++++++++---------------------- 1 file changed, 36 insertions(+), 36 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 938ddc14b..fb11fc29c 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -883,42 +883,6 @@ pre code { .col-md-11 { width: 0.9166666666666666; } -} - -@media (min-width: 992px) { - .col-lg-1 { - width: 8.333333333333332%; - } - .col-lg-2 { - width: 16.666666666666664%; - } - .col-lg-3 { - width: 25%; - } - .col-lg-4 { - width: 33.33333333333333%; - } - .col-lg-5 { - width: 41.66666666666667%; - } - .col-lg-6 { - width: 50%; - } - .col-lg-7 { - width: 58.333333333333336%; - } - .col-lg-8 { - width: 66.66666666666666%; - } - .col-lg-9 { - width: 75%; - } - .col-lg-10 { - width: 83.33333333333334%; - } - .col-lg-11 { - width: 91.66666666666666%; - } .col-offset-1 { margin-left: 8.333333333333332%; } @@ -1020,6 +984,42 @@ pre code { } } +@media (min-width: 992px) { + .col-lg-1 { + width: 8.333333333333332%; + } + .col-lg-2 { + width: 16.666666666666664%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-4 { + width: 33.33333333333333%; + } + .col-lg-5 { + width: 41.66666666666667%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-7 { + width: 58.333333333333336%; + } + .col-lg-8 { + width: 66.66666666666666%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-10 { + width: 83.33333333333334%; + } + .col-lg-11 { + width: 91.66666666666666%; + } +} + @media screen and (min-width: 768px) { .container { max-width: 728px; -- cgit v1.2.3 From a05f6d4cea03a61f35223eab697d3caa4dc9e24c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 3 Jun 2013 11:58:38 -0700 Subject: fixes #8066: add missing % functions to grid less code --- docs/assets/css/bootstrap.css | 44 +++++++++++++++++++++---------------------- 1 file changed, 22 insertions(+), 22 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index fb11fc29c..36898557d 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -806,82 +806,82 @@ pre code { } .col-1 { - width: 0.08333333333333333; + width: 8.333333333333332%; } .col-2 { - width: 0.16666666666666666; + width: 16.666666666666664%; } .col-3 { - width: 0.25; + width: 25%; } .col-4 { - width: 0.3333333333333333; + width: 33.33333333333333%; } .col-5 { - width: 0.4166666666666667; + width: 41.66666666666667%; } .col-6 { - width: 0.5; + width: 50%; } .col-7 { - width: 0.5833333333333334; + width: 58.333333333333336%; } .col-8 { - width: 0.6666666666666666; + width: 66.66666666666666%; } .col-9 { - width: 0.75; + width: 75%; } .col-10 { - width: 0.8333333333333334; + width: 83.33333333333334%; } .col-11 { - width: 0.9166666666666666; + width: 91.66666666666666%; } @media (min-width: 768px) { .col-md-1 { - width: 0.08333333333333333; + width: 8.333333333333332%; } .col-md-2 { - width: 0.16666666666666666; + width: 16.666666666666664%; } .col-md-3 { - width: 0.25; + width: 25%; } .col-md-4 { - width: 0.3333333333333333; + width: 33.33333333333333%; } .col-md-5 { - width: 0.4166666666666667; + width: 41.66666666666667%; } .col-md-6 { - width: 0.5; + width: 50%; } .col-md-7 { - width: 0.5833333333333334; + width: 58.333333333333336%; } .col-md-8 { - width: 0.6666666666666666; + width: 66.66666666666666%; } .col-md-9 { - width: 0.75; + width: 75%; } .col-md-10 { - width: 0.8333333333333334; + width: 83.33333333333334%; } .col-md-11 { - width: 0.9166666666666666; + width: 91.66666666666666%; } .col-offset-1 { margin-left: 8.333333333333332%; -- cgit v1.2.3 From 45c5b4e45c1d6479801dc205e13b350e334ebcd0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 3 Jun 2013 21:51:35 -0700 Subject: restore .col-*-12 classes for now --- docs/assets/css/bootstrap.css | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 36898557d..8642bf95d 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -786,6 +786,7 @@ pre code { .col-9, .col-10, .col-11, +.col-12, .col-lg-1, .col-lg-2, .col-lg-3, @@ -796,7 +797,8 @@ pre code { .col-lg-8, .col-lg-9, .col-lg-10, -.col-lg-11 { +.col-lg-11, +.col-lg-12 { position: relative; float: left; width: 100%; @@ -849,6 +851,10 @@ pre code { width: 91.66666666666666%; } +.col-12 { + width: 100%; +} + @media (min-width: 768px) { .col-md-1 { width: 8.333333333333332%; @@ -883,6 +889,9 @@ pre code { .col-md-11 { width: 91.66666666666666%; } + .col-md-12 { + width: 100%; + } .col-offset-1 { margin-left: 8.333333333333332%; } @@ -1018,6 +1027,9 @@ pre code { .col-lg-11 { width: 91.66666666666666%; } + .col-lg-12 { + width: 100%; + } } @media screen and (min-width: 768px) { -- cgit v1.2.3 From df5ddeb7cc3b71c96b691e073c252690679dd4ea Mon Sep 17 00:00:00 2001 From: William Ghelfi Date: Wed, 5 Jun 2013 23:14:58 +0300 Subject: Set validation states also for addons --- docs/assets/css/bootstrap.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 8642bf95d..953118071 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1544,6 +1544,12 @@ fieldset[disabled] input[type="checkbox"] { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } +.has-warning .input-group-addon { + color: #c09853; + background-color: #fcf8e3; + border-color: #c09853; +} + .has-error .control-label { color: #b94a48; } @@ -1561,6 +1567,12 @@ fieldset[disabled] input[type="checkbox"] { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } +.has-error .input-group-addon { + color: #b94a48; + background-color: #f2dede; + border-color: #b94a48; +} + .has-success .control-label { color: #468847; } @@ -1578,6 +1590,12 @@ fieldset[disabled] input[type="checkbox"] { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } +.has-success .input-group-addon { + color: #468847; + background-color: #dff0d8; + border-color: #468847; +} + input:focus:invalid, textarea:focus:invalid, select:focus:invalid { -- cgit v1.2.3 From 441bbe1998c790dad1c4d44c5f85e6360209eaac Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 8 Jun 2013 18:34:16 -0230 Subject: Another grid update * Update docs to include table of grid levels and behaviors * Change from .col-md to .col-sm to match existing size variables we use elsewhere * Keep .col-lg as-is though for simplicity as we won't likely add a fourth level of the grid * Combine responsive .container breakpoints with grid breakpoints in grid.less * Other misc docs updates --- docs/assets/css/bootstrap.css | 56 ++++++++++++++++++++++++------------------- 1 file changed, 31 insertions(+), 25 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 8642bf95d..4d65d053b 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -787,6 +787,18 @@ pre code { .col-10, .col-11, .col-12, +.col-sm-1, +.col-sm-2, +.col-sm-3, +.col-sm-4, +.col-sm-5, +.col-sm-6, +.col-sm-7, +.col-sm-8, +.col-sm-9, +.col-sm-10, +.col-sm-11, +.col-sm-12, .col-lg-1, .col-lg-2, .col-lg-3, @@ -856,40 +868,43 @@ pre code { } @media (min-width: 768px) { - .col-md-1 { + .container { + max-width: 728px; + } + .col-sm-1 { width: 8.333333333333332%; } - .col-md-2 { + .col-sm-2 { width: 16.666666666666664%; } - .col-md-3 { + .col-sm-3 { width: 25%; } - .col-md-4 { + .col-sm-4 { width: 33.33333333333333%; } - .col-md-5 { + .col-sm-5 { width: 41.66666666666667%; } - .col-md-6 { + .col-sm-6 { width: 50%; } - .col-md-7 { + .col-sm-7 { width: 58.333333333333336%; } - .col-md-8 { + .col-sm-8 { width: 66.66666666666666%; } - .col-md-9 { + .col-sm-9 { width: 75%; } - .col-md-10 { + .col-sm-10 { width: 83.33333333333334%; } - .col-md-11 { + .col-sm-11 { width: 91.66666666666666%; } - .col-md-12 { + .col-sm-12 { width: 100%; } .col-offset-1 { @@ -994,6 +1009,9 @@ pre code { } @media (min-width: 992px) { + .container { + max-width: 940px; + } .col-lg-1 { width: 8.333333333333332%; } @@ -1032,19 +1050,7 @@ pre code { } } -@media screen and (min-width: 768px) { - .container { - max-width: 728px; - } -} - -@media screen and (min-width: 992px) { - .container { - max-width: 940px; - } -} - -@media screen and (min-width: 1200px) { +@media (min-width: 1200px) { .container { max-width: 1170px; } -- cgit v1.2.3