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