From 032c7efdcede8fc8065a6daa97a943dcadc5ca52 Mon Sep 17 00:00:00 2001 From: dnomak Date: Mon, 9 Feb 2015 21:39:02 +0200 Subject: [PATCH] update --- css/flexiblegs.css | 155 +++++++++++++------------- css/flexiblegs.min.css | 4 +- flexiblegs.core.json | 6 +- less/flexiblegs.less | 2 +- less/flexiblegs/layout.less | 11 +- less/flexiblegs/mixins/flexbox.less | 6 +- package.json | 2 +- sass/_flexiblegs.scss | 2 +- sass/flexiblegs/_layout.scss | 13 +-- sass/flexiblegs/mixins/_flexbox.scss | 6 +- stylus/flexiblegs.styl | 2 +- stylus/flexiblegs/layout.styl | 10 +- stylus/flexiblegs/mixins/flexbox.styl | 6 +- 13 files changed, 108 insertions(+), 117 deletions(-) diff --git a/css/flexiblegs.css b/css/flexiblegs.css index fb6bc06..8315e63 100755 --- a/css/flexiblegs.css +++ b/css/flexiblegs.css @@ -1,4 +1,4 @@ -/*! Flexible Grid System 2.4.3 | CSS | MIT License | flexible.gs */ +/*! Flexible Grid System 2.5.0 | CSS | MIT License | flexible.gs */ /* wrap · flexbox */ /* xl · lg · md · sm · xs */ @@ -16,9 +16,6 @@ -moz-box-sizing: border-box; box-sizing: border-box; } - @-ms-viewport { - width: device-width; - } .wrap { font-size: 0; text-align: center; @@ -422,15 +419,6 @@ .bottom-xs > * { vertical-align: bottom; } - [class^="reverse-"] { - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } .reverse-xs { -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; @@ -440,12 +428,14 @@ -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } - [class^="first-"], [class^="last-"] { - -webkit-box-ordinal-group: 0; - -moz-box-ordinal-group: 0; - -ms-flex-order: 0; - -webkit-order: 0; - order: 0; + .not-reverse-xs { + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .first-xs { -webkit-box-ordinal-group: -1; @@ -461,6 +451,13 @@ -webkit-order: 1; order: 1; } + .not-first-xs, .not-last-xs { + -webkit-box-ordinal-group: 0; + -moz-box-ordinal-group: 0; + -ms-flex-order: 0; + -webkit-order: 0; + order: 0; + } /* sm */ @@ -835,15 +832,6 @@ .bottom-sm > * { vertical-align: bottom; } - [class^="reverse-"] { - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } .reverse-sm { -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; @@ -853,12 +841,14 @@ -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } - [class^="first-"], [class^="last-"] { - -webkit-box-ordinal-group: 0; - -moz-box-ordinal-group: 0; - -ms-flex-order: 0; - -webkit-order: 0; - order: 0; + .not-reverse-sm { + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .first-sm { -webkit-box-ordinal-group: -1; @@ -874,6 +864,13 @@ -webkit-order: 1; order: 1; } + .not-first-sm, .not-last-sm { + -webkit-box-ordinal-group: 0; + -moz-box-ordinal-group: 0; + -ms-flex-order: 0; + -webkit-order: 0; + order: 0; + } } /* md */ @@ -1249,15 +1246,6 @@ .bottom-md > * { vertical-align: bottom; } - [class^="reverse-"] { - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } .reverse-md { -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; @@ -1267,12 +1255,14 @@ -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } - [class^="first-"], [class^="last-"] { - -webkit-box-ordinal-group: 0; - -moz-box-ordinal-group: 0; - -ms-flex-order: 0; - -webkit-order: 0; - order: 0; + .not-reverse-md { + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .first-md { -webkit-box-ordinal-group: -1; @@ -1288,6 +1278,13 @@ -webkit-order: 1; order: 1; } + .not-first-md, .not-last-md { + -webkit-box-ordinal-group: 0; + -moz-box-ordinal-group: 0; + -ms-flex-order: 0; + -webkit-order: 0; + order: 0; + } } /* lg */ @@ -1663,15 +1660,6 @@ .bottom-lg > * { vertical-align: bottom; } - [class^="reverse-"] { - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } .reverse-lg { -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; @@ -1681,12 +1669,14 @@ -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } - [class^="first-"], [class^="last-"] { - -webkit-box-ordinal-group: 0; - -moz-box-ordinal-group: 0; - -ms-flex-order: 0; - -webkit-order: 0; - order: 0; + .not-reverse-lg { + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .first-lg { -webkit-box-ordinal-group: -1; @@ -1702,6 +1692,13 @@ -webkit-order: 1; order: 1; } + .not-first-lg, .not-last-lg { + -webkit-box-ordinal-group: 0; + -moz-box-ordinal-group: 0; + -ms-flex-order: 0; + -webkit-order: 0; + order: 0; + } } /* xl */ @@ -2077,15 +2074,6 @@ .bottom-xl > * { vertical-align: bottom; } - [class^="reverse-"] { - -webkit-box-direction: normal; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - } .reverse-xl { -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; @@ -2095,12 +2083,14 @@ -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } - [class^="first-"], [class^="last-"] { - -webkit-box-ordinal-group: 0; - -moz-box-ordinal-group: 0; - -ms-flex-order: 0; - -webkit-order: 0; - order: 0; + .not-reverse-xl { + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } .first-xl { -webkit-box-ordinal-group: -1; @@ -2116,4 +2106,11 @@ -webkit-order: 1; order: 1; } + .not-first-xl, .not-last-xl { + -webkit-box-ordinal-group: 0; + -moz-box-ordinal-group: 0; + -ms-flex-order: 0; + -webkit-order: 0; + order: 0; + } } diff --git a/css/flexiblegs.min.css b/css/flexiblegs.min.css index b23bd56..b7010fa 100644 --- a/css/flexiblegs.min.css +++ b/css/flexiblegs.min.css @@ -1,4 +1,4 @@ -/*! Flexible Grid System 2.4.3 | CSS | MIT License | flexible.gs */ +/*! Flexible Grid System 2.5.0 | CSS | MIT License | flexible.gs */ /* wrap · flexbox */ /* xl · lg · md · sm · xs */ @@ -7,4 +7,4 @@ /* center · left · right · top · middle · bottom */ /* reverse · first · last */ -*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@-ms-viewport{width:device-width}.wrap{font-size:0;text-align:center;display:block}.wrap>*{position:relative;width:100%;min-height:1px;font-size:1rem;vertical-align:top;display:inline-block}.flexbox{-webkit-justify-content:center;justify-content:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.xs-auto{width:auto}.xs-1{width:100%}.xs-2-1,.xs-4-2,.xs-6-3,.xs-8-4,.xs-10-5,.xs-12-6{width:50%}.xs-3-1,.xs-6-2,.xs-12-4{width:33.333333333333336%}.xs-3-2,.xs-6-4,.xs-12-8{width:66.66666666666667%}.xs-4-1,.xs-8-2,.xs-12-3{width:25%}.xs-4-3,.xs-8-6,.xs-12-9{width:75%}.xs-5-1,.xs-10-2{width:20%}.xs-5-2,.xs-10-4{width:40%}.xs-5-3,.xs-10-6{width:60%}.xs-5-4,.xs-10-8{width:80%}.xs-6-1,.xs-12-2{width:16.666666666666668%}.xs-6-5,.xs-12-10{width:83.33333333333334%}.xs-7-1{width:14.285714285714286%}.xs-7-2{width:28.571428571428573%}.xs-7-3{width:42.85714285714286%}.xs-7-4{width:57.142857142857146%}.xs-7-5{width:71.42857142857143%}.xs-7-6{width:85.71428571428572%}.xs-8-1{width:12.5%}.xs-8-3{width:37.5%}.xs-8-5{width:62.5%}.xs-8-7{width:87.5%}.xs-9-1{width:11.11111111111111%}.xs-9-2{width:22.22222222222222%}.xs-9-3{width:33.33333333333333%}.xs-9-4{width:44.44444444444444%}.xs-9-5{width:55.55555555555556%}.xs-9-6{width:66.66666666666666%}.xs-9-7{width:77.77777777777777%}.xs-9-8{width:88.88888888888889%}.xs-10-1{width:10%}.xs-10-3{width:30%}.xs-10-7{width:70%}.xs-10-9{width:90%}.xs-11-1{width:9.090909090909092%}.xs-11-2{width:18.181818181818183%}.xs-11-3{width:27.272727272727273%}.xs-11-4{width:36.36363636363637%}.xs-11-5{width:45.45454545454546%}.xs-11-6{width:54.54545454545455%}.xs-11-7{width:63.63636363636364%}.xs-11-8{width:72.72727272727273%}.xs-11-9{width:81.81818181818183%}.xs-11-10{width:90.90909090909092%}.xs-12-1{width:8.333333333333334%}.xs-12-5{width:41.66666666666667%}.xs-12-7{width:58.333333333333336%}.xs-12-11{width:91.66666666666667%}.flex-auto-xs>*{width:auto}.flex-1-xs>*{width:100%}.flex-2-xs>*{width:50%}.flex-3-xs>*{width:33.333333333333336%}.flex-4-xs>*{width:25%}.flex-5-xs>*{width:20%}.flex-6-xs>*{width:16.666666666666668%}.flex-7-xs>*{width:14.285714285714286%}.flex-8-xs>*{width:12.5%}.flex-9-xs>*{width:11.11111111111111%}.flex-10-xs>*{width:10%}.flex-11-xs>*{width:9.090909090909092%}.flex-12-xs>*{width:8.333333333333334%}.gutter-0-xs{margin:0}.gutter-0-xs>*{padding:0}.gutter-1-xs{margin:0 -1px 0 -1px}.gutter-1-xs>*{padding:0 1px}.gutter-2-xs{margin:0 -2px 0 -2px}.gutter-2-xs>*{padding:0 2px}.gutter-3-xs{margin:0 -3px 0 -3px}.gutter-3-xs>*{padding:0 3px}.gutter-4-xs{margin:0 -4px 0 -4px}.gutter-4-xs>*{padding:0 4px}.gutter-5-xs{margin:0 -5px 0 -5px}.gutter-5-xs>*{padding:0 5px}.gutter-6-xs{margin:0 -6px 0 -6px}.gutter-6-xs>*{padding:0 6px}.gutter-7-xs{margin:0 -7px 0 -7px}.gutter-7-xs>*{padding:0 7px}.gutter-8-xs{margin:0 -8px 0 -8px}.gutter-8-xs>*{padding:0 8px}.gutter-9-xs{margin:0 -9px 0 -9px}.gutter-9-xs>*{padding:0 9px}.gutter-10-xs{margin:0 -10px 0 -10px}.gutter-10-xs>*{padding:0 10px}.gutter-11-xs{margin:0 -11px 0 -11px}.gutter-11-xs>*{padding:0 11px}.gutter-12-xs{margin:0 -12px 0 -12px}.gutter-12-xs>*{padding:0 12px}.gutter-13-xs{margin:0 -13px 0 -13px}.gutter-13-xs>*{padding:0 13px}.gutter-14-xs{margin:0 -14px 0 -14px}.gutter-14-xs>*{padding:0 14px}.gutter-15-xs{margin:0 -15px 0 -15px}.gutter-15-xs>*{padding:0 15px}.gutter-16-xs{margin:0 -16px 0 -16px}.gutter-16-xs>*{padding:0 16px}.gutter-17-xs{margin:0 -17px 0 -17px}.gutter-17-xs>*{padding:0 17px}.gutter-18-xs{margin:0 -18px 0 -18px}.gutter-18-xs>*{padding:0 18px}.gutter-19-xs{margin:0 -19px 0 -19px}.gutter-19-xs>*{padding:0 19px}.gutter-20-xs{margin:0 -20px 0 -20px}.gutter-20-xs>*{padding:0 20px}.gutter-out-xs{margin:0}.center-xs{-webkit-justify-content:center;justify-content:center;text-align:center}.left-xs{-webkit-justify-content:flex-start;justify-content:flex-start;text-align:left}.right-xs{-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}.top-xs{-webkit-align-items:flex-start;align-items:flex-start}.top-xs>*{vertical-align:top}.middle-xs{-webkit-align-items:center;align-items:center}.middle-xs>*{vertical-align:middle}.bottom-xs{-webkit-align-items:flex-end;align-items:flex-end}.bottom-xs>*{vertical-align:bottom}[class^="reverse-"]{-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.reverse-xs{-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[class^="first-"],[class^="last-"]{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}.first-xs{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.last-xs{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}@media(min-width:415px){.sm-auto{width:auto}.sm-1{width:100%}.sm-2-1,.sm-4-2,.sm-6-3,.sm-8-4,.sm-10-5,.sm-12-6{width:50%}.sm-3-1,.sm-6-2,.sm-12-4{width:33.333333333333336%}.sm-3-2,.sm-6-4,.sm-12-8{width:66.66666666666667%}.sm-4-1,.sm-8-2,.sm-12-3{width:25%}.sm-4-3,.sm-8-6,.sm-12-9{width:75%}.sm-5-1,.sm-10-2{width:20%}.sm-5-2,.sm-10-4{width:40%}.sm-5-3,.sm-10-6{width:60%}.sm-5-4,.sm-10-8{width:80%}.sm-6-1,.sm-12-2{width:16.666666666666668%}.sm-6-5,.sm-12-10{width:83.33333333333334%}.sm-7-1{width:14.285714285714286%}.sm-7-2{width:28.571428571428573%}.sm-7-3{width:42.85714285714286%}.sm-7-4{width:57.142857142857146%}.sm-7-5{width:71.42857142857143%}.sm-7-6{width:85.71428571428572%}.sm-8-1{width:12.5%}.sm-8-3{width:37.5%}.sm-8-5{width:62.5%}.sm-8-7{width:87.5%}.sm-9-1{width:11.11111111111111%}.sm-9-2{width:22.22222222222222%}.sm-9-3{width:33.33333333333333%}.sm-9-4{width:44.44444444444444%}.sm-9-5{width:55.55555555555556%}.sm-9-6{width:66.66666666666666%}.sm-9-7{width:77.77777777777777%}.sm-9-8{width:88.88888888888889%}.sm-10-1{width:10%}.sm-10-3{width:30%}.sm-10-7{width:70%}.sm-10-9{width:90%}.sm-11-1{width:9.090909090909092%}.sm-11-2{width:18.181818181818183%}.sm-11-3{width:27.272727272727273%}.sm-11-4{width:36.36363636363637%}.sm-11-5{width:45.45454545454546%}.sm-11-6{width:54.54545454545455%}.sm-11-7{width:63.63636363636364%}.sm-11-8{width:72.72727272727273%}.sm-11-9{width:81.81818181818183%}.sm-11-10{width:90.90909090909092%}.sm-12-1{width:8.333333333333334%}.sm-12-5{width:41.66666666666667%}.sm-12-7{width:58.333333333333336%}.sm-12-11{width:91.66666666666667%}.flex-auto-sm>*{width:auto}.flex-1-sm>*{width:100%}.flex-2-sm>*{width:50%}.flex-3-sm>*{width:33.333333333333336%}.flex-4-sm>*{width:25%}.flex-5-sm>*{width:20%}.flex-6-sm>*{width:16.666666666666668%}.flex-7-sm>*{width:14.285714285714286%}.flex-8-sm>*{width:12.5%}.flex-9-sm>*{width:11.11111111111111%}.flex-10-sm>*{width:10%}.flex-11-sm>*{width:9.090909090909092%}.flex-12-sm>*{width:8.333333333333334%}.gutter-0-sm{margin:0}.gutter-0-sm>*{padding:0}.gutter-1-sm{margin:0 -1px 0 -1px}.gutter-1-sm>*{padding:0 1px}.gutter-2-sm{margin:0 -2px 0 -2px}.gutter-2-sm>*{padding:0 2px}.gutter-3-sm{margin:0 -3px 0 -3px}.gutter-3-sm>*{padding:0 3px}.gutter-4-sm{margin:0 -4px 0 -4px}.gutter-4-sm>*{padding:0 4px}.gutter-5-sm{margin:0 -5px 0 -5px}.gutter-5-sm>*{padding:0 5px}.gutter-6-sm{margin:0 -6px 0 -6px}.gutter-6-sm>*{padding:0 6px}.gutter-7-sm{margin:0 -7px 0 -7px}.gutter-7-sm>*{padding:0 7px}.gutter-8-sm{margin:0 -8px 0 -8px}.gutter-8-sm>*{padding:0 8px}.gutter-9-sm{margin:0 -9px 0 -9px}.gutter-9-sm>*{padding:0 9px}.gutter-10-sm{margin:0 -10px 0 -10px}.gutter-10-sm>*{padding:0 10px}.gutter-11-sm{margin:0 -11px 0 -11px}.gutter-11-sm>*{padding:0 11px}.gutter-12-sm{margin:0 -12px 0 -12px}.gutter-12-sm>*{padding:0 12px}.gutter-13-sm{margin:0 -13px 0 -13px}.gutter-13-sm>*{padding:0 13px}.gutter-14-sm{margin:0 -14px 0 -14px}.gutter-14-sm>*{padding:0 14px}.gutter-15-sm{margin:0 -15px 0 -15px}.gutter-15-sm>*{padding:0 15px}.gutter-16-sm{margin:0 -16px 0 -16px}.gutter-16-sm>*{padding:0 16px}.gutter-17-sm{margin:0 -17px 0 -17px}.gutter-17-sm>*{padding:0 17px}.gutter-18-sm{margin:0 -18px 0 -18px}.gutter-18-sm>*{padding:0 18px}.gutter-19-sm{margin:0 -19px 0 -19px}.gutter-19-sm>*{padding:0 19px}.gutter-20-sm{margin:0 -20px 0 -20px}.gutter-20-sm>*{padding:0 20px}.gutter-out-sm{margin:0}.center-sm{-webkit-justify-content:center;justify-content:center;text-align:center}.left-sm{-webkit-justify-content:flex-start;justify-content:flex-start;text-align:left}.right-sm{-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}.top-sm{-webkit-align-items:flex-start;align-items:flex-start}.top-sm>*{vertical-align:top}.middle-sm{-webkit-align-items:center;align-items:center}.middle-sm>*{vertical-align:middle}.bottom-sm{-webkit-align-items:flex-end;align-items:flex-end}.bottom-sm>*{vertical-align:bottom}[class^="reverse-"]{-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.reverse-sm{-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[class^="first-"],[class^="last-"]{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}.first-sm{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.last-sm{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}}@media(min-width:668px){.md-auto{width:auto}.md-1{width:100%}.md-2-1,.md-4-2,.md-6-3,.md-8-4,.md-10-5,.md-12-6{width:50%}.md-3-1,.md-6-2,.md-12-4{width:33.333333333333336%}.md-3-2,.md-6-4,.md-12-8{width:66.66666666666667%}.md-4-1,.md-8-2,.md-12-3{width:25%}.md-4-3,.md-8-6,.md-12-9{width:75%}.md-5-1,.md-10-2{width:20%}.md-5-2,.md-10-4{width:40%}.md-5-3,.md-10-6{width:60%}.md-5-4,.md-10-8{width:80%}.md-6-1,.md-12-2{width:16.666666666666668%}.md-6-5,.md-12-10{width:83.33333333333334%}.md-7-1{width:14.285714285714286%}.md-7-2{width:28.571428571428573%}.md-7-3{width:42.85714285714286%}.md-7-4{width:57.142857142857146%}.md-7-5{width:71.42857142857143%}.md-7-6{width:85.71428571428572%}.md-8-1{width:12.5%}.md-8-3{width:37.5%}.md-8-5{width:62.5%}.md-8-7{width:87.5%}.md-9-1{width:11.11111111111111%}.md-9-2{width:22.22222222222222%}.md-9-3{width:33.33333333333333%}.md-9-4{width:44.44444444444444%}.md-9-5{width:55.55555555555556%}.md-9-6{width:66.66666666666666%}.md-9-7{width:77.77777777777777%}.md-9-8{width:88.88888888888889%}.md-10-1{width:10%}.md-10-3{width:30%}.md-10-7{width:70%}.md-10-9{width:90%}.md-11-1{width:9.090909090909092%}.md-11-2{width:18.181818181818183%}.md-11-3{width:27.272727272727273%}.md-11-4{width:36.36363636363637%}.md-11-5{width:45.45454545454546%}.md-11-6{width:54.54545454545455%}.md-11-7{width:63.63636363636364%}.md-11-8{width:72.72727272727273%}.md-11-9{width:81.81818181818183%}.md-11-10{width:90.90909090909092%}.md-12-1{width:8.333333333333334%}.md-12-5{width:41.66666666666667%}.md-12-7{width:58.333333333333336%}.md-12-11{width:91.66666666666667%}.flex-auto-md>*{width:auto}.flex-1-md>*{width:100%}.flex-2-md>*{width:50%}.flex-3-md>*{width:33.333333333333336%}.flex-4-md>*{width:25%}.flex-5-md>*{width:20%}.flex-6-md>*{width:16.666666666666668%}.flex-7-md>*{width:14.285714285714286%}.flex-8-md>*{width:12.5%}.flex-9-md>*{width:11.11111111111111%}.flex-10-md>*{width:10%}.flex-11-md>*{width:9.090909090909092%}.flex-12-md>*{width:8.333333333333334%}.gutter-0-md{margin:0}.gutter-0-md>*{padding:0}.gutter-1-md{margin:0 -1px 0 -1px}.gutter-1-md>*{padding:0 1px}.gutter-2-md{margin:0 -2px 0 -2px}.gutter-2-md>*{padding:0 2px}.gutter-3-md{margin:0 -3px 0 -3px}.gutter-3-md>*{padding:0 3px}.gutter-4-md{margin:0 -4px 0 -4px}.gutter-4-md>*{padding:0 4px}.gutter-5-md{margin:0 -5px 0 -5px}.gutter-5-md>*{padding:0 5px}.gutter-6-md{margin:0 -6px 0 -6px}.gutter-6-md>*{padding:0 6px}.gutter-7-md{margin:0 -7px 0 -7px}.gutter-7-md>*{padding:0 7px}.gutter-8-md{margin:0 -8px 0 -8px}.gutter-8-md>*{padding:0 8px}.gutter-9-md{margin:0 -9px 0 -9px}.gutter-9-md>*{padding:0 9px}.gutter-10-md{margin:0 -10px 0 -10px}.gutter-10-md>*{padding:0 10px}.gutter-11-md{margin:0 -11px 0 -11px}.gutter-11-md>*{padding:0 11px}.gutter-12-md{margin:0 -12px 0 -12px}.gutter-12-md>*{padding:0 12px}.gutter-13-md{margin:0 -13px 0 -13px}.gutter-13-md>*{padding:0 13px}.gutter-14-md{margin:0 -14px 0 -14px}.gutter-14-md>*{padding:0 14px}.gutter-15-md{margin:0 -15px 0 -15px}.gutter-15-md>*{padding:0 15px}.gutter-16-md{margin:0 -16px 0 -16px}.gutter-16-md>*{padding:0 16px}.gutter-17-md{margin:0 -17px 0 -17px}.gutter-17-md>*{padding:0 17px}.gutter-18-md{margin:0 -18px 0 -18px}.gutter-18-md>*{padding:0 18px}.gutter-19-md{margin:0 -19px 0 -19px}.gutter-19-md>*{padding:0 19px}.gutter-20-md{margin:0 -20px 0 -20px}.gutter-20-md>*{padding:0 20px}.gutter-out-md{margin:0}.center-md{-webkit-justify-content:center;justify-content:center;text-align:center}.left-md{-webkit-justify-content:flex-start;justify-content:flex-start;text-align:left}.right-md{-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}.top-md{-webkit-align-items:flex-start;align-items:flex-start}.top-md>*{vertical-align:top}.middle-md{-webkit-align-items:center;align-items:center}.middle-md>*{vertical-align:middle}.bottom-md{-webkit-align-items:flex-end;align-items:flex-end}.bottom-md>*{vertical-align:bottom}[class^="reverse-"]{-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.reverse-md{-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[class^="first-"],[class^="last-"]{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}.first-md{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.last-md{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}}@media(min-width:769px){.lg-auto{width:auto}.lg-1{width:100%}.lg-2-1,.lg-4-2,.lg-6-3,.lg-8-4,.lg-10-5,.lg-12-6{width:50%}.lg-3-1,.lg-6-2,.lg-12-4{width:33.333333333333336%}.lg-3-2,.lg-6-4,.lg-12-8{width:66.66666666666667%}.lg-4-1,.lg-8-2,.lg-12-3{width:25%}.lg-4-3,.lg-8-6,.lg-12-9{width:75%}.lg-5-1,.lg-10-2{width:20%}.lg-5-2,.lg-10-4{width:40%}.lg-5-3,.lg-10-6{width:60%}.lg-5-4,.lg-10-8{width:80%}.lg-6-1,.lg-12-2{width:16.666666666666668%}.lg-6-5,.lg-12-10{width:83.33333333333334%}.lg-7-1{width:14.285714285714286%}.lg-7-2{width:28.571428571428573%}.lg-7-3{width:42.85714285714286%}.lg-7-4{width:57.142857142857146%}.lg-7-5{width:71.42857142857143%}.lg-7-6{width:85.71428571428572%}.lg-8-1{width:12.5%}.lg-8-3{width:37.5%}.lg-8-5{width:62.5%}.lg-8-7{width:87.5%}.lg-9-1{width:11.11111111111111%}.lg-9-2{width:22.22222222222222%}.lg-9-3{width:33.33333333333333%}.lg-9-4{width:44.44444444444444%}.lg-9-5{width:55.55555555555556%}.lg-9-6{width:66.66666666666666%}.lg-9-7{width:77.77777777777777%}.lg-9-8{width:88.88888888888889%}.lg-10-1{width:10%}.lg-10-3{width:30%}.lg-10-7{width:70%}.lg-10-9{width:90%}.lg-11-1{width:9.090909090909092%}.lg-11-2{width:18.181818181818183%}.lg-11-3{width:27.272727272727273%}.lg-11-4{width:36.36363636363637%}.lg-11-5{width:45.45454545454546%}.lg-11-6{width:54.54545454545455%}.lg-11-7{width:63.63636363636364%}.lg-11-8{width:72.72727272727273%}.lg-11-9{width:81.81818181818183%}.lg-11-10{width:90.90909090909092%}.lg-12-1{width:8.333333333333334%}.lg-12-5{width:41.66666666666667%}.lg-12-7{width:58.333333333333336%}.lg-12-11{width:91.66666666666667%}.flex-auto-lg>*{width:auto}.flex-1-lg>*{width:100%}.flex-2-lg>*{width:50%}.flex-3-lg>*{width:33.333333333333336%}.flex-4-lg>*{width:25%}.flex-5-lg>*{width:20%}.flex-6-lg>*{width:16.666666666666668%}.flex-7-lg>*{width:14.285714285714286%}.flex-8-lg>*{width:12.5%}.flex-9-lg>*{width:11.11111111111111%}.flex-10-lg>*{width:10%}.flex-11-lg>*{width:9.090909090909092%}.flex-12-lg>*{width:8.333333333333334%}.gutter-0-lg{margin:0}.gutter-0-lg>*{padding:0}.gutter-1-lg{margin:0 -1px 0 -1px}.gutter-1-lg>*{padding:0 1px}.gutter-2-lg{margin:0 -2px 0 -2px}.gutter-2-lg>*{padding:0 2px}.gutter-3-lg{margin:0 -3px 0 -3px}.gutter-3-lg>*{padding:0 3px}.gutter-4-lg{margin:0 -4px 0 -4px}.gutter-4-lg>*{padding:0 4px}.gutter-5-lg{margin:0 -5px 0 -5px}.gutter-5-lg>*{padding:0 5px}.gutter-6-lg{margin:0 -6px 0 -6px}.gutter-6-lg>*{padding:0 6px}.gutter-7-lg{margin:0 -7px 0 -7px}.gutter-7-lg>*{padding:0 7px}.gutter-8-lg{margin:0 -8px 0 -8px}.gutter-8-lg>*{padding:0 8px}.gutter-9-lg{margin:0 -9px 0 -9px}.gutter-9-lg>*{padding:0 9px}.gutter-10-lg{margin:0 -10px 0 -10px}.gutter-10-lg>*{padding:0 10px}.gutter-11-lg{margin:0 -11px 0 -11px}.gutter-11-lg>*{padding:0 11px}.gutter-12-lg{margin:0 -12px 0 -12px}.gutter-12-lg>*{padding:0 12px}.gutter-13-lg{margin:0 -13px 0 -13px}.gutter-13-lg>*{padding:0 13px}.gutter-14-lg{margin:0 -14px 0 -14px}.gutter-14-lg>*{padding:0 14px}.gutter-15-lg{margin:0 -15px 0 -15px}.gutter-15-lg>*{padding:0 15px}.gutter-16-lg{margin:0 -16px 0 -16px}.gutter-16-lg>*{padding:0 16px}.gutter-17-lg{margin:0 -17px 0 -17px}.gutter-17-lg>*{padding:0 17px}.gutter-18-lg{margin:0 -18px 0 -18px}.gutter-18-lg>*{padding:0 18px}.gutter-19-lg{margin:0 -19px 0 -19px}.gutter-19-lg>*{padding:0 19px}.gutter-20-lg{margin:0 -20px 0 -20px}.gutter-20-lg>*{padding:0 20px}.gutter-out-lg{margin:0}.center-lg{-webkit-justify-content:center;justify-content:center;text-align:center}.left-lg{-webkit-justify-content:flex-start;justify-content:flex-start;text-align:left}.right-lg{-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}.top-lg{-webkit-align-items:flex-start;align-items:flex-start}.top-lg>*{vertical-align:top}.middle-lg{-webkit-align-items:center;align-items:center}.middle-lg>*{vertical-align:middle}.bottom-lg{-webkit-align-items:flex-end;align-items:flex-end}.bottom-lg>*{vertical-align:bottom}[class^="reverse-"]{-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.reverse-lg{-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[class^="first-"],[class^="last-"]{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}.first-lg{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.last-lg{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}}@media(min-width:1025px){.xl-auto{width:auto}.xl-1{width:100%}.xl-2-1,.xl-4-2,.xl-6-3,.xl-8-4,.xl-10-5,.xl-12-6{width:50%}.xl-3-1,.xl-6-2,.xl-12-4{width:33.333333333333336%}.xl-3-2,.xl-6-4,.xl-12-8{width:66.66666666666667%}.xl-4-1,.xl-8-2,.xl-12-3{width:25%}.xl-4-3,.xl-8-6,.xl-12-9{width:75%}.xl-5-1,.xl-10-2{width:20%}.xl-5-2,.xl-10-4{width:40%}.xl-5-3,.xl-10-6{width:60%}.xl-5-4,.xl-10-8{width:80%}.xl-6-1,.xl-12-2{width:16.666666666666668%}.xl-6-5,.xl-12-10{width:83.33333333333334%}.xl-7-1{width:14.285714285714286%}.xl-7-2{width:28.571428571428573%}.xl-7-3{width:42.85714285714286%}.xl-7-4{width:57.142857142857146%}.xl-7-5{width:71.42857142857143%}.xl-7-6{width:85.71428571428572%}.xl-8-1{width:12.5%}.xl-8-3{width:37.5%}.xl-8-5{width:62.5%}.xl-8-7{width:87.5%}.xl-9-1{width:11.11111111111111%}.xl-9-2{width:22.22222222222222%}.xl-9-3{width:33.33333333333333%}.xl-9-4{width:44.44444444444444%}.xl-9-5{width:55.55555555555556%}.xl-9-6{width:66.66666666666666%}.xl-9-7{width:77.77777777777777%}.xl-9-8{width:88.88888888888889%}.xl-10-1{width:10%}.xl-10-3{width:30%}.xl-10-7{width:70%}.xl-10-9{width:90%}.xl-11-1{width:9.090909090909092%}.xl-11-2{width:18.181818181818183%}.xl-11-3{width:27.272727272727273%}.xl-11-4{width:36.36363636363637%}.xl-11-5{width:45.45454545454546%}.xl-11-6{width:54.54545454545455%}.xl-11-7{width:63.63636363636364%}.xl-11-8{width:72.72727272727273%}.xl-11-9{width:81.81818181818183%}.xl-11-10{width:90.90909090909092%}.xl-12-1{width:8.333333333333334%}.xl-12-5{width:41.66666666666667%}.xl-12-7{width:58.333333333333336%}.xl-12-11{width:91.66666666666667%}.flex-auto-xl>*{width:auto}.flex-1-xl>*{width:100%}.flex-2-xl>*{width:50%}.flex-3-xl>*{width:33.333333333333336%}.flex-4-xl>*{width:25%}.flex-5-xl>*{width:20%}.flex-6-xl>*{width:16.666666666666668%}.flex-7-xl>*{width:14.285714285714286%}.flex-8-xl>*{width:12.5%}.flex-9-xl>*{width:11.11111111111111%}.flex-10-xl>*{width:10%}.flex-11-xl>*{width:9.090909090909092%}.flex-12-xl>*{width:8.333333333333334%}.gutter-0-xl{margin:0}.gutter-0-xl>*{padding:0}.gutter-1-xl{margin:0 -1px 0 -1px}.gutter-1-xl>*{padding:0 1px}.gutter-2-xl{margin:0 -2px 0 -2px}.gutter-2-xl>*{padding:0 2px}.gutter-3-xl{margin:0 -3px 0 -3px}.gutter-3-xl>*{padding:0 3px}.gutter-4-xl{margin:0 -4px 0 -4px}.gutter-4-xl>*{padding:0 4px}.gutter-5-xl{margin:0 -5px 0 -5px}.gutter-5-xl>*{padding:0 5px}.gutter-6-xl{margin:0 -6px 0 -6px}.gutter-6-xl>*{padding:0 6px}.gutter-7-xl{margin:0 -7px 0 -7px}.gutter-7-xl>*{padding:0 7px}.gutter-8-xl{margin:0 -8px 0 -8px}.gutter-8-xl>*{padding:0 8px}.gutter-9-xl{margin:0 -9px 0 -9px}.gutter-9-xl>*{padding:0 9px}.gutter-10-xl{margin:0 -10px 0 -10px}.gutter-10-xl>*{padding:0 10px}.gutter-11-xl{margin:0 -11px 0 -11px}.gutter-11-xl>*{padding:0 11px}.gutter-12-xl{margin:0 -12px 0 -12px}.gutter-12-xl>*{padding:0 12px}.gutter-13-xl{margin:0 -13px 0 -13px}.gutter-13-xl>*{padding:0 13px}.gutter-14-xl{margin:0 -14px 0 -14px}.gutter-14-xl>*{padding:0 14px}.gutter-15-xl{margin:0 -15px 0 -15px}.gutter-15-xl>*{padding:0 15px}.gutter-16-xl{margin:0 -16px 0 -16px}.gutter-16-xl>*{padding:0 16px}.gutter-17-xl{margin:0 -17px 0 -17px}.gutter-17-xl>*{padding:0 17px}.gutter-18-xl{margin:0 -18px 0 -18px}.gutter-18-xl>*{padding:0 18px}.gutter-19-xl{margin:0 -19px 0 -19px}.gutter-19-xl>*{padding:0 19px}.gutter-20-xl{margin:0 -20px 0 -20px}.gutter-20-xl>*{padding:0 20px}.gutter-out-xl{margin:0}.center-xl{-webkit-justify-content:center;justify-content:center;text-align:center}.left-xl{-webkit-justify-content:flex-start;justify-content:flex-start;text-align:left}.right-xl{-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}.top-xl{-webkit-align-items:flex-start;align-items:flex-start}.top-xl>*{vertical-align:top}.middle-xl{-webkit-align-items:center;align-items:center}.middle-xl>*{vertical-align:middle}.bottom-xl{-webkit-align-items:flex-end;align-items:flex-end}.bottom-xl>*{vertical-align:bottom}[class^="reverse-"]{-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.reverse-xl{-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}[class^="first-"],[class^="last-"]{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}.first-xl{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.last-xl{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}} +*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wrap{font-size:0;text-align:center;display:block}.wrap>*{position:relative;width:100%;min-height:1px;font-size:1rem;vertical-align:top;display:inline-block}.flexbox{-webkit-justify-content:center;justify-content:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.xs-auto{width:auto}.xs-1{width:100%}.xs-2-1,.xs-4-2,.xs-6-3,.xs-8-4,.xs-10-5,.xs-12-6{width:50%}.xs-3-1,.xs-6-2,.xs-12-4{width:33.333333333333336%}.xs-3-2,.xs-6-4,.xs-12-8{width:66.66666666666667%}.xs-4-1,.xs-8-2,.xs-12-3{width:25%}.xs-4-3,.xs-8-6,.xs-12-9{width:75%}.xs-5-1,.xs-10-2{width:20%}.xs-5-2,.xs-10-4{width:40%}.xs-5-3,.xs-10-6{width:60%}.xs-5-4,.xs-10-8{width:80%}.xs-6-1,.xs-12-2{width:16.666666666666668%}.xs-6-5,.xs-12-10{width:83.33333333333334%}.xs-7-1{width:14.285714285714286%}.xs-7-2{width:28.571428571428573%}.xs-7-3{width:42.85714285714286%}.xs-7-4{width:57.142857142857146%}.xs-7-5{width:71.42857142857143%}.xs-7-6{width:85.71428571428572%}.xs-8-1{width:12.5%}.xs-8-3{width:37.5%}.xs-8-5{width:62.5%}.xs-8-7{width:87.5%}.xs-9-1{width:11.11111111111111%}.xs-9-2{width:22.22222222222222%}.xs-9-3{width:33.33333333333333%}.xs-9-4{width:44.44444444444444%}.xs-9-5{width:55.55555555555556%}.xs-9-6{width:66.66666666666666%}.xs-9-7{width:77.77777777777777%}.xs-9-8{width:88.88888888888889%}.xs-10-1{width:10%}.xs-10-3{width:30%}.xs-10-7{width:70%}.xs-10-9{width:90%}.xs-11-1{width:9.090909090909092%}.xs-11-2{width:18.181818181818183%}.xs-11-3{width:27.272727272727273%}.xs-11-4{width:36.36363636363637%}.xs-11-5{width:45.45454545454546%}.xs-11-6{width:54.54545454545455%}.xs-11-7{width:63.63636363636364%}.xs-11-8{width:72.72727272727273%}.xs-11-9{width:81.81818181818183%}.xs-11-10{width:90.90909090909092%}.xs-12-1{width:8.333333333333334%}.xs-12-5{width:41.66666666666667%}.xs-12-7{width:58.333333333333336%}.xs-12-11{width:91.66666666666667%}.flex-auto-xs>*{width:auto}.flex-1-xs>*{width:100%}.flex-2-xs>*{width:50%}.flex-3-xs>*{width:33.333333333333336%}.flex-4-xs>*{width:25%}.flex-5-xs>*{width:20%}.flex-6-xs>*{width:16.666666666666668%}.flex-7-xs>*{width:14.285714285714286%}.flex-8-xs>*{width:12.5%}.flex-9-xs>*{width:11.11111111111111%}.flex-10-xs>*{width:10%}.flex-11-xs>*{width:9.090909090909092%}.flex-12-xs>*{width:8.333333333333334%}.gutter-0-xs{margin:0}.gutter-0-xs>*{padding:0}.gutter-1-xs{margin:0 -1px 0 -1px}.gutter-1-xs>*{padding:0 1px}.gutter-2-xs{margin:0 -2px 0 -2px}.gutter-2-xs>*{padding:0 2px}.gutter-3-xs{margin:0 -3px 0 -3px}.gutter-3-xs>*{padding:0 3px}.gutter-4-xs{margin:0 -4px 0 -4px}.gutter-4-xs>*{padding:0 4px}.gutter-5-xs{margin:0 -5px 0 -5px}.gutter-5-xs>*{padding:0 5px}.gutter-6-xs{margin:0 -6px 0 -6px}.gutter-6-xs>*{padding:0 6px}.gutter-7-xs{margin:0 -7px 0 -7px}.gutter-7-xs>*{padding:0 7px}.gutter-8-xs{margin:0 -8px 0 -8px}.gutter-8-xs>*{padding:0 8px}.gutter-9-xs{margin:0 -9px 0 -9px}.gutter-9-xs>*{padding:0 9px}.gutter-10-xs{margin:0 -10px 0 -10px}.gutter-10-xs>*{padding:0 10px}.gutter-11-xs{margin:0 -11px 0 -11px}.gutter-11-xs>*{padding:0 11px}.gutter-12-xs{margin:0 -12px 0 -12px}.gutter-12-xs>*{padding:0 12px}.gutter-13-xs{margin:0 -13px 0 -13px}.gutter-13-xs>*{padding:0 13px}.gutter-14-xs{margin:0 -14px 0 -14px}.gutter-14-xs>*{padding:0 14px}.gutter-15-xs{margin:0 -15px 0 -15px}.gutter-15-xs>*{padding:0 15px}.gutter-16-xs{margin:0 -16px 0 -16px}.gutter-16-xs>*{padding:0 16px}.gutter-17-xs{margin:0 -17px 0 -17px}.gutter-17-xs>*{padding:0 17px}.gutter-18-xs{margin:0 -18px 0 -18px}.gutter-18-xs>*{padding:0 18px}.gutter-19-xs{margin:0 -19px 0 -19px}.gutter-19-xs>*{padding:0 19px}.gutter-20-xs{margin:0 -20px 0 -20px}.gutter-20-xs>*{padding:0 20px}.gutter-out-xs{margin:0}.center-xs{-webkit-justify-content:center;justify-content:center;text-align:center}.left-xs{-webkit-justify-content:flex-start;justify-content:flex-start;text-align:left}.right-xs{-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}.top-xs{-webkit-align-items:flex-start;align-items:flex-start}.top-xs>*{vertical-align:top}.middle-xs{-webkit-align-items:center;align-items:center}.middle-xs>*{vertical-align:middle}.bottom-xs{-webkit-align-items:flex-end;align-items:flex-end}.bottom-xs>*{vertical-align:bottom}.reverse-xs{-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.not-reverse-xs{-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.first-xs{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.last-xs{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.not-first-xs,.not-last-xs{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}@media(min-width:415px){.sm-auto{width:auto}.sm-1{width:100%}.sm-2-1,.sm-4-2,.sm-6-3,.sm-8-4,.sm-10-5,.sm-12-6{width:50%}.sm-3-1,.sm-6-2,.sm-12-4{width:33.333333333333336%}.sm-3-2,.sm-6-4,.sm-12-8{width:66.66666666666667%}.sm-4-1,.sm-8-2,.sm-12-3{width:25%}.sm-4-3,.sm-8-6,.sm-12-9{width:75%}.sm-5-1,.sm-10-2{width:20%}.sm-5-2,.sm-10-4{width:40%}.sm-5-3,.sm-10-6{width:60%}.sm-5-4,.sm-10-8{width:80%}.sm-6-1,.sm-12-2{width:16.666666666666668%}.sm-6-5,.sm-12-10{width:83.33333333333334%}.sm-7-1{width:14.285714285714286%}.sm-7-2{width:28.571428571428573%}.sm-7-3{width:42.85714285714286%}.sm-7-4{width:57.142857142857146%}.sm-7-5{width:71.42857142857143%}.sm-7-6{width:85.71428571428572%}.sm-8-1{width:12.5%}.sm-8-3{width:37.5%}.sm-8-5{width:62.5%}.sm-8-7{width:87.5%}.sm-9-1{width:11.11111111111111%}.sm-9-2{width:22.22222222222222%}.sm-9-3{width:33.33333333333333%}.sm-9-4{width:44.44444444444444%}.sm-9-5{width:55.55555555555556%}.sm-9-6{width:66.66666666666666%}.sm-9-7{width:77.77777777777777%}.sm-9-8{width:88.88888888888889%}.sm-10-1{width:10%}.sm-10-3{width:30%}.sm-10-7{width:70%}.sm-10-9{width:90%}.sm-11-1{width:9.090909090909092%}.sm-11-2{width:18.181818181818183%}.sm-11-3{width:27.272727272727273%}.sm-11-4{width:36.36363636363637%}.sm-11-5{width:45.45454545454546%}.sm-11-6{width:54.54545454545455%}.sm-11-7{width:63.63636363636364%}.sm-11-8{width:72.72727272727273%}.sm-11-9{width:81.81818181818183%}.sm-11-10{width:90.90909090909092%}.sm-12-1{width:8.333333333333334%}.sm-12-5{width:41.66666666666667%}.sm-12-7{width:58.333333333333336%}.sm-12-11{width:91.66666666666667%}.flex-auto-sm>*{width:auto}.flex-1-sm>*{width:100%}.flex-2-sm>*{width:50%}.flex-3-sm>*{width:33.333333333333336%}.flex-4-sm>*{width:25%}.flex-5-sm>*{width:20%}.flex-6-sm>*{width:16.666666666666668%}.flex-7-sm>*{width:14.285714285714286%}.flex-8-sm>*{width:12.5%}.flex-9-sm>*{width:11.11111111111111%}.flex-10-sm>*{width:10%}.flex-11-sm>*{width:9.090909090909092%}.flex-12-sm>*{width:8.333333333333334%}.gutter-0-sm{margin:0}.gutter-0-sm>*{padding:0}.gutter-1-sm{margin:0 -1px 0 -1px}.gutter-1-sm>*{padding:0 1px}.gutter-2-sm{margin:0 -2px 0 -2px}.gutter-2-sm>*{padding:0 2px}.gutter-3-sm{margin:0 -3px 0 -3px}.gutter-3-sm>*{padding:0 3px}.gutter-4-sm{margin:0 -4px 0 -4px}.gutter-4-sm>*{padding:0 4px}.gutter-5-sm{margin:0 -5px 0 -5px}.gutter-5-sm>*{padding:0 5px}.gutter-6-sm{margin:0 -6px 0 -6px}.gutter-6-sm>*{padding:0 6px}.gutter-7-sm{margin:0 -7px 0 -7px}.gutter-7-sm>*{padding:0 7px}.gutter-8-sm{margin:0 -8px 0 -8px}.gutter-8-sm>*{padding:0 8px}.gutter-9-sm{margin:0 -9px 0 -9px}.gutter-9-sm>*{padding:0 9px}.gutter-10-sm{margin:0 -10px 0 -10px}.gutter-10-sm>*{padding:0 10px}.gutter-11-sm{margin:0 -11px 0 -11px}.gutter-11-sm>*{padding:0 11px}.gutter-12-sm{margin:0 -12px 0 -12px}.gutter-12-sm>*{padding:0 12px}.gutter-13-sm{margin:0 -13px 0 -13px}.gutter-13-sm>*{padding:0 13px}.gutter-14-sm{margin:0 -14px 0 -14px}.gutter-14-sm>*{padding:0 14px}.gutter-15-sm{margin:0 -15px 0 -15px}.gutter-15-sm>*{padding:0 15px}.gutter-16-sm{margin:0 -16px 0 -16px}.gutter-16-sm>*{padding:0 16px}.gutter-17-sm{margin:0 -17px 0 -17px}.gutter-17-sm>*{padding:0 17px}.gutter-18-sm{margin:0 -18px 0 -18px}.gutter-18-sm>*{padding:0 18px}.gutter-19-sm{margin:0 -19px 0 -19px}.gutter-19-sm>*{padding:0 19px}.gutter-20-sm{margin:0 -20px 0 -20px}.gutter-20-sm>*{padding:0 20px}.gutter-out-sm{margin:0}.center-sm{-webkit-justify-content:center;justify-content:center;text-align:center}.left-sm{-webkit-justify-content:flex-start;justify-content:flex-start;text-align:left}.right-sm{-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}.top-sm{-webkit-align-items:flex-start;align-items:flex-start}.top-sm>*{vertical-align:top}.middle-sm{-webkit-align-items:center;align-items:center}.middle-sm>*{vertical-align:middle}.bottom-sm{-webkit-align-items:flex-end;align-items:flex-end}.bottom-sm>*{vertical-align:bottom}.reverse-sm{-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.not-reverse-sm{-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.first-sm{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.last-sm{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.not-first-sm,.not-last-sm{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}}@media(min-width:668px){.md-auto{width:auto}.md-1{width:100%}.md-2-1,.md-4-2,.md-6-3,.md-8-4,.md-10-5,.md-12-6{width:50%}.md-3-1,.md-6-2,.md-12-4{width:33.333333333333336%}.md-3-2,.md-6-4,.md-12-8{width:66.66666666666667%}.md-4-1,.md-8-2,.md-12-3{width:25%}.md-4-3,.md-8-6,.md-12-9{width:75%}.md-5-1,.md-10-2{width:20%}.md-5-2,.md-10-4{width:40%}.md-5-3,.md-10-6{width:60%}.md-5-4,.md-10-8{width:80%}.md-6-1,.md-12-2{width:16.666666666666668%}.md-6-5,.md-12-10{width:83.33333333333334%}.md-7-1{width:14.285714285714286%}.md-7-2{width:28.571428571428573%}.md-7-3{width:42.85714285714286%}.md-7-4{width:57.142857142857146%}.md-7-5{width:71.42857142857143%}.md-7-6{width:85.71428571428572%}.md-8-1{width:12.5%}.md-8-3{width:37.5%}.md-8-5{width:62.5%}.md-8-7{width:87.5%}.md-9-1{width:11.11111111111111%}.md-9-2{width:22.22222222222222%}.md-9-3{width:33.33333333333333%}.md-9-4{width:44.44444444444444%}.md-9-5{width:55.55555555555556%}.md-9-6{width:66.66666666666666%}.md-9-7{width:77.77777777777777%}.md-9-8{width:88.88888888888889%}.md-10-1{width:10%}.md-10-3{width:30%}.md-10-7{width:70%}.md-10-9{width:90%}.md-11-1{width:9.090909090909092%}.md-11-2{width:18.181818181818183%}.md-11-3{width:27.272727272727273%}.md-11-4{width:36.36363636363637%}.md-11-5{width:45.45454545454546%}.md-11-6{width:54.54545454545455%}.md-11-7{width:63.63636363636364%}.md-11-8{width:72.72727272727273%}.md-11-9{width:81.81818181818183%}.md-11-10{width:90.90909090909092%}.md-12-1{width:8.333333333333334%}.md-12-5{width:41.66666666666667%}.md-12-7{width:58.333333333333336%}.md-12-11{width:91.66666666666667%}.flex-auto-md>*{width:auto}.flex-1-md>*{width:100%}.flex-2-md>*{width:50%}.flex-3-md>*{width:33.333333333333336%}.flex-4-md>*{width:25%}.flex-5-md>*{width:20%}.flex-6-md>*{width:16.666666666666668%}.flex-7-md>*{width:14.285714285714286%}.flex-8-md>*{width:12.5%}.flex-9-md>*{width:11.11111111111111%}.flex-10-md>*{width:10%}.flex-11-md>*{width:9.090909090909092%}.flex-12-md>*{width:8.333333333333334%}.gutter-0-md{margin:0}.gutter-0-md>*{padding:0}.gutter-1-md{margin:0 -1px 0 -1px}.gutter-1-md>*{padding:0 1px}.gutter-2-md{margin:0 -2px 0 -2px}.gutter-2-md>*{padding:0 2px}.gutter-3-md{margin:0 -3px 0 -3px}.gutter-3-md>*{padding:0 3px}.gutter-4-md{margin:0 -4px 0 -4px}.gutter-4-md>*{padding:0 4px}.gutter-5-md{margin:0 -5px 0 -5px}.gutter-5-md>*{padding:0 5px}.gutter-6-md{margin:0 -6px 0 -6px}.gutter-6-md>*{padding:0 6px}.gutter-7-md{margin:0 -7px 0 -7px}.gutter-7-md>*{padding:0 7px}.gutter-8-md{margin:0 -8px 0 -8px}.gutter-8-md>*{padding:0 8px}.gutter-9-md{margin:0 -9px 0 -9px}.gutter-9-md>*{padding:0 9px}.gutter-10-md{margin:0 -10px 0 -10px}.gutter-10-md>*{padding:0 10px}.gutter-11-md{margin:0 -11px 0 -11px}.gutter-11-md>*{padding:0 11px}.gutter-12-md{margin:0 -12px 0 -12px}.gutter-12-md>*{padding:0 12px}.gutter-13-md{margin:0 -13px 0 -13px}.gutter-13-md>*{padding:0 13px}.gutter-14-md{margin:0 -14px 0 -14px}.gutter-14-md>*{padding:0 14px}.gutter-15-md{margin:0 -15px 0 -15px}.gutter-15-md>*{padding:0 15px}.gutter-16-md{margin:0 -16px 0 -16px}.gutter-16-md>*{padding:0 16px}.gutter-17-md{margin:0 -17px 0 -17px}.gutter-17-md>*{padding:0 17px}.gutter-18-md{margin:0 -18px 0 -18px}.gutter-18-md>*{padding:0 18px}.gutter-19-md{margin:0 -19px 0 -19px}.gutter-19-md>*{padding:0 19px}.gutter-20-md{margin:0 -20px 0 -20px}.gutter-20-md>*{padding:0 20px}.gutter-out-md{margin:0}.center-md{-webkit-justify-content:center;justify-content:center;text-align:center}.left-md{-webkit-justify-content:flex-start;justify-content:flex-start;text-align:left}.right-md{-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}.top-md{-webkit-align-items:flex-start;align-items:flex-start}.top-md>*{vertical-align:top}.middle-md{-webkit-align-items:center;align-items:center}.middle-md>*{vertical-align:middle}.bottom-md{-webkit-align-items:flex-end;align-items:flex-end}.bottom-md>*{vertical-align:bottom}.reverse-md{-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.not-reverse-md{-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.first-md{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.last-md{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.not-first-md,.not-last-md{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}}@media(min-width:769px){.lg-auto{width:auto}.lg-1{width:100%}.lg-2-1,.lg-4-2,.lg-6-3,.lg-8-4,.lg-10-5,.lg-12-6{width:50%}.lg-3-1,.lg-6-2,.lg-12-4{width:33.333333333333336%}.lg-3-2,.lg-6-4,.lg-12-8{width:66.66666666666667%}.lg-4-1,.lg-8-2,.lg-12-3{width:25%}.lg-4-3,.lg-8-6,.lg-12-9{width:75%}.lg-5-1,.lg-10-2{width:20%}.lg-5-2,.lg-10-4{width:40%}.lg-5-3,.lg-10-6{width:60%}.lg-5-4,.lg-10-8{width:80%}.lg-6-1,.lg-12-2{width:16.666666666666668%}.lg-6-5,.lg-12-10{width:83.33333333333334%}.lg-7-1{width:14.285714285714286%}.lg-7-2{width:28.571428571428573%}.lg-7-3{width:42.85714285714286%}.lg-7-4{width:57.142857142857146%}.lg-7-5{width:71.42857142857143%}.lg-7-6{width:85.71428571428572%}.lg-8-1{width:12.5%}.lg-8-3{width:37.5%}.lg-8-5{width:62.5%}.lg-8-7{width:87.5%}.lg-9-1{width:11.11111111111111%}.lg-9-2{width:22.22222222222222%}.lg-9-3{width:33.33333333333333%}.lg-9-4{width:44.44444444444444%}.lg-9-5{width:55.55555555555556%}.lg-9-6{width:66.66666666666666%}.lg-9-7{width:77.77777777777777%}.lg-9-8{width:88.88888888888889%}.lg-10-1{width:10%}.lg-10-3{width:30%}.lg-10-7{width:70%}.lg-10-9{width:90%}.lg-11-1{width:9.090909090909092%}.lg-11-2{width:18.181818181818183%}.lg-11-3{width:27.272727272727273%}.lg-11-4{width:36.36363636363637%}.lg-11-5{width:45.45454545454546%}.lg-11-6{width:54.54545454545455%}.lg-11-7{width:63.63636363636364%}.lg-11-8{width:72.72727272727273%}.lg-11-9{width:81.81818181818183%}.lg-11-10{width:90.90909090909092%}.lg-12-1{width:8.333333333333334%}.lg-12-5{width:41.66666666666667%}.lg-12-7{width:58.333333333333336%}.lg-12-11{width:91.66666666666667%}.flex-auto-lg>*{width:auto}.flex-1-lg>*{width:100%}.flex-2-lg>*{width:50%}.flex-3-lg>*{width:33.333333333333336%}.flex-4-lg>*{width:25%}.flex-5-lg>*{width:20%}.flex-6-lg>*{width:16.666666666666668%}.flex-7-lg>*{width:14.285714285714286%}.flex-8-lg>*{width:12.5%}.flex-9-lg>*{width:11.11111111111111%}.flex-10-lg>*{width:10%}.flex-11-lg>*{width:9.090909090909092%}.flex-12-lg>*{width:8.333333333333334%}.gutter-0-lg{margin:0}.gutter-0-lg>*{padding:0}.gutter-1-lg{margin:0 -1px 0 -1px}.gutter-1-lg>*{padding:0 1px}.gutter-2-lg{margin:0 -2px 0 -2px}.gutter-2-lg>*{padding:0 2px}.gutter-3-lg{margin:0 -3px 0 -3px}.gutter-3-lg>*{padding:0 3px}.gutter-4-lg{margin:0 -4px 0 -4px}.gutter-4-lg>*{padding:0 4px}.gutter-5-lg{margin:0 -5px 0 -5px}.gutter-5-lg>*{padding:0 5px}.gutter-6-lg{margin:0 -6px 0 -6px}.gutter-6-lg>*{padding:0 6px}.gutter-7-lg{margin:0 -7px 0 -7px}.gutter-7-lg>*{padding:0 7px}.gutter-8-lg{margin:0 -8px 0 -8px}.gutter-8-lg>*{padding:0 8px}.gutter-9-lg{margin:0 -9px 0 -9px}.gutter-9-lg>*{padding:0 9px}.gutter-10-lg{margin:0 -10px 0 -10px}.gutter-10-lg>*{padding:0 10px}.gutter-11-lg{margin:0 -11px 0 -11px}.gutter-11-lg>*{padding:0 11px}.gutter-12-lg{margin:0 -12px 0 -12px}.gutter-12-lg>*{padding:0 12px}.gutter-13-lg{margin:0 -13px 0 -13px}.gutter-13-lg>*{padding:0 13px}.gutter-14-lg{margin:0 -14px 0 -14px}.gutter-14-lg>*{padding:0 14px}.gutter-15-lg{margin:0 -15px 0 -15px}.gutter-15-lg>*{padding:0 15px}.gutter-16-lg{margin:0 -16px 0 -16px}.gutter-16-lg>*{padding:0 16px}.gutter-17-lg{margin:0 -17px 0 -17px}.gutter-17-lg>*{padding:0 17px}.gutter-18-lg{margin:0 -18px 0 -18px}.gutter-18-lg>*{padding:0 18px}.gutter-19-lg{margin:0 -19px 0 -19px}.gutter-19-lg>*{padding:0 19px}.gutter-20-lg{margin:0 -20px 0 -20px}.gutter-20-lg>*{padding:0 20px}.gutter-out-lg{margin:0}.center-lg{-webkit-justify-content:center;justify-content:center;text-align:center}.left-lg{-webkit-justify-content:flex-start;justify-content:flex-start;text-align:left}.right-lg{-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}.top-lg{-webkit-align-items:flex-start;align-items:flex-start}.top-lg>*{vertical-align:top}.middle-lg{-webkit-align-items:center;align-items:center}.middle-lg>*{vertical-align:middle}.bottom-lg{-webkit-align-items:flex-end;align-items:flex-end}.bottom-lg>*{vertical-align:bottom}.reverse-lg{-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.not-reverse-lg{-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.first-lg{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.last-lg{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.not-first-lg,.not-last-lg{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}}@media(min-width:1025px){.xl-auto{width:auto}.xl-1{width:100%}.xl-2-1,.xl-4-2,.xl-6-3,.xl-8-4,.xl-10-5,.xl-12-6{width:50%}.xl-3-1,.xl-6-2,.xl-12-4{width:33.333333333333336%}.xl-3-2,.xl-6-4,.xl-12-8{width:66.66666666666667%}.xl-4-1,.xl-8-2,.xl-12-3{width:25%}.xl-4-3,.xl-8-6,.xl-12-9{width:75%}.xl-5-1,.xl-10-2{width:20%}.xl-5-2,.xl-10-4{width:40%}.xl-5-3,.xl-10-6{width:60%}.xl-5-4,.xl-10-8{width:80%}.xl-6-1,.xl-12-2{width:16.666666666666668%}.xl-6-5,.xl-12-10{width:83.33333333333334%}.xl-7-1{width:14.285714285714286%}.xl-7-2{width:28.571428571428573%}.xl-7-3{width:42.85714285714286%}.xl-7-4{width:57.142857142857146%}.xl-7-5{width:71.42857142857143%}.xl-7-6{width:85.71428571428572%}.xl-8-1{width:12.5%}.xl-8-3{width:37.5%}.xl-8-5{width:62.5%}.xl-8-7{width:87.5%}.xl-9-1{width:11.11111111111111%}.xl-9-2{width:22.22222222222222%}.xl-9-3{width:33.33333333333333%}.xl-9-4{width:44.44444444444444%}.xl-9-5{width:55.55555555555556%}.xl-9-6{width:66.66666666666666%}.xl-9-7{width:77.77777777777777%}.xl-9-8{width:88.88888888888889%}.xl-10-1{width:10%}.xl-10-3{width:30%}.xl-10-7{width:70%}.xl-10-9{width:90%}.xl-11-1{width:9.090909090909092%}.xl-11-2{width:18.181818181818183%}.xl-11-3{width:27.272727272727273%}.xl-11-4{width:36.36363636363637%}.xl-11-5{width:45.45454545454546%}.xl-11-6{width:54.54545454545455%}.xl-11-7{width:63.63636363636364%}.xl-11-8{width:72.72727272727273%}.xl-11-9{width:81.81818181818183%}.xl-11-10{width:90.90909090909092%}.xl-12-1{width:8.333333333333334%}.xl-12-5{width:41.66666666666667%}.xl-12-7{width:58.333333333333336%}.xl-12-11{width:91.66666666666667%}.flex-auto-xl>*{width:auto}.flex-1-xl>*{width:100%}.flex-2-xl>*{width:50%}.flex-3-xl>*{width:33.333333333333336%}.flex-4-xl>*{width:25%}.flex-5-xl>*{width:20%}.flex-6-xl>*{width:16.666666666666668%}.flex-7-xl>*{width:14.285714285714286%}.flex-8-xl>*{width:12.5%}.flex-9-xl>*{width:11.11111111111111%}.flex-10-xl>*{width:10%}.flex-11-xl>*{width:9.090909090909092%}.flex-12-xl>*{width:8.333333333333334%}.gutter-0-xl{margin:0}.gutter-0-xl>*{padding:0}.gutter-1-xl{margin:0 -1px 0 -1px}.gutter-1-xl>*{padding:0 1px}.gutter-2-xl{margin:0 -2px 0 -2px}.gutter-2-xl>*{padding:0 2px}.gutter-3-xl{margin:0 -3px 0 -3px}.gutter-3-xl>*{padding:0 3px}.gutter-4-xl{margin:0 -4px 0 -4px}.gutter-4-xl>*{padding:0 4px}.gutter-5-xl{margin:0 -5px 0 -5px}.gutter-5-xl>*{padding:0 5px}.gutter-6-xl{margin:0 -6px 0 -6px}.gutter-6-xl>*{padding:0 6px}.gutter-7-xl{margin:0 -7px 0 -7px}.gutter-7-xl>*{padding:0 7px}.gutter-8-xl{margin:0 -8px 0 -8px}.gutter-8-xl>*{padding:0 8px}.gutter-9-xl{margin:0 -9px 0 -9px}.gutter-9-xl>*{padding:0 9px}.gutter-10-xl{margin:0 -10px 0 -10px}.gutter-10-xl>*{padding:0 10px}.gutter-11-xl{margin:0 -11px 0 -11px}.gutter-11-xl>*{padding:0 11px}.gutter-12-xl{margin:0 -12px 0 -12px}.gutter-12-xl>*{padding:0 12px}.gutter-13-xl{margin:0 -13px 0 -13px}.gutter-13-xl>*{padding:0 13px}.gutter-14-xl{margin:0 -14px 0 -14px}.gutter-14-xl>*{padding:0 14px}.gutter-15-xl{margin:0 -15px 0 -15px}.gutter-15-xl>*{padding:0 15px}.gutter-16-xl{margin:0 -16px 0 -16px}.gutter-16-xl>*{padding:0 16px}.gutter-17-xl{margin:0 -17px 0 -17px}.gutter-17-xl>*{padding:0 17px}.gutter-18-xl{margin:0 -18px 0 -18px}.gutter-18-xl>*{padding:0 18px}.gutter-19-xl{margin:0 -19px 0 -19px}.gutter-19-xl>*{padding:0 19px}.gutter-20-xl{margin:0 -20px 0 -20px}.gutter-20-xl>*{padding:0 20px}.gutter-out-xl{margin:0}.center-xl{-webkit-justify-content:center;justify-content:center;text-align:center}.left-xl{-webkit-justify-content:flex-start;justify-content:flex-start;text-align:left}.right-xl{-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}.top-xl{-webkit-align-items:flex-start;align-items:flex-start}.top-xl>*{vertical-align:top}.middle-xl{-webkit-align-items:center;align-items:center}.middle-xl>*{vertical-align:middle}.bottom-xl{-webkit-align-items:flex-end;align-items:flex-end}.bottom-xl>*{vertical-align:bottom}.reverse-xl{-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-flex-wrap:wrap-reverse;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.not-reverse-xl{-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.first-xl{-webkit-box-ordinal-group:-1;-moz-box-ordinal-group:-1;-ms-flex-order:-1;-webkit-order:-1;order:-1}.last-xl{-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1}.not-first-xl,.not-last-xl{-webkit-box-ordinal-group:0;-moz-box-ordinal-group:0;-ms-flex-order:0;-webkit-order:0;order:0}} diff --git a/flexiblegs.core.json b/flexiblegs.core.json index 36b3266..68494eb 100644 --- a/flexiblegs.core.json +++ b/flexiblegs.core.json @@ -1,6 +1,6 @@ { "name": "Flexible Grid System | CSS · Sass · Less · Stylus", - "version": "2.4.3", + "version": "2.5.0", "formats": [ "css", "sass", "less", "stylus" ], @@ -10,6 +10,7 @@ "gutter-name": "gutter", "align-name": "align", "flexbox-name": "flexbox", + "layout-name": "size", "sizes": [ { "name": "xl", @@ -46,5 +47,6 @@ "bottom-name": "bottom", "reverse-name": "reverse", "first-name": "first", - "last-name": "last" + "last-name": "last", + "not-name": "not" } diff --git a/less/flexiblegs.less b/less/flexiblegs.less index c14d183..a5a4f1f 100644 --- a/less/flexiblegs.less +++ b/less/flexiblegs.less @@ -1,4 +1,4 @@ -// Flexible Grid System 2.4.2 | Less | MIT License | flexible.gs +// Flexible Grid System 2.5.0 | Less | MIT License | flexible.gs // Mixins diff --git a/less/flexiblegs/layout.less b/less/flexiblegs/layout.less index 8464cd9..a459e5b 100644 --- a/less/flexiblegs/layout.less +++ b/less/flexiblegs/layout.less @@ -7,10 +7,7 @@ -moz-box-sizing: border-box; box-sizing: border-box; } -@-ms-viewport { - width: device-width; -} -@sm: ~"(min-width: 415px)"; -@md: ~"(min-width: 668px)"; -@lg: ~"(min-width: 769px)"; -@xl: ~"(min-width: 1025px)"; +@size-sm: ~"(min-width: 415px)"; +@size-md: ~"(min-width: 668px)"; +@size-lg: ~"(min-width: 769px)"; +@size-xl: ~"(min-width: 1025px)"; diff --git a/less/flexiblegs/mixins/flexbox.less b/less/flexiblegs/mixins/flexbox.less index 36c9803..b23ce22 100644 --- a/less/flexiblegs/mixins/flexbox.less +++ b/less/flexiblegs/mixins/flexbox.less @@ -33,7 +33,7 @@ -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } -.flexbox(@flexbox) when (@flexbox = no-reverse) { +.flexbox(@flexbox) when (@flexbox = not-reverse) { -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; @@ -45,12 +45,12 @@ .flexbox(@flexbox) when (@flexbox = first) { .order(-1); } -.flexbox(@flexbox) when (@flexbox = no-first) { +.flexbox(@flexbox) when (@flexbox = not-first) { .order; } .flexbox(@flexbox) when (@flexbox = last) { .order(1); } -.flexbox(@flexbox) when (@flexbox = no-last) { +.flexbox(@flexbox) when (@flexbox = not-last) { .order; } diff --git a/package.json b/package.json index 37e2662..74ae102 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "flexiblegs", - "version": "2.4.3", + "version": "2.5.0", "description": "Flexible Grid System is a Responsive CSS Framework (Sass, Less and Stylus)", "homepage": "http://flexible.gs", "author": { diff --git a/sass/_flexiblegs.scss b/sass/_flexiblegs.scss index cfe74b3..feaa88e 100644 --- a/sass/_flexiblegs.scss +++ b/sass/_flexiblegs.scss @@ -1,4 +1,4 @@ -// Flexible Grid System 2.4.2 | Sass | MIT License | flexible.gs +// Flexible Grid System 2.5.0 | Sass | MIT License | flexible.gs // Mixins diff --git a/sass/flexiblegs/_layout.scss b/sass/flexiblegs/_layout.scss index f81a1ee..e525f53 100644 --- a/sass/flexiblegs/_layout.scss +++ b/sass/flexiblegs/_layout.scss @@ -7,26 +7,23 @@ -moz-box-sizing: border-box; box-sizing: border-box; } -@-ms-viewport { - width: device-width; -} -@mixin size($class) { - @if $class == sm { +@mixin size($size) { + @if $size == sm { @media (min-width: 415px) { @content; } } - @else if $class == md { + @else if $size == md { @media (min-width: 668px) { @content; } } - @else if $class == lg { + @else if $size == lg { @media (min-width: 769px) { @content; } } - @else if $class == xl { + @else if $size == xl { @media (min-width: 1025px) { @content; } diff --git a/sass/flexiblegs/mixins/_flexbox.scss b/sass/flexiblegs/mixins/_flexbox.scss index e312bcc..66c98f8 100644 --- a/sass/flexiblegs/mixins/_flexbox.scss +++ b/sass/flexiblegs/mixins/_flexbox.scss @@ -34,7 +34,7 @@ -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } - @else if $flexbox == no-reverse { + @else if $flexbox == not-reverse { -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; @@ -46,13 +46,13 @@ @else if $flexbox == first { @include order(-1); } - @else if $flexbox == no-first { + @else if $flexbox == not-first { @include order; } @else if $flexbox == last { @include order(1); } - @else if $flexbox == no-last { + @else if $flexbox == not-last { @include order; } } diff --git a/stylus/flexiblegs.styl b/stylus/flexiblegs.styl index 5f3330e..97283c7 100644 --- a/stylus/flexiblegs.styl +++ b/stylus/flexiblegs.styl @@ -1,4 +1,4 @@ -// Flexible Grid System 2.4.2 | Stylus | MIT License | flexible.gs +// Flexible Grid System 2.5.0 | Stylus | MIT License | flexible.gs // Mixins diff --git a/stylus/flexiblegs/layout.styl b/stylus/flexiblegs/layout.styl index 1705782..0f57fd5 100644 --- a/stylus/flexiblegs/layout.styl +++ b/stylus/flexiblegs/layout.styl @@ -6,9 +6,7 @@ -webkit-box-sizing border-box -moz-box-sizing border-box box-sizing border-box -@-ms-viewport - width device-width -sm = "(min-width: 415px)" -md = "(min-width: 668px)" -lg = "(min-width: 769px)" -xl = "(min-width: 1025px)" +size-sm = "(min-width: 415px)" +size-md = "(min-width: 668px)" +size-lg = "(min-width: 769px)" +size-xl = "(min-width: 1025px)" diff --git a/stylus/flexiblegs/mixins/flexbox.styl b/stylus/flexiblegs/mixins/flexbox.styl index 5ff71ec..0994760 100644 --- a/stylus/flexiblegs/mixins/flexbox.styl +++ b/stylus/flexiblegs/mixins/flexbox.styl @@ -31,7 +31,7 @@ flexbox(flexbox = false) -webkit-flex-wrap wrap-reverse -ms-flex-wrap wrap-reverse flex-wrap wrap-reverse - else if (flexbox == no-reverse) + else if (flexbox == not-reverse) -webkit-box-direction normal -webkit-flex-direction row -ms-flex-direction row @@ -41,9 +41,9 @@ flexbox(flexbox = false) flex-wrap wrap else if (flexbox == first) order(-1) - else if (flexbox == no-first) + else if (flexbox == not-first) order() else if (flexbox == last) order(1) - else if (flexbox == no-last) + else if (flexbox == not-last) order()