From cb294854a30b6764082ba957c410b51a59e13887 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 26 Nov 2016 00:58:11 -0800 Subject: grunt --- docs/dist/css/bootstrap-flex.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'docs/dist/css/bootstrap-flex.css') diff --git a/docs/dist/css/bootstrap-flex.css b/docs/dist/css/bootstrap-flex.css index 333e66b19..56d2a20ca 100644 --- a/docs/dist/css/bootstrap-flex.css +++ b/docs/dist/css/bootstrap-flex.css @@ -3336,7 +3336,7 @@ tbody.collapse.active { .dropdown-item:focus, .dropdown-item:hover { color: #1d1e1f; text-decoration: none; - background-color: #f5f5f5; + background-color: #f7f7f9; } .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover { @@ -4572,7 +4572,7 @@ tbody.collapse.active { .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; - background-color: #f5f5f5; + background-color: #f7f7f9; border-bottom: 1px solid rgba(0, 0, 0, 0.125); } @@ -4582,7 +4582,7 @@ tbody.collapse.active { .card-footer { padding: 0.75rem 1.25rem; - background-color: #f5f5f5; + background-color: #f7f7f9; border-top: 1px solid rgba(0, 0, 0, 0.125); } @@ -5509,7 +5509,7 @@ base::-moz-progress-bar, .list-group-item-action:focus, .list-group-item-action:hover { color: #555; text-decoration: none; - background-color: #f5f5f5; + background-color: #f7f7f9; } .list-group-item-success { -- cgit v1.2.3 From c7b8451cdcd4930ba58af27a51d4247d1114a59b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 26 Nov 2016 11:16:53 -0800 Subject: grunt --- docs/dist/css/bootstrap-flex.css | 25 +++++++++++++++++++++++-- 1 file changed, 23 insertions(+), 2 deletions(-) (limited to 'docs/dist/css/bootstrap-flex.css') diff --git a/docs/dist/css/bootstrap-flex.css b/docs/dist/css/bootstrap-flex.css index 56d2a20ca..eaf9e300a 100644 --- a/docs/dist/css/bootstrap-flex.css +++ b/docs/dist/css/bootstrap-flex.css @@ -2223,6 +2223,11 @@ pre code { width: 100%; min-height: 0%; overflow-x: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; +} + +.table-responsive.table-bordered { + border: 0; } .table-reflow thead { @@ -2277,6 +2282,11 @@ pre code { background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; + -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; + transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; + -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; } .form-control::-ms-expand { @@ -2610,6 +2620,9 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for padding: 0.5rem 1rem; font-size: 1rem; border-radius: 0.25rem; + -webkit-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; } .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { @@ -4397,6 +4410,10 @@ tbody.collapse.active { color: rgba(0, 0, 0, 0.7); } +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(0, 0, 0, 0.3); +} + .navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .active > .nav-link:focus, @@ -4442,6 +4459,10 @@ tbody.collapse.active { color: rgba(255, 255, 255, 0.75); } +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(255, 255, 255, 0.25); +} + .navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .active > .nav-link:focus, @@ -5830,7 +5851,7 @@ button.close { @media (min-width: 576px) { .modal-dialog { - max-width: 600px; + max-width: 500px; margin: 30px auto; } .modal-sm { @@ -5840,7 +5861,7 @@ button.close { @media (min-width: 992px) { .modal-lg { - max-width: 900px; + max-width: 800px; } } -- cgit v1.2.3 From 36bf06f520cf1bf9cb09ce5d3cd46300ffbba19e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 26 Nov 2016 13:42:46 -0800 Subject: grunt --- docs/dist/css/bootstrap-flex.css | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'docs/dist/css/bootstrap-flex.css') diff --git a/docs/dist/css/bootstrap-flex.css b/docs/dist/css/bootstrap-flex.css index eaf9e300a..b69251c76 100644 --- a/docs/dist/css/bootstrap-flex.css +++ b/docs/dist/css/bootstrap-flex.css @@ -894,6 +894,16 @@ pre code { } } +.no-gutters { + margin-right: 0; + margin-left: 0; +} + +.no-gutters > [class*="col-"] { + padding-right: 0; + padding-left: 0; +} + .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .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-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .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, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { position: relative; min-height: 1px; -- cgit v1.2.3 From b456cb351d056b5884e9f0c089b28e84f08ee256 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 26 Nov 2016 16:49:39 -0800 Subject: grunt --- docs/dist/css/bootstrap-flex.css | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) (limited to 'docs/dist/css/bootstrap-flex.css') diff --git a/docs/dist/css/bootstrap-flex.css b/docs/dist/css/bootstrap-flex.css index b69251c76..f60a936d8 100644 --- a/docs/dist/css/bootstrap-flex.css +++ b/docs/dist/css/bootstrap-flex.css @@ -6476,6 +6476,26 @@ a.bg-inverse:focus, a.bg-inverse:hover { background-color: #101112 !important; } +.border-0 { + border: 0 !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-right-0 { + border-right: 0 !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-left-0 { + border-left: 0 !important; +} + .rounded { border-radius: 0.25rem; } @@ -6504,6 +6524,10 @@ a.bg-inverse:focus, a.bg-inverse:hover { border-radius: 50%; } +.rounded-0 { + border-radius: 0; +} + .clearfix::after { content: ""; display: table; -- cgit v1.2.3 From 181e124bc1fed117a562698cafcc3be6b107eb65 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 26 Nov 2016 17:01:17 -0800 Subject: grunt --- docs/dist/css/bootstrap-flex.css | 88 +++++++++++++++++++++++++++++++++------- 1 file changed, 74 insertions(+), 14 deletions(-) (limited to 'docs/dist/css/bootstrap-flex.css') diff --git a/docs/dist/css/bootstrap-flex.css b/docs/dist/css/bootstrap-flex.css index f60a936d8..ff14fb635 100644 --- a/docs/dist/css/bootstrap-flex.css +++ b/docs/dist/css/bootstrap-flex.css @@ -2565,11 +2565,49 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); } +.form-inline { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-flow: row wrap; + -ms-flex-flow: row wrap; + flex-flow: row wrap; +} + +.form-inline .form-check { + width: 100%; +} + @media (min-width: 576px) { + .form-inline label { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-bottom: 0; + } .form-inline .form-group { - display: inline-block; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + -webkit-flex-flow: row wrap; + -ms-flex-flow: row wrap; + flex-flow: row wrap; margin-bottom: 0; - vertical-align: middle; } .form-inline .form-control { display: inline-block; @@ -2580,27 +2618,28 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for display: inline-block; } .form-inline .input-group { - display: inline-table; width: auto; - vertical-align: middle; - } - .form-inline .input-group .input-group-addon, - .form-inline .input-group .input-group-btn, - .form-inline .input-group .form-control { - width: auto; - } - .form-inline .input-group > .form-control { - width: 100%; } .form-inline .form-control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .form-check { - display: inline-block; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: auto; margin-top: 0; margin-bottom: 0; - vertical-align: middle; } .form-inline .form-check-label { padding-left: 0; @@ -2609,6 +2648,27 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for position: relative; margin-left: 0; } + .form-inline .custom-control { + padding-left: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + } + .form-inline .custom-control-indicator { + position: static; + display: inline-block; + margin-right: .25rem; + vertical-align: text-bottom; + } .form-inline .has-feedback .form-control-feedback { top: 0; } -- cgit v1.2.3 From 0b8a2819201076a8e93cd387aecf13d8c419990e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 26 Nov 2016 19:17:23 -0800 Subject: grunt --- docs/dist/css/bootstrap-flex.css | 23 +---------------------- 1 file changed, 1 insertion(+), 22 deletions(-) (limited to 'docs/dist/css/bootstrap-flex.css') diff --git a/docs/dist/css/bootstrap-flex.css b/docs/dist/css/bootstrap-flex.css index ff14fb635..f11a09b22 100644 --- a/docs/dist/css/bootstrap-flex.css +++ b/docs/dist/css/bootstrap-flex.css @@ -5256,6 +5256,7 @@ a.badge:focus, a.badge:hover { width: 100%; height: 1rem; margin-bottom: 1rem; + overflow: hidden; } .progress[value] { @@ -5274,35 +5275,19 @@ a.badge:focus, a.badge:hover { .progress[value]::-moz-progress-bar { background-color: #0074d9; - border-bottom-left-radius: 0.25rem; - border-top-left-radius: 0.25rem; } .progress[value]::-webkit-progress-value { background-color: #0074d9; - border-bottom-left-radius: 0.25rem; - border-top-left-radius: 0.25rem; -} - -.progress[value="100"]::-moz-progress-bar { - border-bottom-right-radius: 0.25rem; - border-top-right-radius: 0.25rem; -} - -.progress[value="100"]::-webkit-progress-value { - border-bottom-right-radius: 0.25rem; - border-top-right-radius: 0.25rem; } .progress[value]::-webkit-progress-bar { background-color: #eee; - border-radius: 0.25rem; } base::-moz-progress-bar, .progress[value] { background-color: #eee; - border-radius: 0.25rem; } @media screen and (min-width: 0\0) { @@ -5315,12 +5300,6 @@ base::-moz-progress-bar, height: 1rem; text-indent: -999rem; background-color: #0074d9; - border-bottom-left-radius: 0.25rem; - border-top-left-radius: 0.25rem; - } - .progress[width="100%"] { - border-bottom-right-radius: 0.25rem; - border-top-right-radius: 0.25rem; } } -- cgit v1.2.3 From 4393da18f60d9d99a32b8382d33085dc4229e250 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 27 Nov 2016 22:29:55 -0800 Subject: grunt --- docs/dist/css/bootstrap-flex.css | 470 +++++++++++++++++---------------------- 1 file changed, 203 insertions(+), 267 deletions(-) (limited to 'docs/dist/css/bootstrap-flex.css') diff --git a/docs/dist/css/bootstrap-flex.css b/docs/dist/css/bootstrap-flex.css index f11a09b22..5a775bc95 100644 --- a/docs/dist/css/bootstrap-flex.css +++ b/docs/dist/css/bootstrap-flex.css @@ -3529,8 +3529,8 @@ tbody.collapse.active { } .btn-toolbar::after { + display: block; content: ""; - display: table; clear: both; } @@ -3630,8 +3630,8 @@ tbody.collapse.active { } .btn-group-vertical > .btn-group::after { + display: block; content: ""; - display: table; clear: both; } @@ -4077,8 +4077,8 @@ tbody.collapse.active { } .nav-tabs::after { + display: block; content: ""; - display: table; clear: both; } @@ -4125,8 +4125,8 @@ tbody.collapse.active { } .nav-pills::after { + display: block; content: ""; - display: table; clear: both; } @@ -4192,8 +4192,8 @@ tbody.collapse.active { } .navbar::after { + display: block; content: ""; - display: table; clear: both; } @@ -4300,149 +4300,6 @@ tbody.collapse.active { text-decoration: none; } -.navbar-toggleable-xs::after { - content: ""; - display: table; - clear: both; -} - -@media (max-width: 575px) { - .navbar-toggleable-xs .navbar-brand { - display: block; - float: none; - margin-top: .5rem; - margin-right: 0; - } - .navbar-toggleable-xs .navbar-nav { - margin-top: .5rem; - margin-bottom: .5rem; - } - .navbar-toggleable-xs .navbar-nav .dropdown-menu { - position: static; - float: none; - } -} - -@media (min-width: 576px) { - .navbar-toggleable-xs { - display: block; - } -} - -.navbar-toggleable-sm::after { - content: ""; - display: table; - clear: both; -} - -@media (max-width: 767px) { - .navbar-toggleable-sm .navbar-brand { - display: block; - float: none; - margin-top: .5rem; - margin-right: 0; - } - .navbar-toggleable-sm .navbar-nav { - margin-top: .5rem; - margin-bottom: .5rem; - } - .navbar-toggleable-sm .navbar-nav .dropdown-menu { - position: static; - float: none; - } -} - -@media (min-width: 768px) { - .navbar-toggleable-sm { - display: block; - } -} - -.navbar-toggleable-md::after { - content: ""; - display: table; - clear: both; -} - -@media (max-width: 991px) { - .navbar-toggleable-md .navbar-brand { - display: block; - float: none; - margin-top: .5rem; - margin-right: 0; - } - .navbar-toggleable-md .navbar-nav { - margin-top: .5rem; - margin-bottom: .5rem; - } - .navbar-toggleable-md .navbar-nav .dropdown-menu { - position: static; - float: none; - } -} - -@media (min-width: 992px) { - .navbar-toggleable-md { - display: block; - } -} - -.navbar-toggleable-lg::after { - content: ""; - display: table; - clear: both; -} - -@media (max-width: 1199px) { - .navbar-toggleable-lg .navbar-brand { - display: block; - float: none; - margin-top: .5rem; - margin-right: 0; - } - .navbar-toggleable-lg .navbar-nav { - margin-top: .5rem; - margin-bottom: .5rem; - } - .navbar-toggleable-lg .navbar-nav .dropdown-menu { - position: static; - float: none; - } -} - -@media (min-width: 1200px) { - .navbar-toggleable-lg { - display: block; - } -} - -.navbar-toggleable-xl { - display: block; -} - -.navbar-toggleable-xl::after { - content: ""; - display: table; - clear: both; -} - -.navbar-toggleable-xl .navbar-brand { - display: block; - float: none; - margin-top: .5rem; - margin-right: 0; -} - -.navbar-toggleable-xl .navbar-nav { - margin-top: .5rem; - margin-bottom: .5rem; -} - -.navbar-toggleable-xl .navbar-nav .dropdown-menu { - position: static; - float: none; -} - .navbar-nav .nav-item { float: left; } @@ -4559,32 +4416,60 @@ tbody.collapse.active { color: rgba(255, 255, 255, 0.5); } -.navbar-toggleable-xs::after { +.navbar-toggleable::after { + display: block; content: ""; - display: table; clear: both; } @media (max-width: 575px) { - .navbar-toggleable-xs .navbar-nav .nav-item { + .navbar-toggleable .navbar-brand { + display: block; + float: none; + margin-top: .5rem; + margin-right: 0; + } + .navbar-toggleable .navbar-nav { + margin-top: .5rem; + margin-bottom: .5rem; + } + .navbar-toggleable .navbar-nav .dropdown-menu { + position: static; + float: none; + } + .navbar-toggleable .navbar-nav .nav-item { float: none; margin-left: 0; } } @media (min-width: 576px) { - .navbar-toggleable-xs { + .navbar-toggleable { display: block !important; } } .navbar-toggleable-sm::after { + display: block; content: ""; - display: table; clear: both; } @media (max-width: 767px) { + .navbar-toggleable-sm .navbar-brand { + display: block; + float: none; + margin-top: .5rem; + margin-right: 0; + } + .navbar-toggleable-sm .navbar-nav { + margin-top: .5rem; + margin-bottom: .5rem; + } + .navbar-toggleable-sm .navbar-nav .dropdown-menu { + position: static; + float: none; + } .navbar-toggleable-sm .navbar-nav .nav-item { float: none; margin-left: 0; @@ -4598,12 +4483,26 @@ tbody.collapse.active { } .navbar-toggleable-md::after { + display: block; content: ""; - display: table; clear: both; } @media (max-width: 991px) { + .navbar-toggleable-md .navbar-brand { + display: block; + float: none; + margin-top: .5rem; + margin-right: 0; + } + .navbar-toggleable-md .navbar-nav { + margin-top: .5rem; + margin-bottom: .5rem; + } + .navbar-toggleable-md .navbar-nav .dropdown-menu { + position: static; + float: none; + } .navbar-toggleable-md .navbar-nav .nav-item { float: none; margin-left: 0; @@ -4616,6 +4515,71 @@ tbody.collapse.active { } } +.navbar-toggleable-lg::after { + display: block; + content: ""; + clear: both; +} + +@media (max-width: 1199px) { + .navbar-toggleable-lg .navbar-brand { + display: block; + float: none; + margin-top: .5rem; + margin-right: 0; + } + .navbar-toggleable-lg .navbar-nav { + margin-top: .5rem; + margin-bottom: .5rem; + } + .navbar-toggleable-lg .navbar-nav .dropdown-menu { + position: static; + float: none; + } + .navbar-toggleable-lg .navbar-nav .nav-item { + float: none; + margin-left: 0; + } +} + +@media (min-width: 1200px) { + .navbar-toggleable-lg { + display: block !important; + } +} + +.navbar-toggleable-xl { + display: block !important; +} + +.navbar-toggleable-xl::after { + display: block; + content: ""; + clear: both; +} + +.navbar-toggleable-xl .navbar-brand { + display: block; + float: none; + margin-top: .5rem; + margin-right: 0; +} + +.navbar-toggleable-xl .navbar-nav { + margin-top: .5rem; + margin-bottom: .5rem; +} + +.navbar-toggleable-xl .navbar-nav .dropdown-menu { + position: static; + float: none; +} + +.navbar-toggleable-xl .navbar-nav .nav-item { + float: none; + margin-left: 0; +} + .card { position: relative; display: block; @@ -4922,8 +4886,8 @@ tbody.collapse.active { } .breadcrumb::after { + display: block; content: ""; - display: table; clear: both; } @@ -5859,8 +5823,8 @@ button.close { } .modal-header::after { + display: block; content: ""; - display: table; clear: both; } @@ -5885,8 +5849,8 @@ button.close { } .modal-footer::after { + display: block; content: ""; - display: table; clear: both; } @@ -6568,8 +6532,8 @@ a.bg-inverse:focus, a.bg-inverse:hover { } .clearfix::after { + display: block; content: ""; - display: table; clear: both; } @@ -6604,7 +6568,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { display: flex !important; } -@media (min-width: 576px) and (min-width: 576px) { +@media (min-width: 576px) { .d-sm-none { display: none !important; } @@ -6631,7 +6595,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 768px) and (min-width: 768px) { +@media (min-width: 768px) { .d-md-none { display: none !important; } @@ -6658,7 +6622,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 992px) and (min-width: 992px) { +@media (min-width: 992px) { .d-lg-none { display: none !important; } @@ -6685,7 +6649,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 1200px) and (min-width: 1200px) { +@media (min-width: 1200px) { .d-xl-none { display: none !important; } @@ -6712,95 +6676,95 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -.flex-xs-first { +.flex-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } -.flex-xs-last { +.flex-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } -.flex-xs-unordered { +.flex-unordered { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } -.flex-items-xs-top { +.flex-items-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } -.flex-items-xs-middle { +.flex-items-middle { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } -.flex-items-xs-bottom { +.flex-items-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } -.flex-xs-top { +.flex-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } -.flex-xs-middle { +.flex-middle { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } -.flex-xs-bottom { +.flex-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } -.flex-items-xs-left { +.flex-items-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } -.flex-items-xs-center { +.flex-items-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } -.flex-items-xs-right { +.flex-items-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } -.flex-items-xs-around { +.flex-items-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } -.flex-items-xs-between { +.flex-items-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; @@ -6826,9 +6790,6 @@ a.bg-inverse:focus, a.bg-inverse:hover { -ms-flex-order: 0; order: 0; } -} - -@media (min-width: 576px) { .flex-items-sm-top { -webkit-box-align: start; -webkit-align-items: flex-start; @@ -6847,9 +6808,6 @@ a.bg-inverse:focus, a.bg-inverse:hover { -ms-flex-align: end; align-items: flex-end; } -} - -@media (min-width: 576px) { .flex-sm-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; @@ -6866,9 +6824,6 @@ a.bg-inverse:focus, a.bg-inverse:hover { -ms-flex-item-align: end; align-self: flex-end; } -} - -@media (min-width: 576px) { .flex-items-sm-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; @@ -6919,9 +6874,6 @@ a.bg-inverse:focus, a.bg-inverse:hover { -ms-flex-order: 0; order: 0; } -} - -@media (min-width: 768px) { .flex-items-md-top { -webkit-box-align: start; -webkit-align-items: flex-start; @@ -6940,9 +6892,6 @@ a.bg-inverse:focus, a.bg-inverse:hover { -ms-flex-align: end; align-items: flex-end; } -} - -@media (min-width: 768px) { .flex-md-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; @@ -6959,9 +6908,6 @@ a.bg-inverse:focus, a.bg-inverse:hover { -ms-flex-item-align: end; align-self: flex-end; } -} - -@media (min-width: 768px) { .flex-items-md-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; @@ -7012,9 +6958,6 @@ a.bg-inverse:focus, a.bg-inverse:hover { -ms-flex-order: 0; order: 0; } -} - -@media (min-width: 992px) { .flex-items-lg-top { -webkit-box-align: start; -webkit-align-items: flex-start; @@ -7033,9 +6976,6 @@ a.bg-inverse:focus, a.bg-inverse:hover { -ms-flex-align: end; align-items: flex-end; } -} - -@media (min-width: 992px) { .flex-lg-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; @@ -7052,9 +6992,6 @@ a.bg-inverse:focus, a.bg-inverse:hover { -ms-flex-item-align: end; align-self: flex-end; } -} - -@media (min-width: 992px) { .flex-items-lg-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; @@ -7105,9 +7042,6 @@ a.bg-inverse:focus, a.bg-inverse:hover { -ms-flex-order: 0; order: 0; } -} - -@media (min-width: 1200px) { .flex-items-xl-top { -webkit-box-align: start; -webkit-align-items: flex-start; @@ -7126,9 +7060,6 @@ a.bg-inverse:focus, a.bg-inverse:hover { -ms-flex-align: end; align-items: flex-end; } -} - -@media (min-width: 1200px) { .flex-xl-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; @@ -7145,9 +7076,6 @@ a.bg-inverse:focus, a.bg-inverse:hover { -ms-flex-item-align: end; align-self: flex-end; } -} - -@media (min-width: 1200px) { .flex-items-xl-left { -webkit-box-pack: start; -webkit-justify-content: flex-start; @@ -7191,7 +7119,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { float: none !important; } -@media (min-width: 576px) and (min-width: 576px) { +@media (min-width: 576px) { .float-sm-left { float: left !important; } @@ -7203,7 +7131,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 768px) and (min-width: 768px) { +@media (min-width: 768px) { .float-md-left { float: left !important; } @@ -7215,7 +7143,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 992px) and (min-width: 992px) { +@media (min-width: 992px) { .float-lg-left { float: left !important; } @@ -7227,7 +7155,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 1200px) and (min-width: 1200px) { +@media (min-width: 1200px) { .float-xl-left { float: left !important; } @@ -7267,6 +7195,14 @@ a.bg-inverse:focus, a.bg-inverse:hover { height: 100% !important; } +.mw-100 { + max-width: 100% !important; +} + +.mh-100 { + max-height: 100% !important; +} + .mx-auto { margin-right: auto !important; margin-left: auto !important; @@ -7632,7 +7568,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { padding-bottom: 3rem !important; } -@media (min-width: 576px) and (min-width: 576px) { +@media (min-width: 576px) { .m-sm-0 { margin: 0 0 !important; } @@ -7658,7 +7594,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 576px) and (min-width: 576px) { +@media (min-width: 576px) { .m-sm-1 { margin: 0.25rem 0.25rem !important; } @@ -7684,7 +7620,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 576px) and (min-width: 576px) { +@media (min-width: 576px) { .m-sm-2 { margin: 0.5rem 0.5rem !important; } @@ -7710,7 +7646,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 576px) and (min-width: 576px) { +@media (min-width: 576px) { .m-sm-3 { margin: 1rem 1rem !important; } @@ -7736,7 +7672,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 576px) and (min-width: 576px) { +@media (min-width: 576px) { .m-sm-4 { margin: 1.5rem 1.5rem !important; } @@ -7762,7 +7698,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 576px) and (min-width: 576px) { +@media (min-width: 576px) { .m-sm-5 { margin: 3rem 3rem !important; } @@ -7788,7 +7724,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 576px) and (min-width: 576px) { +@media (min-width: 576px) { .p-sm-0 { padding: 0 0 !important; } @@ -7814,7 +7750,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 576px) and (min-width: 576px) { +@media (min-width: 576px) { .p-sm-1 { padding: 0.25rem 0.25rem !important; } @@ -7840,7 +7776,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 576px) and (min-width: 576px) { +@media (min-width: 576px) { .p-sm-2 { padding: 0.5rem 0.5rem !important; } @@ -7866,7 +7802,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 576px) and (min-width: 576px) { +@media (min-width: 576px) { .p-sm-3 { padding: 1rem 1rem !important; } @@ -7892,7 +7828,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 576px) and (min-width: 576px) { +@media (min-width: 576px) { .p-sm-4 { padding: 1.5rem 1.5rem !important; } @@ -7918,7 +7854,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 576px) and (min-width: 576px) { +@media (min-width: 576px) { .p-sm-5 { padding: 3rem 3rem !important; } @@ -7944,7 +7880,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 768px) and (min-width: 768px) { +@media (min-width: 768px) { .m-md-0 { margin: 0 0 !important; } @@ -7970,7 +7906,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 768px) and (min-width: 768px) { +@media (min-width: 768px) { .m-md-1 { margin: 0.25rem 0.25rem !important; } @@ -7996,7 +7932,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 768px) and (min-width: 768px) { +@media (min-width: 768px) { .m-md-2 { margin: 0.5rem 0.5rem !important; } @@ -8022,7 +7958,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 768px) and (min-width: 768px) { +@media (min-width: 768px) { .m-md-3 { margin: 1rem 1rem !important; } @@ -8048,7 +7984,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 768px) and (min-width: 768px) { +@media (min-width: 768px) { .m-md-4 { margin: 1.5rem 1.5rem !important; } @@ -8074,7 +8010,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 768px) and (min-width: 768px) { +@media (min-width: 768px) { .m-md-5 { margin: 3rem 3rem !important; } @@ -8100,7 +8036,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 768px) and (min-width: 768px) { +@media (min-width: 768px) { .p-md-0 { padding: 0 0 !important; } @@ -8126,7 +8062,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 768px) and (min-width: 768px) { +@media (min-width: 768px) { .p-md-1 { padding: 0.25rem 0.25rem !important; } @@ -8152,7 +8088,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 768px) and (min-width: 768px) { +@media (min-width: 768px) { .p-md-2 { padding: 0.5rem 0.5rem !important; } @@ -8178,7 +8114,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 768px) and (min-width: 768px) { +@media (min-width: 768px) { .p-md-3 { padding: 1rem 1rem !important; } @@ -8204,7 +8140,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 768px) and (min-width: 768px) { +@media (min-width: 768px) { .p-md-4 { padding: 1.5rem 1.5rem !important; } @@ -8230,7 +8166,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 768px) and (min-width: 768px) { +@media (min-width: 768px) { .p-md-5 { padding: 3rem 3rem !important; } @@ -8256,7 +8192,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 992px) and (min-width: 992px) { +@media (min-width: 992px) { .m-lg-0 { margin: 0 0 !important; } @@ -8282,7 +8218,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 992px) and (min-width: 992px) { +@media (min-width: 992px) { .m-lg-1 { margin: 0.25rem 0.25rem !important; } @@ -8308,7 +8244,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 992px) and (min-width: 992px) { +@media (min-width: 992px) { .m-lg-2 { margin: 0.5rem 0.5rem !important; } @@ -8334,7 +8270,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 992px) and (min-width: 992px) { +@media (min-width: 992px) { .m-lg-3 { margin: 1rem 1rem !important; } @@ -8360,7 +8296,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 992px) and (min-width: 992px) { +@media (min-width: 992px) { .m-lg-4 { margin: 1.5rem 1.5rem !important; } @@ -8386,7 +8322,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 992px) and (min-width: 992px) { +@media (min-width: 992px) { .m-lg-5 { margin: 3rem 3rem !important; } @@ -8412,7 +8348,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 992px) and (min-width: 992px) { +@media (min-width: 992px) { .p-lg-0 { padding: 0 0 !important; } @@ -8438,7 +8374,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 992px) and (min-width: 992px) { +@media (min-width: 992px) { .p-lg-1 { padding: 0.25rem 0.25rem !important; } @@ -8464,7 +8400,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 992px) and (min-width: 992px) { +@media (min-width: 992px) { .p-lg-2 { padding: 0.5rem 0.5rem !important; } @@ -8490,7 +8426,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 992px) and (min-width: 992px) { +@media (min-width: 992px) { .p-lg-3 { padding: 1rem 1rem !important; } @@ -8516,7 +8452,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 992px) and (min-width: 992px) { +@media (min-width: 992px) { .p-lg-4 { padding: 1.5rem 1.5rem !important; } @@ -8542,7 +8478,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 992px) and (min-width: 992px) { +@media (min-width: 992px) { .p-lg-5 { padding: 3rem 3rem !important; } @@ -8568,7 +8504,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 1200px) and (min-width: 1200px) { +@media (min-width: 1200px) { .m-xl-0 { margin: 0 0 !important; } @@ -8594,7 +8530,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 1200px) and (min-width: 1200px) { +@media (min-width: 1200px) { .m-xl-1 { margin: 0.25rem 0.25rem !important; } @@ -8620,7 +8556,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 1200px) and (min-width: 1200px) { +@media (min-width: 1200px) { .m-xl-2 { margin: 0.5rem 0.5rem !important; } @@ -8646,7 +8582,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 1200px) and (min-width: 1200px) { +@media (min-width: 1200px) { .m-xl-3 { margin: 1rem 1rem !important; } @@ -8672,7 +8608,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 1200px) and (min-width: 1200px) { +@media (min-width: 1200px) { .m-xl-4 { margin: 1.5rem 1.5rem !important; } @@ -8698,7 +8634,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 1200px) and (min-width: 1200px) { +@media (min-width: 1200px) { .m-xl-5 { margin: 3rem 3rem !important; } @@ -8724,7 +8660,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 1200px) and (min-width: 1200px) { +@media (min-width: 1200px) { .p-xl-0 { padding: 0 0 !important; } @@ -8750,7 +8686,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 1200px) and (min-width: 1200px) { +@media (min-width: 1200px) { .p-xl-1 { padding: 0.25rem 0.25rem !important; } @@ -8776,7 +8712,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 1200px) and (min-width: 1200px) { +@media (min-width: 1200px) { .p-xl-2 { padding: 0.5rem 0.5rem !important; } @@ -8802,7 +8738,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 1200px) and (min-width: 1200px) { +@media (min-width: 1200px) { .p-xl-3 { padding: 1rem 1rem !important; } @@ -8828,7 +8764,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 1200px) and (min-width: 1200px) { +@media (min-width: 1200px) { .p-xl-4 { padding: 1.5rem 1.5rem !important; } @@ -8854,7 +8790,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { } } -@media (min-width: 1200px) and (min-width: 1200px) { +@media (min-width: 1200px) { .p-xl-5 { padding: 3rem 3rem !important; } @@ -8902,15 +8838,15 @@ a.bg-inverse:focus, a.bg-inverse:hover { white-space: nowrap; } -.text-xs-left { +.text-left { text-align: left !important; } -.text-xs-right { +.text-right { text-align: right !important; } -.text-xs-center { +.text-center { text-align: center !important; } -- cgit v1.2.3 From 5357bad9a0eb70ebf0b3f9070e868d154b43f5a0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 27 Nov 2016 23:39:50 -0800 Subject: grunt --- docs/dist/css/bootstrap-flex.css | 19 +++++++++++-------- 1 file changed, 11 insertions(+), 8 deletions(-) (limited to 'docs/dist/css/bootstrap-flex.css') diff --git a/docs/dist/css/bootstrap-flex.css b/docs/dist/css/bootstrap-flex.css index 5a775bc95..21d7514ba 100644 --- a/docs/dist/css/bootstrap-flex.css +++ b/docs/dist/css/bootstrap-flex.css @@ -899,12 +899,13 @@ pre code { margin-left: 0; } +.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } -.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .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-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .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, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { +.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .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-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .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, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { position: relative; min-height: 1px; width: 100%; @@ -913,34 +914,34 @@ pre code { } @media (min-width: 576px) { - .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .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-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .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, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { + .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .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-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .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, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { - .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .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-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .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, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { + .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .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-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .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, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { - .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .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-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .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, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { + .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .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-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .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, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { - .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .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-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .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, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { + .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .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-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .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, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } -.col-xs { +.col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; @@ -951,7 +952,7 @@ pre code { max-width: 100%; } -.col-xs-auto { +.col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; @@ -4739,6 +4740,7 @@ tbody.collapse.active { .card-inverse .card-header, .card-inverse .card-footer { + background-color: transparent; border-color: rgba(255, 255, 255, 0.2); } @@ -4959,6 +4961,7 @@ tbody.collapse.active { float: left; padding: 0.5rem 0.75rem; margin-left: -1px; + line-height: 1.25; color: #0275d8; background-color: #fff; border: 1px solid #ddd; @@ -4987,7 +4990,7 @@ tbody.collapse.active { } .pagination-sm .page-link { - padding: 0.275rem 0.75rem; + padding: 0.25rem 0.5rem; font-size: 0.875rem; } -- cgit v1.2.3 From 9338cf597045f14ecaaaf54090eea61b8d807a37 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 28 Nov 2016 09:14:31 -0800 Subject: grunt --- docs/dist/css/bootstrap-flex.css | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) (limited to 'docs/dist/css/bootstrap-flex.css') diff --git a/docs/dist/css/bootstrap-flex.css b/docs/dist/css/bootstrap-flex.css index 21d7514ba..350faa88f 100644 --- a/docs/dist/css/bootstrap-flex.css +++ b/docs/dist/css/bootstrap-flex.css @@ -5124,14 +5124,11 @@ a.badge:focus, a.badge:hover { font-weight: bold; } -.alert-dismissible { - padding-right: 2.5rem; -} - .alert-dismissible .close { position: relative; - top: -.125rem; + top: -0.75rem; right: -1.25rem; + padding: 0.75rem 1.25rem; color: inherit; } -- cgit v1.2.3 From d6c1fa37bd6dd9bb99fc3c18750c76a3d8c0a3b3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 28 Nov 2016 13:36:46 -0800 Subject: grunt --- docs/dist/css/bootstrap-flex.css | 76 +++++++++++++++++++--------------------- 1 file changed, 37 insertions(+), 39 deletions(-) (limited to 'docs/dist/css/bootstrap-flex.css') diff --git a/docs/dist/css/bootstrap-flex.css b/docs/dist/css/bootstrap-flex.css index 350faa88f..c23562805 100644 --- a/docs/dist/css/bootstrap-flex.css +++ b/docs/dist/css/bootstrap-flex.css @@ -685,9 +685,9 @@ mark, background-color: #fff; border: 1px solid #ddd; border-radius: 0.25rem; - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; + -webkit-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; max-width: 100%; height: auto; } @@ -2342,7 +2342,7 @@ pre code { } select.form-control:not([size]):not([multiple]) { - height: calc(2.5rem - 2px); + height: calc(2.25rem + 2px); } select.form-control:focus::-ms-value { @@ -2492,9 +2492,9 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for .form-control-danger { padding-right: 2.25rem; background-repeat: no-repeat; - background-position: center right 0.625rem; - -webkit-background-size: 1.25rem 1.25rem; - background-size: 1.25rem 1.25rem; + background-position: center right 0.5625rem; + -webkit-background-size: 1.125rem 1.125rem; + background-size: 1.125rem 1.125rem; } .has-success .form-control-feedback, @@ -3310,9 +3310,9 @@ input[type="button"].btn-block { .fade { opacity: 0; - -webkit-transition: opacity .15s linear; - -o-transition: opacity .15s linear; - transition: opacity .15s linear; + -webkit-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; } .fade.active { @@ -3339,15 +3339,9 @@ tbody.collapse.active { position: relative; height: 0; overflow: hidden; - -webkit-transition-timing-function: ease; - -o-transition-timing-function: ease; - transition-timing-function: ease; - -webkit-transition-duration: .35s; - -o-transition-duration: .35s; - transition-duration: .35s; - -webkit-transition-property: height; - -o-transition-property: height; - transition-property: height; + -webkit-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; } .dropup, @@ -3939,7 +3933,7 @@ tbody.collapse.active { .custom-select { display: inline-block; max-width: 100%; - height: calc(2.5rem - 2px); + height: calc(2.25rem - 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; padding-right: 0.75rem \9; color: #464a4c; @@ -4586,8 +4580,8 @@ tbody.collapse.active { display: block; margin-bottom: 0.75rem; background-color: #fff; - border-radius: 0.25rem; border: 1px solid rgba(0, 0, 0, 0.125); + border-radius: 0.25rem; } .card-block { @@ -4738,6 +4732,10 @@ tbody.collapse.active { border-color: #d9534f; } +.card-inverse { + color: rgba(255, 255, 255, 0.65); +} + .card-inverse .card-header, .card-inverse .card-footer { background-color: transparent; @@ -5760,11 +5758,11 @@ button.close { } .modal.fade .modal-dialog { - -webkit-transition: -webkit-transform .3s ease-out; - transition: -webkit-transform .3s ease-out; - -o-transition: -o-transform .3s ease-out; - transition: transform .3s ease-out; - transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out; + -webkit-transition: -webkit-transform 0.3s ease-out; + transition: -webkit-transform 0.3s ease-out; + -o-transition: -o-transform 0.3s ease-out; + transition: transform 0.3s ease-out; + transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); @@ -6154,9 +6152,9 @@ button.close { .carousel-inner > .carousel-item { position: relative; display: none; - -webkit-transition: .6s ease-in-out left; - -o-transition: .6s ease-in-out left; - transition: .6s ease-in-out left; + -webkit-transition: left 0.6s ease-in-out; + -o-transition: left 0.6s ease-in-out; + transition: left 0.6s ease-in-out; } .carousel-inner > .carousel-item > img, @@ -6166,11 +6164,11 @@ button.close { @media (-webkit-transform-3d) { .carousel-inner > .carousel-item { - -webkit-transition: -webkit-transform .6s ease-in-out; - transition: -webkit-transform .6s ease-in-out; - -o-transition: -o-transform .6s ease-in-out; - transition: transform .6s ease-in-out; - transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out; + -webkit-transition: -webkit-transform 0.6s ease-in-out; + transition: -webkit-transform 0.6s ease-in-out; + -o-transition: -o-transform 0.6s ease-in-out; + transition: transform 0.6s ease-in-out; + transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; @@ -6195,11 +6193,11 @@ button.close { @supports ((-webkit-transform: translate3d(0, 0, 0)) or (transform: translate3d(0, 0, 0))) { .carousel-inner > .carousel-item { - -webkit-transition: -webkit-transform .6s ease-in-out; - transition: -webkit-transform .6s ease-in-out; - -o-transition: -o-transform .6s ease-in-out; - transition: transform .6s ease-in-out; - transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out; + -webkit-transition: -webkit-transform 0.6s ease-in-out; + transition: -webkit-transform 0.6s ease-in-out; + -o-transition: -o-transform 0.6s ease-in-out; + transition: transform 0.6s ease-in-out; + transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -- cgit v1.2.3 From 59dc3e174db4f22deb484352b17f8e1ac07172cc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 29 Nov 2016 21:37:00 -0800 Subject: grunt --- docs/dist/css/bootstrap-flex.css | 16 +++------------- 1 file changed, 3 insertions(+), 13 deletions(-) (limited to 'docs/dist/css/bootstrap-flex.css') diff --git a/docs/dist/css/bootstrap-flex.css b/docs/dist/css/bootstrap-flex.css index c23562805..4b8b5efd0 100644 --- a/docs/dist/css/bootstrap-flex.css +++ b/docs/dist/css/bootstrap-flex.css @@ -367,7 +367,6 @@ p { abbr[title], abbr[data-original-title] { cursor: help; - border-bottom: 1px dotted #636c72; } address { @@ -2466,23 +2465,17 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for } .form-check-inline { - position: relative; display: inline-block; - padding-left: 1.25rem; - margin-bottom: 0; +} + +.form-check-inline .form-check-label { vertical-align: middle; - cursor: pointer; } .form-check-inline + .form-check-inline { margin-left: .75rem; } -.form-check-inline.disabled { - color: #636c72; - cursor: not-allowed; -} - .form-control-feedback { margin-top: 0.25rem; } @@ -2501,7 +2494,6 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for .has-success .form-control-label, .has-success .col-form-label, .has-success .form-check-label, -.has-success .form-check-inline, .has-success .custom-control { color: #5cb85c; } @@ -2524,7 +2516,6 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for .has-warning .form-control-label, .has-warning .col-form-label, .has-warning .form-check-label, -.has-warning .form-check-inline, .has-warning .custom-control { color: #f0ad4e; } @@ -2547,7 +2538,6 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for .has-danger .form-control-label, .has-danger .col-form-label, .has-danger .form-check-label, -.has-danger .form-check-inline, .has-danger .custom-control { color: #d9534f; } -- cgit v1.2.3