From 8a85f93aba52e1992b8e39efc7acceb2ecb7dcf7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Oct 2016 19:40:39 -0700 Subject: grunt --- docs/assets/css/docs-flexbox.min.css | 70 +++++++++++++++++++++++++++++------- 1 file changed, 58 insertions(+), 12 deletions(-) (limited to 'docs/assets/css/docs-flexbox.min.css') diff --git a/docs/assets/css/docs-flexbox.min.css b/docs/assets/css/docs-flexbox.min.css index 5ab77f854..7ee53388b 100644 --- a/docs/assets/css/docs-flexbox.min.css +++ b/docs/assets/css/docs-flexbox.min.css @@ -311,16 +311,72 @@ .row { display: flex; flex-wrap: wrap; - margin-left: -15px; margin-right: -15px; + margin-left: -15px; +} + +@media (min-width: 544px) { + .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; + } } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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-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-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-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; + width: 100%; padding-right: 15px; padding-left: 15px; - width: 100%; +} + +@media (min-width: 544px) { + .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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-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-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-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 { + padding-right: 15px; + padding-left: 15px; + } +} + +@media (min-width: 768px) { + .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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-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-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-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 { + padding-right: 15px; + padding-left: 15px; + } +} + +@media (min-width: 992px) { + .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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-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-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-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 { + padding-right: 15px; + padding-left: 15px; + } +} + +@media (min-width: 1200px) { + .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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-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-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-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 { + padding-right: 15px; + padding-left: 15px; + } } .col-xs { @@ -329,8 +385,6 @@ flex-grow: 1; max-width: 100%; min-height: 1px; - padding-right: 15px; - padding-left: 15px; } .col-xs-1 { @@ -548,8 +602,6 @@ flex-grow: 1; max-width: 100%; min-height: 1px; - padding-right: 15px; - padding-left: 15px; } .col-sm-1 { flex: 0 0 8.333333%; @@ -722,8 +774,6 @@ flex-grow: 1; max-width: 100%; min-height: 1px; - padding-right: 15px; - padding-left: 15px; } .col-md-1 { flex: 0 0 8.333333%; @@ -896,8 +946,6 @@ flex-grow: 1; max-width: 100%; min-height: 1px; - padding-right: 15px; - padding-left: 15px; } .col-lg-1 { flex: 0 0 8.333333%; @@ -1070,8 +1118,6 @@ flex-grow: 1; max-width: 100%; min-height: 1px; - padding-right: 15px; - padding-left: 15px; } .col-xl-1 { flex: 0 0 8.333333%; -- cgit v1.2.3 From a2a53cb8c5174ef713b7dc7633fc6f2d7a468ee5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 9 Oct 2016 12:39:56 -0700 Subject: grunt --- docs/assets/css/docs-flexbox.min.css | 20 +++++--------------- 1 file changed, 5 insertions(+), 15 deletions(-) (limited to 'docs/assets/css/docs-flexbox.min.css') diff --git a/docs/assets/css/docs-flexbox.min.css b/docs/assets/css/docs-flexbox.min.css index 7ee53388b..c6e8b094a 100644 --- a/docs/assets/css/docs-flexbox.min.css +++ b/docs/assets/css/docs-flexbox.min.css @@ -343,7 +343,7 @@ } } -.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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-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-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-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-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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; width: 100%; @@ -352,39 +352,37 @@ } @media (min-width: 544px) { - .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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-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-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-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-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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 { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { - .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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-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-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-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-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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 { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { - .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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-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-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-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-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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 { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { - .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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-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-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-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-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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 { padding-right: 15px; padding-left: 15px; } } .col-xs { - position: relative; flex-basis: 0; flex-grow: 1; max-width: 100%; - min-height: 1px; } .col-xs-1 { @@ -597,11 +595,9 @@ @media (min-width: 544px) { .col-sm { - position: relative; flex-basis: 0; flex-grow: 1; max-width: 100%; - min-height: 1px; } .col-sm-1 { flex: 0 0 8.333333%; @@ -769,11 +765,9 @@ @media (min-width: 768px) { .col-md { - position: relative; flex-basis: 0; flex-grow: 1; max-width: 100%; - min-height: 1px; } .col-md-1 { flex: 0 0 8.333333%; @@ -941,11 +935,9 @@ @media (min-width: 992px) { .col-lg { - position: relative; flex-basis: 0; flex-grow: 1; max-width: 100%; - min-height: 1px; } .col-lg-1 { flex: 0 0 8.333333%; @@ -1113,11 +1105,9 @@ @media (min-width: 1200px) { .col-xl { - position: relative; flex-basis: 0; flex-grow: 1; max-width: 100%; - min-height: 1px; } .col-xl-1 { flex: 0 0 8.333333%; -- cgit v1.2.3 From 8d162553fa7fe499a72569d42debed18dfc5791b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 9 Oct 2016 15:02:49 -0700 Subject: grunt --- docs/assets/css/docs-flexbox.min.css | 28 ++++++++++++++++------------ 1 file changed, 16 insertions(+), 12 deletions(-) (limited to 'docs/assets/css/docs-flexbox.min.css') diff --git a/docs/assets/css/docs-flexbox.min.css b/docs/assets/css/docs-flexbox.min.css index c6e8b094a..becbd030a 100644 --- a/docs/assets/css/docs-flexbox.min.css +++ b/docs/assets/css/docs-flexbox.min.css @@ -54,7 +54,7 @@ justify-content: space-between; } -@media (min-width: 544px) { +@media (min-width: 576px) { .flex-sm-first { order: -1; } @@ -66,7 +66,7 @@ } } -@media (min-width: 544px) { +@media (min-width: 576px) { .flex-items-sm-top { align-items: flex-start; } @@ -78,7 +78,7 @@ } } -@media (min-width: 544px) { +@media (min-width: 576px) { .flex-sm-top { align-self: flex-start; } @@ -90,7 +90,7 @@ } } -@media (min-width: 544px) { +@media (min-width: 576px) { .flex-items-sm-left { justify-content: flex-start; } @@ -277,27 +277,31 @@ padding-right: 15px; } -@media (min-width: 544px) { +@media (min-width: 576px) { .container { - max-width: 576px; + width: 540px; + max-width: 100%; } } @media (min-width: 768px) { .container { - max-width: 720px; + width: 720px; + max-width: 100%; } } @media (min-width: 992px) { .container { - max-width: 940px; + width: 960px; + max-width: 100%; } } @media (min-width: 1200px) { .container { - max-width: 1140px; + width: 1140px; + max-width: 100%; } } @@ -315,7 +319,7 @@ margin-left: -15px; } -@media (min-width: 544px) { +@media (min-width: 576px) { .row { margin-right: -15px; margin-left: -15px; @@ -351,7 +355,7 @@ padding-left: 15px; } -@media (min-width: 544px) { +@media (min-width: 576px) { .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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 { padding-right: 15px; padding-left: 15px; @@ -593,7 +597,7 @@ margin-left: 91.666667%; } -@media (min-width: 544px) { +@media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; -- cgit v1.2.3 From 9dbfc90eae7b1eda2b0e0b501a7e223d0cce688c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 27 Oct 2016 09:51:22 -0700 Subject: grunt --- docs/assets/css/docs-flexbox.min.css | 81 +++++++++++++++++++++++++++++++++++- 1 file changed, 79 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/docs-flexbox.min.css') diff --git a/docs/assets/css/docs-flexbox.min.css b/docs/assets/css/docs-flexbox.min.css index becbd030a..85adba6cc 100644 --- a/docs/assets/css/docs-flexbox.min.css +++ b/docs/assets/css/docs-flexbox.min.css @@ -273,8 +273,36 @@ .container { margin-left: auto; margin-right: auto; - padding-left: 15px; 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) { @@ -308,8 +336,36 @@ .container-fluid { margin-left: auto; margin-right: auto; - padding-left: 15px; 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 { @@ -389,6 +445,11 @@ max-width: 100%; } +.col-xs-auto { + flex: 0 0 auto; + width: auto; +} + .col-xs-1 { flex: 0 0 8.333333%; max-width: 8.333333%; @@ -603,6 +664,10 @@ 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%; @@ -773,6 +838,10 @@ 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%; @@ -943,6 +1012,10 @@ 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%; @@ -1113,6 +1186,10 @@ 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%; -- cgit v1.2.3 From 573e029feb7837d479c9553d9fb26b2a015cf140 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Nov 2016 20:42:40 -0800 Subject: grunt --- docs/assets/css/docs-flexbox.min.css | 108 +++++++++++++++++------------------ 1 file changed, 54 insertions(+), 54 deletions(-) (limited to 'docs/assets/css/docs-flexbox.min.css') diff --git a/docs/assets/css/docs-flexbox.min.css b/docs/assets/css/docs-flexbox.min.css index 85adba6cc..9d1a71636 100644 --- a/docs/assets/css/docs-flexbox.min.css +++ b/docs/assets/css/docs-flexbox.min.css @@ -403,7 +403,7 @@ } } -.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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-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; width: 100%; @@ -412,28 +412,28 @@ } @media (min-width: 576px) { - .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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-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 { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { - .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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-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 { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { - .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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-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 { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { - .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-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-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 { padding-right: 15px; padding-left: 15px; } @@ -450,211 +450,211 @@ width: auto; } -.col-xs-1 { +.col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } -.col-xs-2 { +.col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } -.col-xs-3 { +.col-3 { flex: 0 0 25%; max-width: 25%; } -.col-xs-4 { +.col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } -.col-xs-5 { +.col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } -.col-xs-6 { +.col-6 { flex: 0 0 50%; max-width: 50%; } -.col-xs-7 { +.col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } -.col-xs-8 { +.col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } -.col-xs-9 { +.col-9 { flex: 0 0 75%; max-width: 75%; } -.col-xs-10 { +.col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } -.col-xs-11 { +.col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } -.col-xs-12 { +.col-12 { flex: 0 0 100%; max-width: 100%; } -.pull-xs-0 { +.pull-0 { right: auto; } -.pull-xs-1 { +.pull-1 { right: 8.333333%; } -.pull-xs-2 { +.pull-2 { right: 16.666667%; } -.pull-xs-3 { +.pull-3 { right: 25%; } -.pull-xs-4 { +.pull-4 { right: 33.333333%; } -.pull-xs-5 { +.pull-5 { right: 41.666667%; } -.pull-xs-6 { +.pull-6 { right: 50%; } -.pull-xs-7 { +.pull-7 { right: 58.333333%; } -.pull-xs-8 { +.pull-8 { right: 66.666667%; } -.pull-xs-9 { +.pull-9 { right: 75%; } -.pull-xs-10 { +.pull-10 { right: 83.333333%; } -.pull-xs-11 { +.pull-11 { right: 91.666667%; } -.pull-xs-12 { +.pull-12 { right: 100%; } -.push-xs-0 { +.push-0 { left: auto; } -.push-xs-1 { +.push-1 { left: 8.333333%; } -.push-xs-2 { +.push-2 { left: 16.666667%; } -.push-xs-3 { +.push-3 { left: 25%; } -.push-xs-4 { +.push-4 { left: 33.333333%; } -.push-xs-5 { +.push-5 { left: 41.666667%; } -.push-xs-6 { +.push-6 { left: 50%; } -.push-xs-7 { +.push-7 { left: 58.333333%; } -.push-xs-8 { +.push-8 { left: 66.666667%; } -.push-xs-9 { +.push-9 { left: 75%; } -.push-xs-10 { +.push-10 { left: 83.333333%; } -.push-xs-11 { +.push-11 { left: 91.666667%; } -.push-xs-12 { +.push-12 { left: 100%; } -.offset-xs-1 { +.offset-1 { margin-left: 8.333333%; } -.offset-xs-2 { +.offset-2 { margin-left: 16.666667%; } -.offset-xs-3 { +.offset-3 { margin-left: 25%; } -.offset-xs-4 { +.offset-4 { margin-left: 33.333333%; } -.offset-xs-5 { +.offset-5 { margin-left: 41.666667%; } -.offset-xs-6 { +.offset-6 { margin-left: 50%; } -.offset-xs-7 { +.offset-7 { margin-left: 58.333333%; } -.offset-xs-8 { +.offset-8 { margin-left: 66.666667%; } -.offset-xs-9 { +.offset-9 { margin-left: 75%; } -.offset-xs-10 { +.offset-10 { margin-left: 83.333333%; } -.offset-xs-11 { +.offset-11 { margin-left: 91.666667%; } -- 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/assets/css/docs-flexbox.min.css | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'docs/assets/css/docs-flexbox.min.css') diff --git a/docs/assets/css/docs-flexbox.min.css b/docs/assets/css/docs-flexbox.min.css index 9d1a71636..2fcc2379a 100644 --- a/docs/assets/css/docs-flexbox.min.css +++ b/docs/assets/css/docs-flexbox.min.css @@ -403,6 +403,16 @@ } } +.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 4393da18f60d9d99a32b8382d33085dc4229e250 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 27 Nov 2016 22:29:55 -0800 Subject: grunt --- docs/assets/css/docs-flexbox.min.css | 64 ++++++++---------------------------- 1 file changed, 14 insertions(+), 50 deletions(-) (limited to 'docs/assets/css/docs-flexbox.min.css') diff --git a/docs/assets/css/docs-flexbox.min.css b/docs/assets/css/docs-flexbox.min.css index 2fcc2379a..03c402b99 100644 --- a/docs/assets/css/docs-flexbox.min.css +++ b/docs/assets/css/docs-flexbox.min.css @@ -1,56 +1,56 @@ -.flex-xs-first { +.flex-first { order: -1; } -.flex-xs-last { +.flex-last { order: 1; } -.flex-xs-unordered { +.flex-unordered { order: 0; } -.flex-items-xs-top { +.flex-items-top { align-items: flex-start; } -.flex-items-xs-middle { +.flex-items-middle { align-items: center; } -.flex-items-xs-bottom { +.flex-items-bottom { align-items: flex-end; } -.flex-xs-top { +.flex-top { align-self: flex-start; } -.flex-xs-middle { +.flex-middle { align-self: center; } -.flex-xs-bottom { +.flex-bottom { align-self: flex-end; } -.flex-items-xs-left { +.flex-items-left { justify-content: flex-start; } -.flex-items-xs-center { +.flex-items-center { justify-content: center; } -.flex-items-xs-right { +.flex-items-right { justify-content: flex-end; } -.flex-items-xs-around { +.flex-items-around { justify-content: space-around; } -.flex-items-xs-between { +.flex-items-between { justify-content: space-between; } @@ -64,9 +64,6 @@ .flex-sm-unordered { order: 0; } -} - -@media (min-width: 576px) { .flex-items-sm-top { align-items: flex-start; } @@ -76,9 +73,6 @@ .flex-items-sm-bottom { align-items: flex-end; } -} - -@media (min-width: 576px) { .flex-sm-top { align-self: flex-start; } @@ -88,9 +82,6 @@ .flex-sm-bottom { align-self: flex-end; } -} - -@media (min-width: 576px) { .flex-items-sm-left { justify-content: flex-start; } @@ -118,9 +109,6 @@ .flex-md-unordered { order: 0; } -} - -@media (min-width: 768px) { .flex-items-md-top { align-items: flex-start; } @@ -130,9 +118,6 @@ .flex-items-md-bottom { align-items: flex-end; } -} - -@media (min-width: 768px) { .flex-md-top { align-self: flex-start; } @@ -142,9 +127,6 @@ .flex-md-bottom { align-self: flex-end; } -} - -@media (min-width: 768px) { .flex-items-md-left { justify-content: flex-start; } @@ -172,9 +154,6 @@ .flex-lg-unordered { order: 0; } -} - -@media (min-width: 992px) { .flex-items-lg-top { align-items: flex-start; } @@ -184,9 +163,6 @@ .flex-items-lg-bottom { align-items: flex-end; } -} - -@media (min-width: 992px) { .flex-lg-top { align-self: flex-start; } @@ -196,9 +172,6 @@ .flex-lg-bottom { align-self: flex-end; } -} - -@media (min-width: 992px) { .flex-items-lg-left { justify-content: flex-start; } @@ -226,9 +199,6 @@ .flex-xl-unordered { order: 0; } -} - -@media (min-width: 1200px) { .flex-items-xl-top { align-items: flex-start; } @@ -238,9 +208,6 @@ .flex-items-xl-bottom { align-items: flex-end; } -} - -@media (min-width: 1200px) { .flex-xl-top { align-self: flex-start; } @@ -250,9 +217,6 @@ .flex-xl-bottom { align-self: flex-end; } -} - -@media (min-width: 1200px) { .flex-items-xl-left { justify-content: flex-start; } -- 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/assets/css/docs-flexbox.min.css | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) (limited to 'docs/assets/css/docs-flexbox.min.css') diff --git a/docs/assets/css/docs-flexbox.min.css b/docs/assets/css/docs-flexbox.min.css index 03c402b99..ce6f3e7be 100644 --- a/docs/assets/css/docs-flexbox.min.css +++ b/docs/assets/css/docs-flexbox.min.css @@ -372,12 +372,13 @@ 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%; @@ -386,40 +387,40 @@ } @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 { flex-basis: 0; flex-grow: 1; max-width: 100%; } -.col-xs-auto { +.col-auto { flex: 0 0 auto; width: auto; } -- cgit v1.2.3 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/assets/css/docs-flexbox.min.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/docs-flexbox.min.css') diff --git a/docs/assets/css/docs-flexbox.min.css b/docs/assets/css/docs-flexbox.min.css index ce6f3e7be..1042bd23a 100644 --- a/docs/assets/css/docs-flexbox.min.css +++ b/docs/assets/css/docs-flexbox.min.css @@ -380,8 +380,8 @@ .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; } -- cgit v1.2.3 From 7fdedbd5e64a41425c2a5e3abc895e8dd9481314 Mon Sep 17 00:00:00 2001 From: Starsam80 Date: Sat, 24 Dec 2016 21:01:09 -0700 Subject: Remove some leftover IE9/flex stuff --- docs/assets/css/docs-flexbox.min.css | 1332 ---------------------------------- 1 file changed, 1332 deletions(-) delete mode 100644 docs/assets/css/docs-flexbox.min.css (limited to 'docs/assets/css/docs-flexbox.min.css') 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 -- cgit v1.2.3