From eb2e1102be0f4641ee3e5c4e7853360d5a04e3d8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 21 Dec 2016 20:26:17 -0800 Subject: Flexbox all the time (Drop IE9 support and remove $enable-flex option) (#21389) * remove the $enable-flex variable option * remove bootstrap-flex.css dist file and it's grunt task * remove the separate flex css file for docs; it's all the same now * remove flexbox docs (porting some to the main grid docs in next commit) * clean up few grid docs bits to simplify copy, start to mention flexbox * port relevant flexbox-grid.md content to grid.md - clean up mixins - update how it works section - bring over sizing and alignment sections * remove the $enable-flex from the options.md page * update lead paragraph to mention flexbox * update migration to mention loss of ie9 support * remove mention of flexbox dist file * clarify IE support * making a note * remove flexbox variant mentions from component docs - updates docs for media object, navs, list group, and cards to consolidate docs - no more need to callout flexbox variants since it's now the default * remove $enable-flex if/else from sass files * remove flex dist files * update scss lint property order to account for flex properties * linting * change to numberless classes for autosizing, wrap in highlighting div * bump gruntfile and postcss to ie10 * redo intro sections * rearrange * phew, redo hella grid docs - rearrange all the things - consolidate some bits * remove reference to flexbox mode * more border action for demo * Make some changes to the .card's in .card-deck's to ensure footers align to the bottom --- 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 aea5ff355..99346f8be 100644 --- a/docs/dist/css/bootstrap-flex.css +++ b/docs/dist/css/bootstrap-flex.css @@ -905,8 +905,8 @@ pre code { .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%; + min-height: 1px; padding-right: 15px; padding-left: 15px; } @@ -2640,11 +2640,11 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for margin-left: 0; } .form-inline .custom-control { - padding-left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; + padding-left: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; @@ -3672,11 +3672,11 @@ tbody.collapse.show { .input-group { position: relative; - width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; + width: 100%; } .input-group .form-control { @@ -5437,6 +5437,7 @@ base::-moz-progress-bar, } .list-group-item { + position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -5448,7 +5449,6 @@ base::-moz-progress-bar, -webkit-align-items: center; -ms-flex-align: center; align-items: center; - position: relative; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; -- cgit v1.2.3