From 7fdedbd5e64a41425c2a5e3abc895e8dd9481314 Mon Sep 17 00:00:00 2001 From: Starsam80 Date: Sat, 24 Dec 2016 21:01:09 -0700 Subject: [PATCH] Remove some leftover IE9/flex stuff --- docs/assets/css/docs-flexbox.min.css | 1332 ---------------------- docs/assets/css/docs-flexbox.min.css.map | Bin 26862 -> 0 bytes docs/assets/scss/flex-grid.scss | 33 - scss/_card.scss | 9 +- scss/bootstrap-grid.scss | 4 +- 5 files changed, 3 insertions(+), 1375 deletions(-) delete mode 100644 docs/assets/css/docs-flexbox.min.css delete mode 100644 docs/assets/css/docs-flexbox.min.css.map delete mode 100644 docs/assets/scss/flex-grid.scss diff --git a/docs/assets/css/docs-flexbox.min.css b/docs/assets/css/docs-flexbox.min.css deleted file mode 100644 index 1042bd23a..000000000 --- a/docs/assets/css/docs-flexbox.min.css +++ /dev/null @@ -1,1332 +0,0 @@ -.flex-first { - order: -1; -} - -.flex-last { - order: 1; -} - -.flex-unordered { - order: 0; -} - -.flex-items-top { - align-items: flex-start; -} - -.flex-items-middle { - align-items: center; -} - -.flex-items-bottom { - align-items: flex-end; -} - -.flex-top { - align-self: flex-start; -} - -.flex-middle { - align-self: center; -} - -.flex-bottom { - align-self: flex-end; -} - -.flex-items-left { - justify-content: flex-start; -} - -.flex-items-center { - justify-content: center; -} - -.flex-items-right { - justify-content: flex-end; -} - -.flex-items-around { - justify-content: space-around; -} - -.flex-items-between { - justify-content: space-between; -} - -@media (min-width: 576px) { - .flex-sm-first { - order: -1; - } - .flex-sm-last { - order: 1; - } - .flex-sm-unordered { - order: 0; - } - .flex-items-sm-top { - align-items: flex-start; - } - .flex-items-sm-middle { - align-items: center; - } - .flex-items-sm-bottom { - align-items: flex-end; - } - .flex-sm-top { - align-self: flex-start; - } - .flex-sm-middle { - align-self: center; - } - .flex-sm-bottom { - align-self: flex-end; - } - .flex-items-sm-left { - justify-content: flex-start; - } - .flex-items-sm-center { - justify-content: center; - } - .flex-items-sm-right { - justify-content: flex-end; - } - .flex-items-sm-around { - justify-content: space-around; - } - .flex-items-sm-between { - justify-content: space-between; - } -} - -@media (min-width: 768px) { - .flex-md-first { - order: -1; - } - .flex-md-last { - order: 1; - } - .flex-md-unordered { - order: 0; - } - .flex-items-md-top { - align-items: flex-start; - } - .flex-items-md-middle { - align-items: center; - } - .flex-items-md-bottom { - align-items: flex-end; - } - .flex-md-top { - align-self: flex-start; - } - .flex-md-middle { - align-self: center; - } - .flex-md-bottom { - align-self: flex-end; - } - .flex-items-md-left { - justify-content: flex-start; - } - .flex-items-md-center { - justify-content: center; - } - .flex-items-md-right { - justify-content: flex-end; - } - .flex-items-md-around { - justify-content: space-around; - } - .flex-items-md-between { - justify-content: space-between; - } -} - -@media (min-width: 992px) { - .flex-lg-first { - order: -1; - } - .flex-lg-last { - order: 1; - } - .flex-lg-unordered { - order: 0; - } - .flex-items-lg-top { - align-items: flex-start; - } - .flex-items-lg-middle { - align-items: center; - } - .flex-items-lg-bottom { - align-items: flex-end; - } - .flex-lg-top { - align-self: flex-start; - } - .flex-lg-middle { - align-self: center; - } - .flex-lg-bottom { - align-self: flex-end; - } - .flex-items-lg-left { - justify-content: flex-start; - } - .flex-items-lg-center { - justify-content: center; - } - .flex-items-lg-right { - justify-content: flex-end; - } - .flex-items-lg-around { - justify-content: space-around; - } - .flex-items-lg-between { - justify-content: space-between; - } -} - -@media (min-width: 1200px) { - .flex-xl-first { - order: -1; - } - .flex-xl-last { - order: 1; - } - .flex-xl-unordered { - order: 0; - } - .flex-items-xl-top { - align-items: flex-start; - } - .flex-items-xl-middle { - align-items: center; - } - .flex-items-xl-bottom { - align-items: flex-end; - } - .flex-xl-top { - align-self: flex-start; - } - .flex-xl-middle { - align-self: center; - } - .flex-xl-bottom { - align-self: flex-end; - } - .flex-items-xl-left { - justify-content: flex-start; - } - .flex-items-xl-center { - justify-content: center; - } - .flex-items-xl-right { - justify-content: flex-end; - } - .flex-items-xl-around { - justify-content: space-around; - } - .flex-items-xl-between { - justify-content: space-between; - } -} - -.container { - margin-left: auto; - margin-right: auto; - padding-right: 15px; - padding-left: 15px; -} - -@media (min-width: 576px) { - .container { - padding-right: 15px; - padding-left: 15px; - } -} - -@media (min-width: 768px) { - .container { - padding-right: 15px; - padding-left: 15px; - } -} - -@media (min-width: 992px) { - .container { - padding-right: 15px; - padding-left: 15px; - } -} - -@media (min-width: 1200px) { - .container { - padding-right: 15px; - padding-left: 15px; - } -} - -@media (min-width: 576px) { - .container { - width: 540px; - max-width: 100%; - } -} - -@media (min-width: 768px) { - .container { - width: 720px; - max-width: 100%; - } -} - -@media (min-width: 992px) { - .container { - width: 960px; - max-width: 100%; - } -} - -@media (min-width: 1200px) { - .container { - width: 1140px; - max-width: 100%; - } -} - -.container-fluid { - margin-left: auto; - margin-right: auto; - padding-right: 15px; - padding-left: 15px; -} - -@media (min-width: 576px) { - .container-fluid { - padding-right: 15px; - padding-left: 15px; - } -} - -@media (min-width: 768px) { - .container-fluid { - padding-right: 15px; - padding-left: 15px; - } -} - -@media (min-width: 992px) { - .container-fluid { - padding-right: 15px; - padding-left: 15px; - } -} - -@media (min-width: 1200px) { - .container-fluid { - padding-right: 15px; - padding-left: 15px; - } -} - -.row { - display: flex; - flex-wrap: wrap; - margin-right: -15px; - margin-left: -15px; -} - -@media (min-width: 576px) { - .row { - margin-right: -15px; - margin-left: -15px; - } -} - -@media (min-width: 768px) { - .row { - margin-right: -15px; - margin-left: -15px; - } -} - -@media (min-width: 992px) { - .row { - margin-right: -15px; - margin-left: -15px; - } -} - -@media (min-width: 1200px) { - .row { - margin-right: -15px; - margin-left: -15px; - } -} - -.no-gutters { - margin-right: 0; - 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, .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; - width: 100%; - min-height: 1px; - padding-right: 15px; - padding-left: 15px; -} - -@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, .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, .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, .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, .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 { - flex-basis: 0; - flex-grow: 1; - max-width: 100%; -} - -.col-auto { - flex: 0 0 auto; - width: auto; -} - -.col-1 { - flex: 0 0 8.333333%; - max-width: 8.333333%; -} - -.col-2 { - flex: 0 0 16.666667%; - max-width: 16.666667%; -} - -.col-3 { - flex: 0 0 25%; - max-width: 25%; -} - -.col-4 { - flex: 0 0 33.333333%; - max-width: 33.333333%; -} - -.col-5 { - flex: 0 0 41.666667%; - max-width: 41.666667%; -} - -.col-6 { - flex: 0 0 50%; - max-width: 50%; -} - -.col-7 { - flex: 0 0 58.333333%; - max-width: 58.333333%; -} - -.col-8 { - flex: 0 0 66.666667%; - max-width: 66.666667%; -} - -.col-9 { - flex: 0 0 75%; - max-width: 75%; -} - -.col-10 { - flex: 0 0 83.333333%; - max-width: 83.333333%; -} - -.col-11 { - flex: 0 0 91.666667%; - max-width: 91.666667%; -} - -.col-12 { - flex: 0 0 100%; - max-width: 100%; -} - -.pull-0 { - right: auto; -} - -.pull-1 { - right: 8.333333%; -} - -.pull-2 { - right: 16.666667%; -} - -.pull-3 { - right: 25%; -} - -.pull-4 { - right: 33.333333%; -} - -.pull-5 { - right: 41.666667%; -} - -.pull-6 { - right: 50%; -} - -.pull-7 { - right: 58.333333%; -} - -.pull-8 { - right: 66.666667%; -} - -.pull-9 { - right: 75%; -} - -.pull-10 { - right: 83.333333%; -} - -.pull-11 { - right: 91.666667%; -} - -.pull-12 { - right: 100%; -} - -.push-0 { - left: auto; -} - -.push-1 { - left: 8.333333%; -} - -.push-2 { - left: 16.666667%; -} - -.push-3 { - left: 25%; -} - -.push-4 { - left: 33.333333%; -} - -.push-5 { - left: 41.666667%; -} - -.push-6 { - left: 50%; -} - -.push-7 { - left: 58.333333%; -} - -.push-8 { - left: 66.666667%; -} - -.push-9 { - left: 75%; -} - -.push-10 { - left: 83.333333%; -} - -.push-11 { - left: 91.666667%; -} - -.push-12 { - left: 100%; -} - -.offset-1 { - margin-left: 8.333333%; -} - -.offset-2 { - margin-left: 16.666667%; -} - -.offset-3 { - margin-left: 25%; -} - -.offset-4 { - margin-left: 33.333333%; -} - -.offset-5 { - margin-left: 41.666667%; -} - -.offset-6 { - margin-left: 50%; -} - -.offset-7 { - margin-left: 58.333333%; -} - -.offset-8 { - margin-left: 66.666667%; -} - -.offset-9 { - margin-left: 75%; -} - -.offset-10 { - margin-left: 83.333333%; -} - -.offset-11 { - margin-left: 91.666667%; -} - -@media (min-width: 576px) { - .col-sm { - flex-basis: 0; - flex-grow: 1; - max-width: 100%; - } - .col-sm-auto { - flex: 0 0 auto; - width: auto; - } - .col-sm-1 { - flex: 0 0 8.333333%; - max-width: 8.333333%; - } - .col-sm-2 { - flex: 0 0 16.666667%; - max-width: 16.666667%; - } - .col-sm-3 { - flex: 0 0 25%; - max-width: 25%; - } - .col-sm-4 { - flex: 0 0 33.333333%; - max-width: 33.333333%; - } - .col-sm-5 { - flex: 0 0 41.666667%; - max-width: 41.666667%; - } - .col-sm-6 { - flex: 0 0 50%; - max-width: 50%; - } - .col-sm-7 { - flex: 0 0 58.333333%; - max-width: 58.333333%; - } - .col-sm-8 { - flex: 0 0 66.666667%; - max-width: 66.666667%; - } - .col-sm-9 { - flex: 0 0 75%; - max-width: 75%; - } - .col-sm-10 { - flex: 0 0 83.333333%; - max-width: 83.333333%; - } - .col-sm-11 { - flex: 0 0 91.666667%; - max-width: 91.666667%; - } - .col-sm-12 { - flex: 0 0 100%; - max-width: 100%; - } - .pull-sm-0 { - right: auto; - } - .pull-sm-1 { - right: 8.333333%; - } - .pull-sm-2 { - right: 16.666667%; - } - .pull-sm-3 { - right: 25%; - } - .pull-sm-4 { - right: 33.333333%; - } - .pull-sm-5 { - right: 41.666667%; - } - .pull-sm-6 { - right: 50%; - } - .pull-sm-7 { - right: 58.333333%; - } - .pull-sm-8 { - right: 66.666667%; - } - .pull-sm-9 { - right: 75%; - } - .pull-sm-10 { - right: 83.333333%; - } - .pull-sm-11 { - right: 91.666667%; - } - .pull-sm-12 { - right: 100%; - } - .push-sm-0 { - left: auto; - } - .push-sm-1 { - left: 8.333333%; - } - .push-sm-2 { - left: 16.666667%; - } - .push-sm-3 { - left: 25%; - } - .push-sm-4 { - left: 33.333333%; - } - .push-sm-5 { - left: 41.666667%; - } - .push-sm-6 { - left: 50%; - } - .push-sm-7 { - left: 58.333333%; - } - .push-sm-8 { - left: 66.666667%; - } - .push-sm-9 { - left: 75%; - } - .push-sm-10 { - left: 83.333333%; - } - .push-sm-11 { - left: 91.666667%; - } - .push-sm-12 { - left: 100%; - } - .offset-sm-0 { - margin-left: 0%; - } - .offset-sm-1 { - margin-left: 8.333333%; - } - .offset-sm-2 { - margin-left: 16.666667%; - } - .offset-sm-3 { - margin-left: 25%; - } - .offset-sm-4 { - margin-left: 33.333333%; - } - .offset-sm-5 { - margin-left: 41.666667%; - } - .offset-sm-6 { - margin-left: 50%; - } - .offset-sm-7 { - margin-left: 58.333333%; - } - .offset-sm-8 { - margin-left: 66.666667%; - } - .offset-sm-9 { - margin-left: 75%; - } - .offset-sm-10 { - margin-left: 83.333333%; - } - .offset-sm-11 { - margin-left: 91.666667%; - } -} - -@media (min-width: 768px) { - .col-md { - flex-basis: 0; - flex-grow: 1; - max-width: 100%; - } - .col-md-auto { - flex: 0 0 auto; - width: auto; - } - .col-md-1 { - flex: 0 0 8.333333%; - max-width: 8.333333%; - } - .col-md-2 { - flex: 0 0 16.666667%; - max-width: 16.666667%; - } - .col-md-3 { - flex: 0 0 25%; - max-width: 25%; - } - .col-md-4 { - flex: 0 0 33.333333%; - max-width: 33.333333%; - } - .col-md-5 { - flex: 0 0 41.666667%; - max-width: 41.666667%; - } - .col-md-6 { - flex: 0 0 50%; - max-width: 50%; - } - .col-md-7 { - flex: 0 0 58.333333%; - max-width: 58.333333%; - } - .col-md-8 { - flex: 0 0 66.666667%; - max-width: 66.666667%; - } - .col-md-9 { - flex: 0 0 75%; - max-width: 75%; - } - .col-md-10 { - flex: 0 0 83.333333%; - max-width: 83.333333%; - } - .col-md-11 { - flex: 0 0 91.666667%; - max-width: 91.666667%; - } - .col-md-12 { - flex: 0 0 100%; - max-width: 100%; - } - .pull-md-0 { - right: auto; - } - .pull-md-1 { - right: 8.333333%; - } - .pull-md-2 { - right: 16.666667%; - } - .pull-md-3 { - right: 25%; - } - .pull-md-4 { - right: 33.333333%; - } - .pull-md-5 { - right: 41.666667%; - } - .pull-md-6 { - right: 50%; - } - .pull-md-7 { - right: 58.333333%; - } - .pull-md-8 { - right: 66.666667%; - } - .pull-md-9 { - right: 75%; - } - .pull-md-10 { - right: 83.333333%; - } - .pull-md-11 { - right: 91.666667%; - } - .pull-md-12 { - right: 100%; - } - .push-md-0 { - left: auto; - } - .push-md-1 { - left: 8.333333%; - } - .push-md-2 { - left: 16.666667%; - } - .push-md-3 { - left: 25%; - } - .push-md-4 { - left: 33.333333%; - } - .push-md-5 { - left: 41.666667%; - } - .push-md-6 { - left: 50%; - } - .push-md-7 { - left: 58.333333%; - } - .push-md-8 { - left: 66.666667%; - } - .push-md-9 { - left: 75%; - } - .push-md-10 { - left: 83.333333%; - } - .push-md-11 { - left: 91.666667%; - } - .push-md-12 { - left: 100%; - } - .offset-md-0 { - margin-left: 0%; - } - .offset-md-1 { - margin-left: 8.333333%; - } - .offset-md-2 { - margin-left: 16.666667%; - } - .offset-md-3 { - margin-left: 25%; - } - .offset-md-4 { - margin-left: 33.333333%; - } - .offset-md-5 { - margin-left: 41.666667%; - } - .offset-md-6 { - margin-left: 50%; - } - .offset-md-7 { - margin-left: 58.333333%; - } - .offset-md-8 { - margin-left: 66.666667%; - } - .offset-md-9 { - margin-left: 75%; - } - .offset-md-10 { - margin-left: 83.333333%; - } - .offset-md-11 { - margin-left: 91.666667%; - } -} - -@media (min-width: 992px) { - .col-lg { - flex-basis: 0; - flex-grow: 1; - max-width: 100%; - } - .col-lg-auto { - flex: 0 0 auto; - width: auto; - } - .col-lg-1 { - flex: 0 0 8.333333%; - max-width: 8.333333%; - } - .col-lg-2 { - flex: 0 0 16.666667%; - max-width: 16.666667%; - } - .col-lg-3 { - flex: 0 0 25%; - max-width: 25%; - } - .col-lg-4 { - flex: 0 0 33.333333%; - max-width: 33.333333%; - } - .col-lg-5 { - flex: 0 0 41.666667%; - max-width: 41.666667%; - } - .col-lg-6 { - flex: 0 0 50%; - max-width: 50%; - } - .col-lg-7 { - flex: 0 0 58.333333%; - max-width: 58.333333%; - } - .col-lg-8 { - flex: 0 0 66.666667%; - max-width: 66.666667%; - } - .col-lg-9 { - flex: 0 0 75%; - max-width: 75%; - } - .col-lg-10 { - flex: 0 0 83.333333%; - max-width: 83.333333%; - } - .col-lg-11 { - flex: 0 0 91.666667%; - max-width: 91.666667%; - } - .col-lg-12 { - flex: 0 0 100%; - max-width: 100%; - } - .pull-lg-0 { - right: auto; - } - .pull-lg-1 { - right: 8.333333%; - } - .pull-lg-2 { - right: 16.666667%; - } - .pull-lg-3 { - right: 25%; - } - .pull-lg-4 { - right: 33.333333%; - } - .pull-lg-5 { - right: 41.666667%; - } - .pull-lg-6 { - right: 50%; - } - .pull-lg-7 { - right: 58.333333%; - } - .pull-lg-8 { - right: 66.666667%; - } - .pull-lg-9 { - right: 75%; - } - .pull-lg-10 { - right: 83.333333%; - } - .pull-lg-11 { - right: 91.666667%; - } - .pull-lg-12 { - right: 100%; - } - .push-lg-0 { - left: auto; - } - .push-lg-1 { - left: 8.333333%; - } - .push-lg-2 { - left: 16.666667%; - } - .push-lg-3 { - left: 25%; - } - .push-lg-4 { - left: 33.333333%; - } - .push-lg-5 { - left: 41.666667%; - } - .push-lg-6 { - left: 50%; - } - .push-lg-7 { - left: 58.333333%; - } - .push-lg-8 { - left: 66.666667%; - } - .push-lg-9 { - left: 75%; - } - .push-lg-10 { - left: 83.333333%; - } - .push-lg-11 { - left: 91.666667%; - } - .push-lg-12 { - left: 100%; - } - .offset-lg-0 { - margin-left: 0%; - } - .offset-lg-1 { - margin-left: 8.333333%; - } - .offset-lg-2 { - margin-left: 16.666667%; - } - .offset-lg-3 { - margin-left: 25%; - } - .offset-lg-4 { - margin-left: 33.333333%; - } - .offset-lg-5 { - margin-left: 41.666667%; - } - .offset-lg-6 { - margin-left: 50%; - } - .offset-lg-7 { - margin-left: 58.333333%; - } - .offset-lg-8 { - margin-left: 66.666667%; - } - .offset-lg-9 { - margin-left: 75%; - } - .offset-lg-10 { - margin-left: 83.333333%; - } - .offset-lg-11 { - margin-left: 91.666667%; - } -} - -@media (min-width: 1200px) { - .col-xl { - flex-basis: 0; - flex-grow: 1; - max-width: 100%; - } - .col-xl-auto { - flex: 0 0 auto; - width: auto; - } - .col-xl-1 { - flex: 0 0 8.333333%; - max-width: 8.333333%; - } - .col-xl-2 { - flex: 0 0 16.666667%; - max-width: 16.666667%; - } - .col-xl-3 { - flex: 0 0 25%; - max-width: 25%; - } - .col-xl-4 { - flex: 0 0 33.333333%; - max-width: 33.333333%; - } - .col-xl-5 { - flex: 0 0 41.666667%; - max-width: 41.666667%; - } - .col-xl-6 { - flex: 0 0 50%; - max-width: 50%; - } - .col-xl-7 { - flex: 0 0 58.333333%; - max-width: 58.333333%; - } - .col-xl-8 { - flex: 0 0 66.666667%; - max-width: 66.666667%; - } - .col-xl-9 { - flex: 0 0 75%; - max-width: 75%; - } - .col-xl-10 { - flex: 0 0 83.333333%; - max-width: 83.333333%; - } - .col-xl-11 { - flex: 0 0 91.666667%; - max-width: 91.666667%; - } - .col-xl-12 { - flex: 0 0 100%; - max-width: 100%; - } - .pull-xl-0 { - right: auto; - } - .pull-xl-1 { - right: 8.333333%; - } - .pull-xl-2 { - right: 16.666667%; - } - .pull-xl-3 { - right: 25%; - } - .pull-xl-4 { - right: 33.333333%; - } - .pull-xl-5 { - right: 41.666667%; - } - .pull-xl-6 { - right: 50%; - } - .pull-xl-7 { - right: 58.333333%; - } - .pull-xl-8 { - right: 66.666667%; - } - .pull-xl-9 { - right: 75%; - } - .pull-xl-10 { - right: 83.333333%; - } - .pull-xl-11 { - right: 91.666667%; - } - .pull-xl-12 { - right: 100%; - } - .push-xl-0 { - left: auto; - } - .push-xl-1 { - left: 8.333333%; - } - .push-xl-2 { - left: 16.666667%; - } - .push-xl-3 { - left: 25%; - } - .push-xl-4 { - left: 33.333333%; - } - .push-xl-5 { - left: 41.666667%; - } - .push-xl-6 { - left: 50%; - } - .push-xl-7 { - left: 58.333333%; - } - .push-xl-8 { - left: 66.666667%; - } - .push-xl-9 { - left: 75%; - } - .push-xl-10 { - left: 83.333333%; - } - .push-xl-11 { - left: 91.666667%; - } - .push-xl-12 { - left: 100%; - } - .offset-xl-0 { - margin-left: 0%; - } - .offset-xl-1 { - margin-left: 8.333333%; - } - .offset-xl-2 { - margin-left: 16.666667%; - } - .offset-xl-3 { - margin-left: 25%; - } - .offset-xl-4 { - margin-left: 33.333333%; - } - .offset-xl-5 { - margin-left: 41.666667%; - } - .offset-xl-6 { - margin-left: 50%; - } - .offset-xl-7 { - margin-left: 58.333333%; - } - .offset-xl-8 { - margin-left: 66.666667%; - } - .offset-xl-9 { - margin-left: 75%; - } - .offset-xl-10 { - margin-left: 83.333333%; - } - .offset-xl-11 { - margin-left: 91.666667%; - } -} - -/*# sourceMappingURL=docs-flexbox.min.css.map */ \ No newline at end of file diff --git a/docs/assets/css/docs-flexbox.min.css.map b/docs/assets/css/docs-flexbox.min.css.map deleted file mode 100644 index dbce3b2b7d2b6e149217e90193eb7e583e963b24..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 26862 zcmeHQ-Ba5*5Pych;)d5tVQBA$Asu8rWUH9`9BVwjw-ic3L>-@(_4;%n>M=&pY= z`TP6EFljWq?a@S%o8%$sjn=-ly6wiWlRP|1*c`SS*Mol2yL()yF#cU<*tlu`-5*{* zDthW%zuhI>)Ag?-ghmY2Q=_ue!HgQRyM{JX;HM>{13|4PS<9hW#`C*_c_ zuvBBLR>Dv4UsQ%K;&PcWei=yeBgT#d`DdFP#zIZrk<@L*+Jd?>l{(6&M$6C?P|o3h{Z1SQFe)@0N(DIk9FsPP{FJd%L4IbF zr|tRv7N(oK2=;w-&JCE{4gS029wZ``6chJiFlGvFF228H5j z47fzZFb1(kCE9O+Scz8{Mufo3I?@tLJfBr4TxT3fS~E&n_3|cUlE!#8dJ{k z@C`*o_R$yd;iIqEDvOG~u<>>t>Q6*pfb$c5>mg9I6KI$3@aT0|c zsKK7R{)V25ow1&^Me0eko=f;xcs^5C$C%GG2uIpDzS`NHsD~X?WT~x-bFod&u7Y{* z)4JTJw|we8z2|D5ng+#NyG_TPifUk|z7;)$hkLGe>ui2wp9l}Iy<(Bl3N)NF<)^$*^)j-tFs)(J$c*6X2=5yucts`XOD z;yrQWj^T^yK73Jw4(Ku47K61t8HoTmTtKZZTW1U!UE;D$Eijc8Xyp*AboxNbIkf+v zg)szx0e=-lHI9Uo-RHfmv&OM7LrfK{%D;>c;oGZV3w)9UqIX!`lH>=h(Gc9?d*FVq z%Olok2{S%RGx9IvGnzylCUGDpvHiSOTi(jI+M1J}#18=5Q&xh*{=lC2NeSwjPXdjh z_;etG1l%Mue}Y3hVC44;C}5PCj~LI8uDn^C`mpy>!k&*9G7+Kz$5%9q0H&{K zexllP0TDxXgPuxLF!Z3Zf^l$0!3(o^ zVS>FY#)vN93Otd6y|CxBK?*G13lR)4BfCLxaJ)fk6e~=NM|^)ATK?b|Hp;v*;G5hG z0+Tr4@pOtB12|E1EBwq53iAXd#G!id4JXmksz)b8~95nL+9JJ;IIEw2i&he_OGI8a$9&_a&B&rpx zXEQK<8|)iT^H6~6rPCrzn_xe|n?e>nEuS+zEuJ%dQTavbUxz(nRwAK=7t@^l??_+y zxHshuB)%TdYeG7xz==kt4uG*t9ROpQIv~P20ICK8AwHG?lRATUak6CqjAhCIkkEvD zTU7xXm9c9T01uL6tAGfrfN)#{6qAdHv*qI8Y;qBqwp<*XP41%XU6fq!2U*Ix`$4RP zj215Y!hPLdhFrX*+4}+q)xJ=fziF?T1*&{2l9|8W_>&k^x+NGO@pocCw-#Zbt-U}E zKd(vZ5yX>noSW}w)?uCuguN*XXC{6ce3nfd=*p0fcgK7NEncuL9&DkoUvu^n-{Az6xOS)Dn9q>D*8! zV%Y!J8{c%CSvKfIY)YzUF;HN3XP~=~J40a&g&AIrNoHQq#N!m z)dix`mP=5bMed^PU6fq!2Y(h|KHi7-J$ql!%~0+Oe-@Ba`amT^LCL+&plIXHP*_7@ zhJ2IEyvkPre(sefiQJ4>Xf8UVIc5XwT}rtCk^vt h@P`5ZFhD+}pLx*Br3}EoR@8$(=YxN%=*#kd{{td!^soQ` diff --git a/docs/assets/scss/flex-grid.scss b/docs/assets/scss/flex-grid.scss deleted file mode 100644 index 725a4aa68..000000000 --- a/docs/assets/scss/flex-grid.scss +++ /dev/null @@ -1,33 +0,0 @@ -// Bootstrap flexbox grid for our docs page - - -// -// Variables -// - -@import "custom"; -@import "variables"; - -// Override for flexbox mode -$enable-flex: true; - -// -// Grid mixins -// - -@import "mixins/clearfix"; -@import "mixins/breakpoints"; -@import "mixins/grid-framework"; -@import "mixins/grid"; - -// -// Utilities for flex alignment -// - -@import "utilities/flex"; - -// -// Generate the grid class -// - -@import "grid"; diff --git a/scss/_card.scss b/scss/_card.scss index 9857ea2d9..9fe70e8cf 100644 --- a/scss/_card.scss +++ b/scss/_card.scss @@ -182,14 +182,7 @@ } -// Card set -// -// Heads up! We do some funky style resetting here for margins across our two -// variations (one flex, one table). Individual cards have margin-bottom by -// default, but they're ignored due to table styles. For a consistent design, -// we've done the same to the flex variation. -// -// Those changes are noted by `// Margin balancing`. +// Card deck @include media-breakpoint-up(sm) { .card-deck { diff --git a/scss/bootstrap-grid.scss b/scss/bootstrap-grid.scss index 1df8ea3b6..e8d5424ad 100644 --- a/scss/bootstrap-grid.scss +++ b/scss/bootstrap-grid.scss @@ -1,7 +1,7 @@ // Bootstrap Grid only // -// Includes relevant variables and mixins for the regular (non-flexbox) grid -// system, as well as the generated predefined classes (e.g., `.col-4-sm`). +// Includes relevant variables and mixins for the flexbox grid +// system, as well as the generated predefined classes (e.g., `.col-sm-4`). // // Box sizing, responsive, and more