Last active
May 18, 2016 08:29
-
-
Save MartinMuzatko/5b9f675d41e72f56f3446935d3a8ca86 to your computer and use it in GitHub Desktop.
Angular Material Default - ~5826 lines without vendor prefixes
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.4.21) | |
| // Compass (v1.0.3) | |
| // ---- | |
| $layout-gutter-width: 16px !default; | |
| $layout-breakpoint-sm: 960px !default; | |
| $layout-breakpoint-md: 1280px !default; | |
| $layout-breakpoint-lg: 1920px !default; | |
| @-moz-document url-prefix() { | |
| [layout-fill] { | |
| margin: 0; | |
| width: 100%; | |
| min-height: 100%; | |
| height: 100%; | |
| } | |
| } | |
| @mixin flex-order-for-name($sizes:null) { | |
| @if $sizes == null { | |
| $sizes : ''; | |
| [flex-order] { | |
| order : 0; | |
| } | |
| } | |
| @for $i from 0 through 20 { | |
| $order : ''; | |
| $suffix : ''; | |
| @each $s in $sizes { | |
| @if $s != '' { $suffix : '-#{$s}="#{$i}"'; } | |
| @else { $suffix : '="#{$i}"'; } | |
| $order : '[flex-order#{$suffix}]'; | |
| } | |
| #{$order} { | |
| order: #{$i}; | |
| } | |
| } | |
| } | |
| @mixin offset-for-name($sizes:null) { | |
| @if $sizes == null { $sizes : ''; } | |
| @for $i from 0 through 19 { | |
| $offsets : ''; | |
| $suffix : ''; | |
| @each $s in $sizes { | |
| @if $s != '' { $suffix : '-#{$s}="#{$i * 5}"'; } | |
| @else { $suffix : '="#{$i * 5}"'; } | |
| $offsets : $offsets + '[flex-offset#{$suffix}], '; | |
| } | |
| #{$offsets} { | |
| margin-left: #{$i * 5 + '%'}; | |
| } | |
| } | |
| @each $i in 33 { | |
| $offsets : ''; | |
| $suffix : ''; | |
| @each $s in $sizes { | |
| @if $s != '' { $suffix : '-#{$s}="#{$i}"'; } | |
| @else { $suffix : '="#{$i}"'; } | |
| $offsets : '[flex-offset#{$suffix}], '; | |
| } | |
| #{$offsets} { | |
| margin-left: calc(100% / 3); | |
| } | |
| } | |
| @each $i in 66 { | |
| $offsets : ''; | |
| $suffix : ''; | |
| @each $s in $sizes { | |
| @if $s != '' { $suffix : '-#{$s}="#{$i}"'; } | |
| @else { $suffix : '="#{$i}"'; } | |
| $offsets : '[flex-offset#{$suffix}]'; | |
| } | |
| #{$offsets} { | |
| margin-left: calc(200% / 3); | |
| } | |
| } | |
| } | |
| @mixin layout-for-name($name: null) { | |
| @if $name == null { $name : ''; } | |
| @if $name != '' { $name : '-#{$name}'; } | |
| [layout#{$name}], [layout#{$name}="column"], [layout#{$name}="row"] { | |
| box-sizing: border-box; | |
| display: flex; | |
| } | |
| [layout#{$name}="column"] { flex-direction: column; } | |
| [layout#{$name}="row"] { flex-direction: row; } | |
| } | |
| @mixin flex-properties-for-name($name: null) { | |
| $flexName: 'flex'; | |
| @if $name != null { | |
| $flexName: 'flex-#{$name}'; | |
| $name : '-#{$name}'; | |
| } @else { | |
| $name : ''; | |
| } | |
| [#{$flexName}] { flex: 1; box-sizing: border-box; } // === flex: 1 1 0%; | |
| // IE mediaQuery hack for 8,9,10 to set the flex-basis properly for 'flex' values | |
| // Details: | |
| // Do not use unitless flex-basis values in the flex shorthand because IE 10-11 will error. | |
| // Also use 0% instead of 0px since minifiers will often convert 0px to 0 (which is unitless and will have the same problem). | |
| // Safari, however, fails with flex-basis : 0% and requires flex-basis : 0px | |
| @if $name != '-print' { | |
| @media screen\0 { | |
| [#{$flexName}] { | |
| flex: 1 1 0%; | |
| } | |
| } | |
| } | |
| [#{$flexName}-grow] { flex: 1 1 100%; box-sizing: border-box; } | |
| [#{$flexName}-initial] { flex: 0 1 auto; box-sizing: border-box; } | |
| [#{$flexName}-auto] { flex: 1 1 auto; box-sizing: border-box; } | |
| [#{$flexName}-none] { flex: 0 0 auto; box-sizing: border-box; } | |
| // (1-20) * 5 = 0-100% | |
| @for $i from 0 through 20 { | |
| $value : #{$i * 5 + '%'}; | |
| [#{$flexName}="#{$i * 5}"] { | |
| flex: 1 1 #{$value}; | |
| max-width: #{$value}; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [#{$flexName}="#{$i * 5}"], | |
| [layout#{$name}="row"] > [#{$flexName}="#{$i * 5}"] { | |
| flex: 1 1 #{$value}; | |
| max-width: #{$value}; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [#{$flexName}="#{$i * 5}"], | |
| [layout#{$name}="column"] > [#{$flexName}="#{$i * 5}"] { | |
| flex: 1 1 #{$value}; | |
| max-width: 100%; | |
| max-height: #{$value}; | |
| box-sizing: border-box; | |
| } | |
| } | |
| [layout="row"], [layout#{$name}="row"] { | |
| > [#{$flexName}="33"] , > [#{$flexName}="33"] { flex: 1 1 33.33%; max-width: 33.33%; max-height: 100%; box-sizing: border-box; } | |
| > [#{$flexName}="66"] , > [#{$flexName}="66"] { flex: 1 1 66.66%; max-width: 66.66%; max-height: 100%; box-sizing: border-box; } | |
| } | |
| [layout="column"], [layout#{$name}="column"] { | |
| > [#{$flexName}="33"] , > [#{$flexName}="33"] { flex: 1 1 33.33%; max-width: 100%; max-height: 33.33%; box-sizing: border-box; } | |
| > [#{$flexName}="66"] , > [#{$flexName}="66"] { flex: 1 1 66.66%; max-width: 100%; max-height: 66.66%; box-sizing: border-box; } | |
| } | |
| } | |
| @mixin layout-align-for-name($suffix: null) { | |
| // Alignment attributes for layout containers' children | |
| // Arrange on the Main Axis | |
| // center, start, end, space-between, space-around | |
| // flex-start is the default for justify-content | |
| // ------------------------------ | |
| $name: 'layout-align'; | |
| @if $suffix != null { | |
| $name: 'layout-align-#{$suffix}'; | |
| } | |
| [#{$name}], | |
| [#{$name}="start stretch"] // defaults | |
| { | |
| justify-content :flex-start; | |
| align-content : stretch; | |
| align-items: stretch; | |
| } | |
| // Main Axis Center | |
| [#{$name}="start"], | |
| [#{$name}="start start"], | |
| [#{$name}="start center"], | |
| [#{$name}="start end"], | |
| [#{$name}="start stretch"] | |
| { | |
| justify-content: flex-start; | |
| } | |
| // Main Axis Center | |
| [#{$name}="center"], | |
| [#{$name}="center start"], | |
| [#{$name}="center center"], | |
| [#{$name}="center end"], | |
| [#{$name}="center stretch"] | |
| { | |
| justify-content: center; | |
| } | |
| // Main Axis End | |
| [#{$name}="end"], //stretch | |
| [#{$name}="end center"], | |
| [#{$name}="end start"], | |
| [#{$name}="end end"], | |
| [#{$name}="end stretch"] | |
| { | |
| justify-content: flex-end; | |
| } | |
| // Main Axis Space Around | |
| [#{$name}="space-around"], //stretch | |
| [#{$name}="space-around center"], | |
| [#{$name}="space-around start"], | |
| [#{$name}="space-around end"], | |
| [#{$name}="space-around stretch"] | |
| { | |
| justify-content: space-around; | |
| } | |
| // Main Axis Space Between | |
| [#{$name}="space-between"], //stretch | |
| [#{$name}="space-between center"], | |
| [#{$name}="space-between start"], | |
| [#{$name}="space-between end"], | |
| [#{$name}="space-between stretch"] | |
| { | |
| justify-content: space-between; | |
| } | |
| // Arrange on the Cross Axis | |
| // center, start, end | |
| // stretch is the default for align-items | |
| // ------------------------------ | |
| // Cross Axis Start | |
| [#{$name}="start start"], | |
| [#{$name}="center start"], | |
| [#{$name}="end start"], | |
| [#{$name}="space-between start"], | |
| [#{$name}="space-around start"] | |
| { | |
| align-items: flex-start; | |
| align-content: flex-start; | |
| } | |
| // Cross Axis Center | |
| [#{$name}="start center"], | |
| [#{$name}="center center"], | |
| [#{$name}="end center"], | |
| [#{$name}="space-between center"], | |
| [#{$name}="space-around center"] | |
| { | |
| align-items: center; | |
| align-content: center; | |
| max-width: 100%; | |
| } | |
| // Cross Axis Center IE overflow fix | |
| [#{$name}="start center"] > *, | |
| [#{$name}="center center"] > *, | |
| [#{$name}="end center"] > *, | |
| [#{$name}="space-between center"] > *, | |
| [#{$name}="space-around center"] > * | |
| { | |
| max-width: 100%; | |
| box-sizing: border-box; | |
| } | |
| // Cross Axis End | |
| [#{$name}="start end"], | |
| [#{$name}="center end"], | |
| [#{$name}="end end"], | |
| [#{$name}="space-between end"], | |
| [#{$name}="space-around end"] | |
| { | |
| align-items: flex-end; | |
| align-content: flex-end; | |
| } | |
| // Cross Axis stretch | |
| [#{$name}="start stretch"], | |
| [#{$name}="center stretch"], | |
| [#{$name}="end stretch"], | |
| [#{$name}="space-between stretch"], | |
| [#{$name}="space-around stretch"] | |
| { | |
| align-items: stretch; | |
| align-content: stretch; | |
| } | |
| } | |
| @mixin layout-padding-margin() { | |
| [layout-padding] > [flex-sm], [layout-padding] > [flex-lt-md] { | |
| padding: $layout-gutter-width / 4; | |
| } | |
| [layout-padding], | |
| [layout-padding] > [flex], | |
| [layout-padding] > [flex-gt-sm], | |
| [layout-padding] > [flex-md], | |
| [layout-padding] > [flex-lt-lg] | |
| { | |
| padding: $layout-gutter-width / 2; | |
| } | |
| [layout-padding] > [flex-gt-md], | |
| [layout-padding] > [flex-lg] | |
| { | |
| padding: $layout-gutter-width / 1; | |
| } | |
| [layout-margin] > [flex-sm], | |
| [layout-margin] > [flex-lt-md] | |
| { | |
| margin: $layout-gutter-width / 4; | |
| } | |
| [layout-margin], | |
| [layout-margin] > [flex], | |
| [layout-margin] > [flex-gt-sm], | |
| [layout-margin] > [flex-md], | |
| [layout-margin] > [flex-lt-lg] | |
| { | |
| margin: $layout-gutter-width / 2; | |
| } | |
| [layout-margin] > [flex-gt-md], | |
| [layout-margin] > [flex-lg] | |
| { | |
| margin: $layout-gutter-width / 1; | |
| } | |
| [layout-wrap] { | |
| flex-wrap: wrap; | |
| } | |
| [layout-nowrap] { | |
| flex-wrap: nowrap; | |
| } | |
| [layout-fill] { | |
| margin: 0; | |
| width: 100%; | |
| min-height: 100%; | |
| height: 100%; | |
| } | |
| } | |
| @mixin layouts_for_breakpoint($name:null) { | |
| @include flex-order-for-name($name); | |
| @include offset-for-name($name); | |
| @include layout-align-for-name($name); | |
| @include flex-properties-for-name($name); | |
| @include layout-for-name($name); | |
| } | |
| @include layouts_for_breakpoint(); | |
| @include layout-padding-margin(); | |
| @media (max-width: $layout-breakpoint-sm - 1) { | |
| // SMALL SCREEN | |
| [hide], [hide-gt-xs] { | |
| &:not([show-gt-xs]):not([show-sm]):not([show]) { | |
| display: none; | |
| } | |
| } | |
| [hide-sm]:not([show-gt-xs]):not([show-sm]):not([show]) { | |
| display: none; | |
| } | |
| @include layouts_for_breakpoint(sm); | |
| } | |
| @media (min-width: $layout-breakpoint-sm) { | |
| // BIGGER THAN SMALL SCREEN | |
| @include layouts_for_breakpoint(gt-sm); | |
| } | |
| @media (min-width: $layout-breakpoint-sm) and (max-width: $layout-breakpoint-md - 1) { | |
| // MEDIUM SCREEN | |
| [hide], [hide-gt-xs], [hide-gt-sm] { | |
| &:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]) { | |
| display: none; | |
| } | |
| } | |
| [hide-md]:not([show-md]):not([show]) { | |
| display: none; | |
| } | |
| @include layouts_for_breakpoint(md); | |
| } | |
| @media (min-width: $layout-breakpoint-md) { | |
| // BIGGER THAN MEDIUM SCREEN | |
| @include layouts_for_breakpoint(gt-md); | |
| } | |
| @media (min-width: $layout-breakpoint-md) and (max-width: $layout-breakpoint-lg - 1) { | |
| // LARGE SCREEN | |
| [hide],[hide-gt-xs], [hide-gt-sm], [hide-gt-md] { | |
| &:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]) { | |
| display: none; | |
| } | |
| } | |
| [hide-lg]:not([show-lg]):not([show]) { | |
| display: none; | |
| } | |
| @include layouts_for_breakpoint(lg); | |
| } | |
| @media (min-width: $layout-breakpoint-lg) { | |
| // BIGGER THAN LARGE SCREEN | |
| @include layouts_for_breakpoint(gt-lg); | |
| // BIGGER THAN LARGE SCREEN | |
| [hide], [hide-gt-xs], [hide-gt-sm], [hide-gt-md], [hide-gt-lg] { | |
| &:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]) { | |
| display: none; | |
| } | |
| } | |
| [hide-xl]:not([show-xl]):not([show-gt-lg]):not([show]) { | |
| display: none; | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @-moz-document url-prefix() { | |
| [layout-fill] { | |
| margin: 0; | |
| width: 100%; | |
| min-height: 100%; | |
| height: 100%; | |
| } | |
| } | |
| [flex-order] { | |
| order: 0; | |
| } | |
| [flex-order="0"] { | |
| order: 0; | |
| } | |
| [flex-order="1"] { | |
| order: 1; | |
| } | |
| [flex-order="2"] { | |
| order: 2; | |
| } | |
| [flex-order="3"] { | |
| order: 3; | |
| } | |
| [flex-order="4"] { | |
| order: 4; | |
| } | |
| [flex-order="5"] { | |
| order: 5; | |
| } | |
| [flex-order="6"] { | |
| order: 6; | |
| } | |
| [flex-order="7"] { | |
| order: 7; | |
| } | |
| [flex-order="8"] { | |
| order: 8; | |
| } | |
| [flex-order="9"] { | |
| order: 9; | |
| } | |
| [flex-order="10"] { | |
| order: 10; | |
| } | |
| [flex-order="11"] { | |
| order: 11; | |
| } | |
| [flex-order="12"] { | |
| order: 12; | |
| } | |
| [flex-order="13"] { | |
| order: 13; | |
| } | |
| [flex-order="14"] { | |
| order: 14; | |
| } | |
| [flex-order="15"] { | |
| order: 15; | |
| } | |
| [flex-order="16"] { | |
| order: 16; | |
| } | |
| [flex-order="17"] { | |
| order: 17; | |
| } | |
| [flex-order="18"] { | |
| order: 18; | |
| } | |
| [flex-order="19"] { | |
| order: 19; | |
| } | |
| [flex-order="20"] { | |
| order: 20; | |
| } | |
| [flex-offset="0"] { | |
| margin-left: 0%; | |
| } | |
| [flex-offset="5"] { | |
| margin-left: 5%; | |
| } | |
| [flex-offset="10"] { | |
| margin-left: 10%; | |
| } | |
| [flex-offset="15"] { | |
| margin-left: 15%; | |
| } | |
| [flex-offset="20"] { | |
| margin-left: 20%; | |
| } | |
| [flex-offset="25"] { | |
| margin-left: 25%; | |
| } | |
| [flex-offset="30"] { | |
| margin-left: 30%; | |
| } | |
| [flex-offset="35"] { | |
| margin-left: 35%; | |
| } | |
| [flex-offset="40"] { | |
| margin-left: 40%; | |
| } | |
| [flex-offset="45"] { | |
| margin-left: 45%; | |
| } | |
| [flex-offset="50"] { | |
| margin-left: 50%; | |
| } | |
| [flex-offset="55"] { | |
| margin-left: 55%; | |
| } | |
| [flex-offset="60"] { | |
| margin-left: 60%; | |
| } | |
| [flex-offset="65"] { | |
| margin-left: 65%; | |
| } | |
| [flex-offset="70"] { | |
| margin-left: 70%; | |
| } | |
| [flex-offset="75"] { | |
| margin-left: 75%; | |
| } | |
| [flex-offset="80"] { | |
| margin-left: 80%; | |
| } | |
| [flex-offset="85"] { | |
| margin-left: 85%; | |
| } | |
| [flex-offset="90"] { | |
| margin-left: 90%; | |
| } | |
| [flex-offset="95"] { | |
| margin-left: 95%; | |
| } | |
| [flex-offset="33"] { | |
| margin-left: calc(100% / 3); | |
| } | |
| [flex-offset="66"] { | |
| margin-left: calc(200% / 3); | |
| } | |
| [layout-align], | |
| [layout-align="start stretch"] { | |
| justify-content: flex-start; | |
| align-content: stretch; | |
| align-items: stretch; | |
| } | |
| [layout-align="start"], | |
| [layout-align="start start"], | |
| [layout-align="start center"], | |
| [layout-align="start end"], | |
| [layout-align="start stretch"] { | |
| justify-content: flex-start; | |
| } | |
| [layout-align="center"], | |
| [layout-align="center start"], | |
| [layout-align="center center"], | |
| [layout-align="center end"], | |
| [layout-align="center stretch"] { | |
| justify-content: center; | |
| } | |
| [layout-align="end"], | |
| [layout-align="end center"], | |
| [layout-align="end start"], | |
| [layout-align="end end"], | |
| [layout-align="end stretch"] { | |
| justify-content: flex-end; | |
| } | |
| [layout-align="space-around"], | |
| [layout-align="space-around center"], | |
| [layout-align="space-around start"], | |
| [layout-align="space-around end"], | |
| [layout-align="space-around stretch"] { | |
| justify-content: space-around; | |
| } | |
| [layout-align="space-between"], | |
| [layout-align="space-between center"], | |
| [layout-align="space-between start"], | |
| [layout-align="space-between end"], | |
| [layout-align="space-between stretch"] { | |
| justify-content: space-between; | |
| } | |
| [layout-align="start start"], | |
| [layout-align="center start"], | |
| [layout-align="end start"], | |
| [layout-align="space-between start"], | |
| [layout-align="space-around start"] { | |
| align-items: flex-start; | |
| align-content: flex-start; | |
| } | |
| [layout-align="start center"], | |
| [layout-align="center center"], | |
| [layout-align="end center"], | |
| [layout-align="space-between center"], | |
| [layout-align="space-around center"] { | |
| align-items: center; | |
| align-content: center; | |
| max-width: 100%; | |
| } | |
| [layout-align="start center"] > *, | |
| [layout-align="center center"] > *, | |
| [layout-align="end center"] > *, | |
| [layout-align="space-between center"] > *, | |
| [layout-align="space-around center"] > * { | |
| max-width: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout-align="start end"], | |
| [layout-align="center end"], | |
| [layout-align="end end"], | |
| [layout-align="space-between end"], | |
| [layout-align="space-around end"] { | |
| align-items: flex-end; | |
| align-content: flex-end; | |
| } | |
| [layout-align="start stretch"], | |
| [layout-align="center stretch"], | |
| [layout-align="end stretch"], | |
| [layout-align="space-between stretch"], | |
| [layout-align="space-around stretch"] { | |
| align-items: stretch; | |
| align-content: stretch; | |
| } | |
| [flex] { | |
| flex: 1; | |
| box-sizing: border-box; | |
| } | |
| @media screen\0 { | |
| [flex] { | |
| flex: 1 1 0%; | |
| } | |
| } | |
| [flex-grow] { | |
| flex: 1 1 100%; | |
| box-sizing: border-box; | |
| } | |
| [flex-initial] { | |
| flex: 0 1 auto; | |
| box-sizing: border-box; | |
| } | |
| [flex-auto] { | |
| flex: 1 1 auto; | |
| box-sizing: border-box; | |
| } | |
| [flex-none] { | |
| flex: 0 0 auto; | |
| box-sizing: border-box; | |
| } | |
| [flex="0"] { | |
| flex: 1 1 0%; | |
| max-width: 0%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="0"], | |
| [layout="row"] > [flex="0"] { | |
| flex: 1 1 0%; | |
| max-width: 0%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="0"], | |
| [layout="column"] > [flex="0"] { | |
| flex: 1 1 0%; | |
| max-width: 100%; | |
| max-height: 0%; | |
| box-sizing: border-box; | |
| } | |
| [flex="5"] { | |
| flex: 1 1 5%; | |
| max-width: 5%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="5"], | |
| [layout="row"] > [flex="5"] { | |
| flex: 1 1 5%; | |
| max-width: 5%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="5"], | |
| [layout="column"] > [flex="5"] { | |
| flex: 1 1 5%; | |
| max-width: 100%; | |
| max-height: 5%; | |
| box-sizing: border-box; | |
| } | |
| [flex="10"] { | |
| flex: 1 1 10%; | |
| max-width: 10%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="10"], | |
| [layout="row"] > [flex="10"] { | |
| flex: 1 1 10%; | |
| max-width: 10%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="10"], | |
| [layout="column"] > [flex="10"] { | |
| flex: 1 1 10%; | |
| max-width: 100%; | |
| max-height: 10%; | |
| box-sizing: border-box; | |
| } | |
| [flex="15"] { | |
| flex: 1 1 15%; | |
| max-width: 15%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="15"], | |
| [layout="row"] > [flex="15"] { | |
| flex: 1 1 15%; | |
| max-width: 15%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="15"], | |
| [layout="column"] > [flex="15"] { | |
| flex: 1 1 15%; | |
| max-width: 100%; | |
| max-height: 15%; | |
| box-sizing: border-box; | |
| } | |
| [flex="20"] { | |
| flex: 1 1 20%; | |
| max-width: 20%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="20"], | |
| [layout="row"] > [flex="20"] { | |
| flex: 1 1 20%; | |
| max-width: 20%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="20"], | |
| [layout="column"] > [flex="20"] { | |
| flex: 1 1 20%; | |
| max-width: 100%; | |
| max-height: 20%; | |
| box-sizing: border-box; | |
| } | |
| [flex="25"] { | |
| flex: 1 1 25%; | |
| max-width: 25%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="25"], | |
| [layout="row"] > [flex="25"] { | |
| flex: 1 1 25%; | |
| max-width: 25%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="25"], | |
| [layout="column"] > [flex="25"] { | |
| flex: 1 1 25%; | |
| max-width: 100%; | |
| max-height: 25%; | |
| box-sizing: border-box; | |
| } | |
| [flex="30"] { | |
| flex: 1 1 30%; | |
| max-width: 30%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="30"], | |
| [layout="row"] > [flex="30"] { | |
| flex: 1 1 30%; | |
| max-width: 30%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="30"], | |
| [layout="column"] > [flex="30"] { | |
| flex: 1 1 30%; | |
| max-width: 100%; | |
| max-height: 30%; | |
| box-sizing: border-box; | |
| } | |
| [flex="35"] { | |
| flex: 1 1 35%; | |
| max-width: 35%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="35"], | |
| [layout="row"] > [flex="35"] { | |
| flex: 1 1 35%; | |
| max-width: 35%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="35"], | |
| [layout="column"] > [flex="35"] { | |
| flex: 1 1 35%; | |
| max-width: 100%; | |
| max-height: 35%; | |
| box-sizing: border-box; | |
| } | |
| [flex="40"] { | |
| flex: 1 1 40%; | |
| max-width: 40%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="40"], | |
| [layout="row"] > [flex="40"] { | |
| flex: 1 1 40%; | |
| max-width: 40%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="40"], | |
| [layout="column"] > [flex="40"] { | |
| flex: 1 1 40%; | |
| max-width: 100%; | |
| max-height: 40%; | |
| box-sizing: border-box; | |
| } | |
| [flex="45"] { | |
| flex: 1 1 45%; | |
| max-width: 45%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="45"], | |
| [layout="row"] > [flex="45"] { | |
| flex: 1 1 45%; | |
| max-width: 45%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="45"], | |
| [layout="column"] > [flex="45"] { | |
| flex: 1 1 45%; | |
| max-width: 100%; | |
| max-height: 45%; | |
| box-sizing: border-box; | |
| } | |
| [flex="50"] { | |
| flex: 1 1 50%; | |
| max-width: 50%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="50"], | |
| [layout="row"] > [flex="50"] { | |
| flex: 1 1 50%; | |
| max-width: 50%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="50"], | |
| [layout="column"] > [flex="50"] { | |
| flex: 1 1 50%; | |
| max-width: 100%; | |
| max-height: 50%; | |
| box-sizing: border-box; | |
| } | |
| [flex="55"] { | |
| flex: 1 1 55%; | |
| max-width: 55%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="55"], | |
| [layout="row"] > [flex="55"] { | |
| flex: 1 1 55%; | |
| max-width: 55%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="55"], | |
| [layout="column"] > [flex="55"] { | |
| flex: 1 1 55%; | |
| max-width: 100%; | |
| max-height: 55%; | |
| box-sizing: border-box; | |
| } | |
| [flex="60"] { | |
| flex: 1 1 60%; | |
| max-width: 60%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="60"], | |
| [layout="row"] > [flex="60"] { | |
| flex: 1 1 60%; | |
| max-width: 60%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="60"], | |
| [layout="column"] > [flex="60"] { | |
| flex: 1 1 60%; | |
| max-width: 100%; | |
| max-height: 60%; | |
| box-sizing: border-box; | |
| } | |
| [flex="65"] { | |
| flex: 1 1 65%; | |
| max-width: 65%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="65"], | |
| [layout="row"] > [flex="65"] { | |
| flex: 1 1 65%; | |
| max-width: 65%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="65"], | |
| [layout="column"] > [flex="65"] { | |
| flex: 1 1 65%; | |
| max-width: 100%; | |
| max-height: 65%; | |
| box-sizing: border-box; | |
| } | |
| [flex="70"] { | |
| flex: 1 1 70%; | |
| max-width: 70%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="70"], | |
| [layout="row"] > [flex="70"] { | |
| flex: 1 1 70%; | |
| max-width: 70%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="70"], | |
| [layout="column"] > [flex="70"] { | |
| flex: 1 1 70%; | |
| max-width: 100%; | |
| max-height: 70%; | |
| box-sizing: border-box; | |
| } | |
| [flex="75"] { | |
| flex: 1 1 75%; | |
| max-width: 75%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="75"], | |
| [layout="row"] > [flex="75"] { | |
| flex: 1 1 75%; | |
| max-width: 75%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="75"], | |
| [layout="column"] > [flex="75"] { | |
| flex: 1 1 75%; | |
| max-width: 100%; | |
| max-height: 75%; | |
| box-sizing: border-box; | |
| } | |
| [flex="80"] { | |
| flex: 1 1 80%; | |
| max-width: 80%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="80"], | |
| [layout="row"] > [flex="80"] { | |
| flex: 1 1 80%; | |
| max-width: 80%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="80"], | |
| [layout="column"] > [flex="80"] { | |
| flex: 1 1 80%; | |
| max-width: 100%; | |
| max-height: 80%; | |
| box-sizing: border-box; | |
| } | |
| [flex="85"] { | |
| flex: 1 1 85%; | |
| max-width: 85%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="85"], | |
| [layout="row"] > [flex="85"] { | |
| flex: 1 1 85%; | |
| max-width: 85%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="85"], | |
| [layout="column"] > [flex="85"] { | |
| flex: 1 1 85%; | |
| max-width: 100%; | |
| max-height: 85%; | |
| box-sizing: border-box; | |
| } | |
| [flex="90"] { | |
| flex: 1 1 90%; | |
| max-width: 90%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="90"], | |
| [layout="row"] > [flex="90"] { | |
| flex: 1 1 90%; | |
| max-width: 90%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="90"], | |
| [layout="column"] > [flex="90"] { | |
| flex: 1 1 90%; | |
| max-width: 100%; | |
| max-height: 90%; | |
| box-sizing: border-box; | |
| } | |
| [flex="95"] { | |
| flex: 1 1 95%; | |
| max-width: 95%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="95"], | |
| [layout="row"] > [flex="95"] { | |
| flex: 1 1 95%; | |
| max-width: 95%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="95"], | |
| [layout="column"] > [flex="95"] { | |
| flex: 1 1 95%; | |
| max-width: 100%; | |
| max-height: 95%; | |
| box-sizing: border-box; | |
| } | |
| [flex="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="100"], | |
| [layout="row"] > [flex="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="100"], | |
| [layout="column"] > [flex="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="33"], [layout="row"] > [flex="33"], [layout="row"] > [flex="33"], [layout="row"] > [flex="33"] { | |
| flex: 1 1 33.33%; | |
| max-width: 33.33%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex="66"], [layout="row"] > [flex="66"], [layout="row"] > [flex="66"], [layout="row"] > [flex="66"] { | |
| flex: 1 1 66.66%; | |
| max-width: 66.66%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="33"], [layout="column"] > [flex="33"], [layout="column"] > [flex="33"], [layout="column"] > [flex="33"] { | |
| flex: 1 1 33.33%; | |
| max-width: 100%; | |
| max-height: 33.33%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex="66"], [layout="column"] > [flex="66"], [layout="column"] > [flex="66"], [layout="column"] > [flex="66"] { | |
| flex: 1 1 66.66%; | |
| max-width: 100%; | |
| max-height: 66.66%; | |
| box-sizing: border-box; | |
| } | |
| [layout], [layout="column"], [layout="row"] { | |
| box-sizing: border-box; | |
| display: flex; | |
| } | |
| [layout="column"] { | |
| flex-direction: column; | |
| } | |
| [layout="row"] { | |
| flex-direction: row; | |
| } | |
| [layout-padding] > [flex-sm], [layout-padding] > [flex-lt-md] { | |
| padding: 4px; | |
| } | |
| [layout-padding], | |
| [layout-padding] > [flex], | |
| [layout-padding] > [flex-gt-sm], | |
| [layout-padding] > [flex-md], | |
| [layout-padding] > [flex-lt-lg] { | |
| padding: 8px; | |
| } | |
| [layout-padding] > [flex-gt-md], | |
| [layout-padding] > [flex-lg] { | |
| padding: 16px; | |
| } | |
| [layout-margin] > [flex-sm], | |
| [layout-margin] > [flex-lt-md] { | |
| margin: 4px; | |
| } | |
| [layout-margin], | |
| [layout-margin] > [flex], | |
| [layout-margin] > [flex-gt-sm], | |
| [layout-margin] > [flex-md], | |
| [layout-margin] > [flex-lt-lg] { | |
| margin: 8px; | |
| } | |
| [layout-margin] > [flex-gt-md], | |
| [layout-margin] > [flex-lg] { | |
| margin: 16px; | |
| } | |
| [layout-wrap] { | |
| flex-wrap: wrap; | |
| } | |
| [layout-nowrap] { | |
| flex-wrap: nowrap; | |
| } | |
| [layout-fill] { | |
| margin: 0; | |
| width: 100%; | |
| min-height: 100%; | |
| height: 100%; | |
| } | |
| @media (max-width: 959px) { | |
| [hide]:not([show-gt-xs]):not([show-sm]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-sm]):not([show]) { | |
| display: none; | |
| } | |
| [hide-sm]:not([show-gt-xs]):not([show-sm]):not([show]) { | |
| display: none; | |
| } | |
| [flex-order-sm="0"] { | |
| order: 0; | |
| } | |
| [flex-order-sm="1"] { | |
| order: 1; | |
| } | |
| [flex-order-sm="2"] { | |
| order: 2; | |
| } | |
| [flex-order-sm="3"] { | |
| order: 3; | |
| } | |
| [flex-order-sm="4"] { | |
| order: 4; | |
| } | |
| [flex-order-sm="5"] { | |
| order: 5; | |
| } | |
| [flex-order-sm="6"] { | |
| order: 6; | |
| } | |
| [flex-order-sm="7"] { | |
| order: 7; | |
| } | |
| [flex-order-sm="8"] { | |
| order: 8; | |
| } | |
| [flex-order-sm="9"] { | |
| order: 9; | |
| } | |
| [flex-order-sm="10"] { | |
| order: 10; | |
| } | |
| [flex-order-sm="11"] { | |
| order: 11; | |
| } | |
| [flex-order-sm="12"] { | |
| order: 12; | |
| } | |
| [flex-order-sm="13"] { | |
| order: 13; | |
| } | |
| [flex-order-sm="14"] { | |
| order: 14; | |
| } | |
| [flex-order-sm="15"] { | |
| order: 15; | |
| } | |
| [flex-order-sm="16"] { | |
| order: 16; | |
| } | |
| [flex-order-sm="17"] { | |
| order: 17; | |
| } | |
| [flex-order-sm="18"] { | |
| order: 18; | |
| } | |
| [flex-order-sm="19"] { | |
| order: 19; | |
| } | |
| [flex-order-sm="20"] { | |
| order: 20; | |
| } | |
| [flex-offset-sm="0"] { | |
| margin-left: 0%; | |
| } | |
| [flex-offset-sm="5"] { | |
| margin-left: 5%; | |
| } | |
| [flex-offset-sm="10"] { | |
| margin-left: 10%; | |
| } | |
| [flex-offset-sm="15"] { | |
| margin-left: 15%; | |
| } | |
| [flex-offset-sm="20"] { | |
| margin-left: 20%; | |
| } | |
| [flex-offset-sm="25"] { | |
| margin-left: 25%; | |
| } | |
| [flex-offset-sm="30"] { | |
| margin-left: 30%; | |
| } | |
| [flex-offset-sm="35"] { | |
| margin-left: 35%; | |
| } | |
| [flex-offset-sm="40"] { | |
| margin-left: 40%; | |
| } | |
| [flex-offset-sm="45"] { | |
| margin-left: 45%; | |
| } | |
| [flex-offset-sm="50"] { | |
| margin-left: 50%; | |
| } | |
| [flex-offset-sm="55"] { | |
| margin-left: 55%; | |
| } | |
| [flex-offset-sm="60"] { | |
| margin-left: 60%; | |
| } | |
| [flex-offset-sm="65"] { | |
| margin-left: 65%; | |
| } | |
| [flex-offset-sm="70"] { | |
| margin-left: 70%; | |
| } | |
| [flex-offset-sm="75"] { | |
| margin-left: 75%; | |
| } | |
| [flex-offset-sm="80"] { | |
| margin-left: 80%; | |
| } | |
| [flex-offset-sm="85"] { | |
| margin-left: 85%; | |
| } | |
| [flex-offset-sm="90"] { | |
| margin-left: 90%; | |
| } | |
| [flex-offset-sm="95"] { | |
| margin-left: 95%; | |
| } | |
| [flex-offset-sm="33"] { | |
| margin-left: calc(100% / 3); | |
| } | |
| [flex-offset-sm="66"] { | |
| margin-left: calc(200% / 3); | |
| } | |
| [layout-align-sm], | |
| [layout-align-sm="start stretch"] { | |
| justify-content: flex-start; | |
| align-content: stretch; | |
| align-items: stretch; | |
| } | |
| [layout-align-sm="start"], | |
| [layout-align-sm="start start"], | |
| [layout-align-sm="start center"], | |
| [layout-align-sm="start end"], | |
| [layout-align-sm="start stretch"] { | |
| justify-content: flex-start; | |
| } | |
| [layout-align-sm="center"], | |
| [layout-align-sm="center start"], | |
| [layout-align-sm="center center"], | |
| [layout-align-sm="center end"], | |
| [layout-align-sm="center stretch"] { | |
| justify-content: center; | |
| } | |
| [layout-align-sm="end"], | |
| [layout-align-sm="end center"], | |
| [layout-align-sm="end start"], | |
| [layout-align-sm="end end"], | |
| [layout-align-sm="end stretch"] { | |
| justify-content: flex-end; | |
| } | |
| [layout-align-sm="space-around"], | |
| [layout-align-sm="space-around center"], | |
| [layout-align-sm="space-around start"], | |
| [layout-align-sm="space-around end"], | |
| [layout-align-sm="space-around stretch"] { | |
| justify-content: space-around; | |
| } | |
| [layout-align-sm="space-between"], | |
| [layout-align-sm="space-between center"], | |
| [layout-align-sm="space-between start"], | |
| [layout-align-sm="space-between end"], | |
| [layout-align-sm="space-between stretch"] { | |
| justify-content: space-between; | |
| } | |
| [layout-align-sm="start start"], | |
| [layout-align-sm="center start"], | |
| [layout-align-sm="end start"], | |
| [layout-align-sm="space-between start"], | |
| [layout-align-sm="space-around start"] { | |
| align-items: flex-start; | |
| align-content: flex-start; | |
| } | |
| [layout-align-sm="start center"], | |
| [layout-align-sm="center center"], | |
| [layout-align-sm="end center"], | |
| [layout-align-sm="space-between center"], | |
| [layout-align-sm="space-around center"] { | |
| align-items: center; | |
| align-content: center; | |
| max-width: 100%; | |
| } | |
| [layout-align-sm="start center"] > *, | |
| [layout-align-sm="center center"] > *, | |
| [layout-align-sm="end center"] > *, | |
| [layout-align-sm="space-between center"] > *, | |
| [layout-align-sm="space-around center"] > * { | |
| max-width: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout-align-sm="start end"], | |
| [layout-align-sm="center end"], | |
| [layout-align-sm="end end"], | |
| [layout-align-sm="space-between end"], | |
| [layout-align-sm="space-around end"] { | |
| align-items: flex-end; | |
| align-content: flex-end; | |
| } | |
| [layout-align-sm="start stretch"], | |
| [layout-align-sm="center stretch"], | |
| [layout-align-sm="end stretch"], | |
| [layout-align-sm="space-between stretch"], | |
| [layout-align-sm="space-around stretch"] { | |
| align-items: stretch; | |
| align-content: stretch; | |
| } | |
| [flex-sm] { | |
| flex: 1; | |
| box-sizing: border-box; | |
| } | |
| } | |
| @media screen\0 and (max-width: 959px) { | |
| [flex-sm] { | |
| flex: 1 1 0%; | |
| } | |
| } | |
| @media (max-width: 959px) { | |
| [flex-sm-grow] { | |
| flex: 1 1 100%; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm-initial] { | |
| flex: 0 1 auto; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm-auto] { | |
| flex: 1 1 auto; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm-none] { | |
| flex: 0 0 auto; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm="0"] { | |
| flex: 1 1 0%; | |
| max-width: 0%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="0"], | |
| [layout-sm="row"] > [flex-sm="0"] { | |
| flex: 1 1 0%; | |
| max-width: 0%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="0"], | |
| [layout-sm="column"] > [flex-sm="0"] { | |
| flex: 1 1 0%; | |
| max-width: 100%; | |
| max-height: 0%; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm="5"] { | |
| flex: 1 1 5%; | |
| max-width: 5%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="5"], | |
| [layout-sm="row"] > [flex-sm="5"] { | |
| flex: 1 1 5%; | |
| max-width: 5%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="5"], | |
| [layout-sm="column"] > [flex-sm="5"] { | |
| flex: 1 1 5%; | |
| max-width: 100%; | |
| max-height: 5%; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm="10"] { | |
| flex: 1 1 10%; | |
| max-width: 10%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="10"], | |
| [layout-sm="row"] > [flex-sm="10"] { | |
| flex: 1 1 10%; | |
| max-width: 10%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="10"], | |
| [layout-sm="column"] > [flex-sm="10"] { | |
| flex: 1 1 10%; | |
| max-width: 100%; | |
| max-height: 10%; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm="15"] { | |
| flex: 1 1 15%; | |
| max-width: 15%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="15"], | |
| [layout-sm="row"] > [flex-sm="15"] { | |
| flex: 1 1 15%; | |
| max-width: 15%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="15"], | |
| [layout-sm="column"] > [flex-sm="15"] { | |
| flex: 1 1 15%; | |
| max-width: 100%; | |
| max-height: 15%; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm="20"] { | |
| flex: 1 1 20%; | |
| max-width: 20%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="20"], | |
| [layout-sm="row"] > [flex-sm="20"] { | |
| flex: 1 1 20%; | |
| max-width: 20%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="20"], | |
| [layout-sm="column"] > [flex-sm="20"] { | |
| flex: 1 1 20%; | |
| max-width: 100%; | |
| max-height: 20%; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm="25"] { | |
| flex: 1 1 25%; | |
| max-width: 25%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="25"], | |
| [layout-sm="row"] > [flex-sm="25"] { | |
| flex: 1 1 25%; | |
| max-width: 25%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="25"], | |
| [layout-sm="column"] > [flex-sm="25"] { | |
| flex: 1 1 25%; | |
| max-width: 100%; | |
| max-height: 25%; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm="30"] { | |
| flex: 1 1 30%; | |
| max-width: 30%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="30"], | |
| [layout-sm="row"] > [flex-sm="30"] { | |
| flex: 1 1 30%; | |
| max-width: 30%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="30"], | |
| [layout-sm="column"] > [flex-sm="30"] { | |
| flex: 1 1 30%; | |
| max-width: 100%; | |
| max-height: 30%; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm="35"] { | |
| flex: 1 1 35%; | |
| max-width: 35%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="35"], | |
| [layout-sm="row"] > [flex-sm="35"] { | |
| flex: 1 1 35%; | |
| max-width: 35%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="35"], | |
| [layout-sm="column"] > [flex-sm="35"] { | |
| flex: 1 1 35%; | |
| max-width: 100%; | |
| max-height: 35%; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm="40"] { | |
| flex: 1 1 40%; | |
| max-width: 40%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="40"], | |
| [layout-sm="row"] > [flex-sm="40"] { | |
| flex: 1 1 40%; | |
| max-width: 40%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="40"], | |
| [layout-sm="column"] > [flex-sm="40"] { | |
| flex: 1 1 40%; | |
| max-width: 100%; | |
| max-height: 40%; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm="45"] { | |
| flex: 1 1 45%; | |
| max-width: 45%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="45"], | |
| [layout-sm="row"] > [flex-sm="45"] { | |
| flex: 1 1 45%; | |
| max-width: 45%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="45"], | |
| [layout-sm="column"] > [flex-sm="45"] { | |
| flex: 1 1 45%; | |
| max-width: 100%; | |
| max-height: 45%; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm="50"] { | |
| flex: 1 1 50%; | |
| max-width: 50%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="50"], | |
| [layout-sm="row"] > [flex-sm="50"] { | |
| flex: 1 1 50%; | |
| max-width: 50%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="50"], | |
| [layout-sm="column"] > [flex-sm="50"] { | |
| flex: 1 1 50%; | |
| max-width: 100%; | |
| max-height: 50%; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm="55"] { | |
| flex: 1 1 55%; | |
| max-width: 55%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="55"], | |
| [layout-sm="row"] > [flex-sm="55"] { | |
| flex: 1 1 55%; | |
| max-width: 55%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="55"], | |
| [layout-sm="column"] > [flex-sm="55"] { | |
| flex: 1 1 55%; | |
| max-width: 100%; | |
| max-height: 55%; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm="60"] { | |
| flex: 1 1 60%; | |
| max-width: 60%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="60"], | |
| [layout-sm="row"] > [flex-sm="60"] { | |
| flex: 1 1 60%; | |
| max-width: 60%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="60"], | |
| [layout-sm="column"] > [flex-sm="60"] { | |
| flex: 1 1 60%; | |
| max-width: 100%; | |
| max-height: 60%; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm="65"] { | |
| flex: 1 1 65%; | |
| max-width: 65%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="65"], | |
| [layout-sm="row"] > [flex-sm="65"] { | |
| flex: 1 1 65%; | |
| max-width: 65%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="65"], | |
| [layout-sm="column"] > [flex-sm="65"] { | |
| flex: 1 1 65%; | |
| max-width: 100%; | |
| max-height: 65%; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm="70"] { | |
| flex: 1 1 70%; | |
| max-width: 70%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="70"], | |
| [layout-sm="row"] > [flex-sm="70"] { | |
| flex: 1 1 70%; | |
| max-width: 70%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="70"], | |
| [layout-sm="column"] > [flex-sm="70"] { | |
| flex: 1 1 70%; | |
| max-width: 100%; | |
| max-height: 70%; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm="75"] { | |
| flex: 1 1 75%; | |
| max-width: 75%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="75"], | |
| [layout-sm="row"] > [flex-sm="75"] { | |
| flex: 1 1 75%; | |
| max-width: 75%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="75"], | |
| [layout-sm="column"] > [flex-sm="75"] { | |
| flex: 1 1 75%; | |
| max-width: 100%; | |
| max-height: 75%; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm="80"] { | |
| flex: 1 1 80%; | |
| max-width: 80%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="80"], | |
| [layout-sm="row"] > [flex-sm="80"] { | |
| flex: 1 1 80%; | |
| max-width: 80%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="80"], | |
| [layout-sm="column"] > [flex-sm="80"] { | |
| flex: 1 1 80%; | |
| max-width: 100%; | |
| max-height: 80%; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm="85"] { | |
| flex: 1 1 85%; | |
| max-width: 85%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="85"], | |
| [layout-sm="row"] > [flex-sm="85"] { | |
| flex: 1 1 85%; | |
| max-width: 85%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="85"], | |
| [layout-sm="column"] > [flex-sm="85"] { | |
| flex: 1 1 85%; | |
| max-width: 100%; | |
| max-height: 85%; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm="90"] { | |
| flex: 1 1 90%; | |
| max-width: 90%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="90"], | |
| [layout-sm="row"] > [flex-sm="90"] { | |
| flex: 1 1 90%; | |
| max-width: 90%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="90"], | |
| [layout-sm="column"] > [flex-sm="90"] { | |
| flex: 1 1 90%; | |
| max-width: 100%; | |
| max-height: 90%; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm="95"] { | |
| flex: 1 1 95%; | |
| max-width: 95%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="95"], | |
| [layout-sm="row"] > [flex-sm="95"] { | |
| flex: 1 1 95%; | |
| max-width: 95%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="95"], | |
| [layout-sm="column"] > [flex-sm="95"] { | |
| flex: 1 1 95%; | |
| max-width: 100%; | |
| max-height: 95%; | |
| box-sizing: border-box; | |
| } | |
| [flex-sm="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="100"], | |
| [layout-sm="row"] > [flex-sm="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="100"], | |
| [layout-sm="column"] > [flex-sm="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="33"], [layout="row"] > [flex-sm="33"], [layout-sm="row"] > [flex-sm="33"], [layout-sm="row"] > [flex-sm="33"] { | |
| flex: 1 1 33.33%; | |
| max-width: 33.33%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-sm="66"], [layout="row"] > [flex-sm="66"], [layout-sm="row"] > [flex-sm="66"], [layout-sm="row"] > [flex-sm="66"] { | |
| flex: 1 1 66.66%; | |
| max-width: 66.66%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="33"], [layout="column"] > [flex-sm="33"], [layout-sm="column"] > [flex-sm="33"], [layout-sm="column"] > [flex-sm="33"] { | |
| flex: 1 1 33.33%; | |
| max-width: 100%; | |
| max-height: 33.33%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-sm="66"], [layout="column"] > [flex-sm="66"], [layout-sm="column"] > [flex-sm="66"], [layout-sm="column"] > [flex-sm="66"] { | |
| flex: 1 1 66.66%; | |
| max-width: 100%; | |
| max-height: 66.66%; | |
| box-sizing: border-box; | |
| } | |
| [layout-sm], [layout-sm="column"], [layout-sm="row"] { | |
| box-sizing: border-box; | |
| display: flex; | |
| } | |
| [layout-sm="column"] { | |
| flex-direction: column; | |
| } | |
| [layout-sm="row"] { | |
| flex-direction: row; | |
| } | |
| } | |
| @media (min-width: 960px) { | |
| [flex-order-gt-sm="0"] { | |
| order: 0; | |
| } | |
| [flex-order-gt-sm="1"] { | |
| order: 1; | |
| } | |
| [flex-order-gt-sm="2"] { | |
| order: 2; | |
| } | |
| [flex-order-gt-sm="3"] { | |
| order: 3; | |
| } | |
| [flex-order-gt-sm="4"] { | |
| order: 4; | |
| } | |
| [flex-order-gt-sm="5"] { | |
| order: 5; | |
| } | |
| [flex-order-gt-sm="6"] { | |
| order: 6; | |
| } | |
| [flex-order-gt-sm="7"] { | |
| order: 7; | |
| } | |
| [flex-order-gt-sm="8"] { | |
| order: 8; | |
| } | |
| [flex-order-gt-sm="9"] { | |
| order: 9; | |
| } | |
| [flex-order-gt-sm="10"] { | |
| order: 10; | |
| } | |
| [flex-order-gt-sm="11"] { | |
| order: 11; | |
| } | |
| [flex-order-gt-sm="12"] { | |
| order: 12; | |
| } | |
| [flex-order-gt-sm="13"] { | |
| order: 13; | |
| } | |
| [flex-order-gt-sm="14"] { | |
| order: 14; | |
| } | |
| [flex-order-gt-sm="15"] { | |
| order: 15; | |
| } | |
| [flex-order-gt-sm="16"] { | |
| order: 16; | |
| } | |
| [flex-order-gt-sm="17"] { | |
| order: 17; | |
| } | |
| [flex-order-gt-sm="18"] { | |
| order: 18; | |
| } | |
| [flex-order-gt-sm="19"] { | |
| order: 19; | |
| } | |
| [flex-order-gt-sm="20"] { | |
| order: 20; | |
| } | |
| [flex-offset-gt-sm="0"] { | |
| margin-left: 0%; | |
| } | |
| [flex-offset-gt-sm="5"] { | |
| margin-left: 5%; | |
| } | |
| [flex-offset-gt-sm="10"] { | |
| margin-left: 10%; | |
| } | |
| [flex-offset-gt-sm="15"] { | |
| margin-left: 15%; | |
| } | |
| [flex-offset-gt-sm="20"] { | |
| margin-left: 20%; | |
| } | |
| [flex-offset-gt-sm="25"] { | |
| margin-left: 25%; | |
| } | |
| [flex-offset-gt-sm="30"] { | |
| margin-left: 30%; | |
| } | |
| [flex-offset-gt-sm="35"] { | |
| margin-left: 35%; | |
| } | |
| [flex-offset-gt-sm="40"] { | |
| margin-left: 40%; | |
| } | |
| [flex-offset-gt-sm="45"] { | |
| margin-left: 45%; | |
| } | |
| [flex-offset-gt-sm="50"] { | |
| margin-left: 50%; | |
| } | |
| [flex-offset-gt-sm="55"] { | |
| margin-left: 55%; | |
| } | |
| [flex-offset-gt-sm="60"] { | |
| margin-left: 60%; | |
| } | |
| [flex-offset-gt-sm="65"] { | |
| margin-left: 65%; | |
| } | |
| [flex-offset-gt-sm="70"] { | |
| margin-left: 70%; | |
| } | |
| [flex-offset-gt-sm="75"] { | |
| margin-left: 75%; | |
| } | |
| [flex-offset-gt-sm="80"] { | |
| margin-left: 80%; | |
| } | |
| [flex-offset-gt-sm="85"] { | |
| margin-left: 85%; | |
| } | |
| [flex-offset-gt-sm="90"] { | |
| margin-left: 90%; | |
| } | |
| [flex-offset-gt-sm="95"] { | |
| margin-left: 95%; | |
| } | |
| [flex-offset-gt-sm="33"] { | |
| margin-left: calc(100% / 3); | |
| } | |
| [flex-offset-gt-sm="66"] { | |
| margin-left: calc(200% / 3); | |
| } | |
| [layout-align-gt-sm], | |
| [layout-align-gt-sm="start stretch"] { | |
| justify-content: flex-start; | |
| align-content: stretch; | |
| align-items: stretch; | |
| } | |
| [layout-align-gt-sm="start"], | |
| [layout-align-gt-sm="start start"], | |
| [layout-align-gt-sm="start center"], | |
| [layout-align-gt-sm="start end"], | |
| [layout-align-gt-sm="start stretch"] { | |
| justify-content: flex-start; | |
| } | |
| [layout-align-gt-sm="center"], | |
| [layout-align-gt-sm="center start"], | |
| [layout-align-gt-sm="center center"], | |
| [layout-align-gt-sm="center end"], | |
| [layout-align-gt-sm="center stretch"] { | |
| justify-content: center; | |
| } | |
| [layout-align-gt-sm="end"], | |
| [layout-align-gt-sm="end center"], | |
| [layout-align-gt-sm="end start"], | |
| [layout-align-gt-sm="end end"], | |
| [layout-align-gt-sm="end stretch"] { | |
| justify-content: flex-end; | |
| } | |
| [layout-align-gt-sm="space-around"], | |
| [layout-align-gt-sm="space-around center"], | |
| [layout-align-gt-sm="space-around start"], | |
| [layout-align-gt-sm="space-around end"], | |
| [layout-align-gt-sm="space-around stretch"] { | |
| justify-content: space-around; | |
| } | |
| [layout-align-gt-sm="space-between"], | |
| [layout-align-gt-sm="space-between center"], | |
| [layout-align-gt-sm="space-between start"], | |
| [layout-align-gt-sm="space-between end"], | |
| [layout-align-gt-sm="space-between stretch"] { | |
| justify-content: space-between; | |
| } | |
| [layout-align-gt-sm="start start"], | |
| [layout-align-gt-sm="center start"], | |
| [layout-align-gt-sm="end start"], | |
| [layout-align-gt-sm="space-between start"], | |
| [layout-align-gt-sm="space-around start"] { | |
| align-items: flex-start; | |
| align-content: flex-start; | |
| } | |
| [layout-align-gt-sm="start center"], | |
| [layout-align-gt-sm="center center"], | |
| [layout-align-gt-sm="end center"], | |
| [layout-align-gt-sm="space-between center"], | |
| [layout-align-gt-sm="space-around center"] { | |
| align-items: center; | |
| align-content: center; | |
| max-width: 100%; | |
| } | |
| [layout-align-gt-sm="start center"] > *, | |
| [layout-align-gt-sm="center center"] > *, | |
| [layout-align-gt-sm="end center"] > *, | |
| [layout-align-gt-sm="space-between center"] > *, | |
| [layout-align-gt-sm="space-around center"] > * { | |
| max-width: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout-align-gt-sm="start end"], | |
| [layout-align-gt-sm="center end"], | |
| [layout-align-gt-sm="end end"], | |
| [layout-align-gt-sm="space-between end"], | |
| [layout-align-gt-sm="space-around end"] { | |
| align-items: flex-end; | |
| align-content: flex-end; | |
| } | |
| [layout-align-gt-sm="start stretch"], | |
| [layout-align-gt-sm="center stretch"], | |
| [layout-align-gt-sm="end stretch"], | |
| [layout-align-gt-sm="space-between stretch"], | |
| [layout-align-gt-sm="space-around stretch"] { | |
| align-items: stretch; | |
| align-content: stretch; | |
| } | |
| [flex-gt-sm] { | |
| flex: 1; | |
| box-sizing: border-box; | |
| } | |
| } | |
| @media screen\0 and (min-width: 960px) { | |
| [flex-gt-sm] { | |
| flex: 1 1 0%; | |
| } | |
| } | |
| @media (min-width: 960px) { | |
| [flex-gt-sm-grow] { | |
| flex: 1 1 100%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm-initial] { | |
| flex: 0 1 auto; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm-auto] { | |
| flex: 1 1 auto; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm-none] { | |
| flex: 0 0 auto; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm="0"] { | |
| flex: 1 1 0%; | |
| max-width: 0%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="0"], | |
| [layout-gt-sm="row"] > [flex-gt-sm="0"] { | |
| flex: 1 1 0%; | |
| max-width: 0%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="0"], | |
| [layout-gt-sm="column"] > [flex-gt-sm="0"] { | |
| flex: 1 1 0%; | |
| max-width: 100%; | |
| max-height: 0%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm="5"] { | |
| flex: 1 1 5%; | |
| max-width: 5%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="5"], | |
| [layout-gt-sm="row"] > [flex-gt-sm="5"] { | |
| flex: 1 1 5%; | |
| max-width: 5%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="5"], | |
| [layout-gt-sm="column"] > [flex-gt-sm="5"] { | |
| flex: 1 1 5%; | |
| max-width: 100%; | |
| max-height: 5%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm="10"] { | |
| flex: 1 1 10%; | |
| max-width: 10%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="10"], | |
| [layout-gt-sm="row"] > [flex-gt-sm="10"] { | |
| flex: 1 1 10%; | |
| max-width: 10%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="10"], | |
| [layout-gt-sm="column"] > [flex-gt-sm="10"] { | |
| flex: 1 1 10%; | |
| max-width: 100%; | |
| max-height: 10%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm="15"] { | |
| flex: 1 1 15%; | |
| max-width: 15%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="15"], | |
| [layout-gt-sm="row"] > [flex-gt-sm="15"] { | |
| flex: 1 1 15%; | |
| max-width: 15%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="15"], | |
| [layout-gt-sm="column"] > [flex-gt-sm="15"] { | |
| flex: 1 1 15%; | |
| max-width: 100%; | |
| max-height: 15%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm="20"] { | |
| flex: 1 1 20%; | |
| max-width: 20%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="20"], | |
| [layout-gt-sm="row"] > [flex-gt-sm="20"] { | |
| flex: 1 1 20%; | |
| max-width: 20%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="20"], | |
| [layout-gt-sm="column"] > [flex-gt-sm="20"] { | |
| flex: 1 1 20%; | |
| max-width: 100%; | |
| max-height: 20%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm="25"] { | |
| flex: 1 1 25%; | |
| max-width: 25%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="25"], | |
| [layout-gt-sm="row"] > [flex-gt-sm="25"] { | |
| flex: 1 1 25%; | |
| max-width: 25%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="25"], | |
| [layout-gt-sm="column"] > [flex-gt-sm="25"] { | |
| flex: 1 1 25%; | |
| max-width: 100%; | |
| max-height: 25%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm="30"] { | |
| flex: 1 1 30%; | |
| max-width: 30%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="30"], | |
| [layout-gt-sm="row"] > [flex-gt-sm="30"] { | |
| flex: 1 1 30%; | |
| max-width: 30%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="30"], | |
| [layout-gt-sm="column"] > [flex-gt-sm="30"] { | |
| flex: 1 1 30%; | |
| max-width: 100%; | |
| max-height: 30%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm="35"] { | |
| flex: 1 1 35%; | |
| max-width: 35%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="35"], | |
| [layout-gt-sm="row"] > [flex-gt-sm="35"] { | |
| flex: 1 1 35%; | |
| max-width: 35%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="35"], | |
| [layout-gt-sm="column"] > [flex-gt-sm="35"] { | |
| flex: 1 1 35%; | |
| max-width: 100%; | |
| max-height: 35%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm="40"] { | |
| flex: 1 1 40%; | |
| max-width: 40%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="40"], | |
| [layout-gt-sm="row"] > [flex-gt-sm="40"] { | |
| flex: 1 1 40%; | |
| max-width: 40%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="40"], | |
| [layout-gt-sm="column"] > [flex-gt-sm="40"] { | |
| flex: 1 1 40%; | |
| max-width: 100%; | |
| max-height: 40%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm="45"] { | |
| flex: 1 1 45%; | |
| max-width: 45%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="45"], | |
| [layout-gt-sm="row"] > [flex-gt-sm="45"] { | |
| flex: 1 1 45%; | |
| max-width: 45%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="45"], | |
| [layout-gt-sm="column"] > [flex-gt-sm="45"] { | |
| flex: 1 1 45%; | |
| max-width: 100%; | |
| max-height: 45%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm="50"] { | |
| flex: 1 1 50%; | |
| max-width: 50%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="50"], | |
| [layout-gt-sm="row"] > [flex-gt-sm="50"] { | |
| flex: 1 1 50%; | |
| max-width: 50%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="50"], | |
| [layout-gt-sm="column"] > [flex-gt-sm="50"] { | |
| flex: 1 1 50%; | |
| max-width: 100%; | |
| max-height: 50%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm="55"] { | |
| flex: 1 1 55%; | |
| max-width: 55%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="55"], | |
| [layout-gt-sm="row"] > [flex-gt-sm="55"] { | |
| flex: 1 1 55%; | |
| max-width: 55%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="55"], | |
| [layout-gt-sm="column"] > [flex-gt-sm="55"] { | |
| flex: 1 1 55%; | |
| max-width: 100%; | |
| max-height: 55%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm="60"] { | |
| flex: 1 1 60%; | |
| max-width: 60%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="60"], | |
| [layout-gt-sm="row"] > [flex-gt-sm="60"] { | |
| flex: 1 1 60%; | |
| max-width: 60%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="60"], | |
| [layout-gt-sm="column"] > [flex-gt-sm="60"] { | |
| flex: 1 1 60%; | |
| max-width: 100%; | |
| max-height: 60%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm="65"] { | |
| flex: 1 1 65%; | |
| max-width: 65%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="65"], | |
| [layout-gt-sm="row"] > [flex-gt-sm="65"] { | |
| flex: 1 1 65%; | |
| max-width: 65%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="65"], | |
| [layout-gt-sm="column"] > [flex-gt-sm="65"] { | |
| flex: 1 1 65%; | |
| max-width: 100%; | |
| max-height: 65%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm="70"] { | |
| flex: 1 1 70%; | |
| max-width: 70%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="70"], | |
| [layout-gt-sm="row"] > [flex-gt-sm="70"] { | |
| flex: 1 1 70%; | |
| max-width: 70%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="70"], | |
| [layout-gt-sm="column"] > [flex-gt-sm="70"] { | |
| flex: 1 1 70%; | |
| max-width: 100%; | |
| max-height: 70%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm="75"] { | |
| flex: 1 1 75%; | |
| max-width: 75%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="75"], | |
| [layout-gt-sm="row"] > [flex-gt-sm="75"] { | |
| flex: 1 1 75%; | |
| max-width: 75%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="75"], | |
| [layout-gt-sm="column"] > [flex-gt-sm="75"] { | |
| flex: 1 1 75%; | |
| max-width: 100%; | |
| max-height: 75%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm="80"] { | |
| flex: 1 1 80%; | |
| max-width: 80%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="80"], | |
| [layout-gt-sm="row"] > [flex-gt-sm="80"] { | |
| flex: 1 1 80%; | |
| max-width: 80%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="80"], | |
| [layout-gt-sm="column"] > [flex-gt-sm="80"] { | |
| flex: 1 1 80%; | |
| max-width: 100%; | |
| max-height: 80%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm="85"] { | |
| flex: 1 1 85%; | |
| max-width: 85%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="85"], | |
| [layout-gt-sm="row"] > [flex-gt-sm="85"] { | |
| flex: 1 1 85%; | |
| max-width: 85%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="85"], | |
| [layout-gt-sm="column"] > [flex-gt-sm="85"] { | |
| flex: 1 1 85%; | |
| max-width: 100%; | |
| max-height: 85%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm="90"] { | |
| flex: 1 1 90%; | |
| max-width: 90%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="90"], | |
| [layout-gt-sm="row"] > [flex-gt-sm="90"] { | |
| flex: 1 1 90%; | |
| max-width: 90%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="90"], | |
| [layout-gt-sm="column"] > [flex-gt-sm="90"] { | |
| flex: 1 1 90%; | |
| max-width: 100%; | |
| max-height: 90%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm="95"] { | |
| flex: 1 1 95%; | |
| max-width: 95%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="95"], | |
| [layout-gt-sm="row"] > [flex-gt-sm="95"] { | |
| flex: 1 1 95%; | |
| max-width: 95%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="95"], | |
| [layout-gt-sm="column"] > [flex-gt-sm="95"] { | |
| flex: 1 1 95%; | |
| max-width: 100%; | |
| max-height: 95%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-sm="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="100"], | |
| [layout-gt-sm="row"] > [flex-gt-sm="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="100"], | |
| [layout-gt-sm="column"] > [flex-gt-sm="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="33"], [layout="row"] > [flex-gt-sm="33"], [layout-gt-sm="row"] > [flex-gt-sm="33"], [layout-gt-sm="row"] > [flex-gt-sm="33"] { | |
| flex: 1 1 33.33%; | |
| max-width: 33.33%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-sm="66"], [layout="row"] > [flex-gt-sm="66"], [layout-gt-sm="row"] > [flex-gt-sm="66"], [layout-gt-sm="row"] > [flex-gt-sm="66"] { | |
| flex: 1 1 66.66%; | |
| max-width: 66.66%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="33"], [layout="column"] > [flex-gt-sm="33"], [layout-gt-sm="column"] > [flex-gt-sm="33"], [layout-gt-sm="column"] > [flex-gt-sm="33"] { | |
| flex: 1 1 33.33%; | |
| max-width: 100%; | |
| max-height: 33.33%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-sm="66"], [layout="column"] > [flex-gt-sm="66"], [layout-gt-sm="column"] > [flex-gt-sm="66"], [layout-gt-sm="column"] > [flex-gt-sm="66"] { | |
| flex: 1 1 66.66%; | |
| max-width: 100%; | |
| max-height: 66.66%; | |
| box-sizing: border-box; | |
| } | |
| [layout-gt-sm], [layout-gt-sm="column"], [layout-gt-sm="row"] { | |
| box-sizing: border-box; | |
| display: flex; | |
| } | |
| [layout-gt-sm="column"] { | |
| flex-direction: column; | |
| } | |
| [layout-gt-sm="row"] { | |
| flex-direction: row; | |
| } | |
| } | |
| @media (min-width: 960px) and (max-width: 1279px) { | |
| [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]), [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-md]):not([show]) { | |
| display: none; | |
| } | |
| [hide-md]:not([show-md]):not([show]) { | |
| display: none; | |
| } | |
| [flex-order-md="0"] { | |
| order: 0; | |
| } | |
| [flex-order-md="1"] { | |
| order: 1; | |
| } | |
| [flex-order-md="2"] { | |
| order: 2; | |
| } | |
| [flex-order-md="3"] { | |
| order: 3; | |
| } | |
| [flex-order-md="4"] { | |
| order: 4; | |
| } | |
| [flex-order-md="5"] { | |
| order: 5; | |
| } | |
| [flex-order-md="6"] { | |
| order: 6; | |
| } | |
| [flex-order-md="7"] { | |
| order: 7; | |
| } | |
| [flex-order-md="8"] { | |
| order: 8; | |
| } | |
| [flex-order-md="9"] { | |
| order: 9; | |
| } | |
| [flex-order-md="10"] { | |
| order: 10; | |
| } | |
| [flex-order-md="11"] { | |
| order: 11; | |
| } | |
| [flex-order-md="12"] { | |
| order: 12; | |
| } | |
| [flex-order-md="13"] { | |
| order: 13; | |
| } | |
| [flex-order-md="14"] { | |
| order: 14; | |
| } | |
| [flex-order-md="15"] { | |
| order: 15; | |
| } | |
| [flex-order-md="16"] { | |
| order: 16; | |
| } | |
| [flex-order-md="17"] { | |
| order: 17; | |
| } | |
| [flex-order-md="18"] { | |
| order: 18; | |
| } | |
| [flex-order-md="19"] { | |
| order: 19; | |
| } | |
| [flex-order-md="20"] { | |
| order: 20; | |
| } | |
| [flex-offset-md="0"] { | |
| margin-left: 0%; | |
| } | |
| [flex-offset-md="5"] { | |
| margin-left: 5%; | |
| } | |
| [flex-offset-md="10"] { | |
| margin-left: 10%; | |
| } | |
| [flex-offset-md="15"] { | |
| margin-left: 15%; | |
| } | |
| [flex-offset-md="20"] { | |
| margin-left: 20%; | |
| } | |
| [flex-offset-md="25"] { | |
| margin-left: 25%; | |
| } | |
| [flex-offset-md="30"] { | |
| margin-left: 30%; | |
| } | |
| [flex-offset-md="35"] { | |
| margin-left: 35%; | |
| } | |
| [flex-offset-md="40"] { | |
| margin-left: 40%; | |
| } | |
| [flex-offset-md="45"] { | |
| margin-left: 45%; | |
| } | |
| [flex-offset-md="50"] { | |
| margin-left: 50%; | |
| } | |
| [flex-offset-md="55"] { | |
| margin-left: 55%; | |
| } | |
| [flex-offset-md="60"] { | |
| margin-left: 60%; | |
| } | |
| [flex-offset-md="65"] { | |
| margin-left: 65%; | |
| } | |
| [flex-offset-md="70"] { | |
| margin-left: 70%; | |
| } | |
| [flex-offset-md="75"] { | |
| margin-left: 75%; | |
| } | |
| [flex-offset-md="80"] { | |
| margin-left: 80%; | |
| } | |
| [flex-offset-md="85"] { | |
| margin-left: 85%; | |
| } | |
| [flex-offset-md="90"] { | |
| margin-left: 90%; | |
| } | |
| [flex-offset-md="95"] { | |
| margin-left: 95%; | |
| } | |
| [flex-offset-md="33"] { | |
| margin-left: calc(100% / 3); | |
| } | |
| [flex-offset-md="66"] { | |
| margin-left: calc(200% / 3); | |
| } | |
| [layout-align-md], | |
| [layout-align-md="start stretch"] { | |
| justify-content: flex-start; | |
| align-content: stretch; | |
| align-items: stretch; | |
| } | |
| [layout-align-md="start"], | |
| [layout-align-md="start start"], | |
| [layout-align-md="start center"], | |
| [layout-align-md="start end"], | |
| [layout-align-md="start stretch"] { | |
| justify-content: flex-start; | |
| } | |
| [layout-align-md="center"], | |
| [layout-align-md="center start"], | |
| [layout-align-md="center center"], | |
| [layout-align-md="center end"], | |
| [layout-align-md="center stretch"] { | |
| justify-content: center; | |
| } | |
| [layout-align-md="end"], | |
| [layout-align-md="end center"], | |
| [layout-align-md="end start"], | |
| [layout-align-md="end end"], | |
| [layout-align-md="end stretch"] { | |
| justify-content: flex-end; | |
| } | |
| [layout-align-md="space-around"], | |
| [layout-align-md="space-around center"], | |
| [layout-align-md="space-around start"], | |
| [layout-align-md="space-around end"], | |
| [layout-align-md="space-around stretch"] { | |
| justify-content: space-around; | |
| } | |
| [layout-align-md="space-between"], | |
| [layout-align-md="space-between center"], | |
| [layout-align-md="space-between start"], | |
| [layout-align-md="space-between end"], | |
| [layout-align-md="space-between stretch"] { | |
| justify-content: space-between; | |
| } | |
| [layout-align-md="start start"], | |
| [layout-align-md="center start"], | |
| [layout-align-md="end start"], | |
| [layout-align-md="space-between start"], | |
| [layout-align-md="space-around start"] { | |
| align-items: flex-start; | |
| align-content: flex-start; | |
| } | |
| [layout-align-md="start center"], | |
| [layout-align-md="center center"], | |
| [layout-align-md="end center"], | |
| [layout-align-md="space-between center"], | |
| [layout-align-md="space-around center"] { | |
| align-items: center; | |
| align-content: center; | |
| max-width: 100%; | |
| } | |
| [layout-align-md="start center"] > *, | |
| [layout-align-md="center center"] > *, | |
| [layout-align-md="end center"] > *, | |
| [layout-align-md="space-between center"] > *, | |
| [layout-align-md="space-around center"] > * { | |
| max-width: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout-align-md="start end"], | |
| [layout-align-md="center end"], | |
| [layout-align-md="end end"], | |
| [layout-align-md="space-between end"], | |
| [layout-align-md="space-around end"] { | |
| align-items: flex-end; | |
| align-content: flex-end; | |
| } | |
| [layout-align-md="start stretch"], | |
| [layout-align-md="center stretch"], | |
| [layout-align-md="end stretch"], | |
| [layout-align-md="space-between stretch"], | |
| [layout-align-md="space-around stretch"] { | |
| align-items: stretch; | |
| align-content: stretch; | |
| } | |
| [flex-md] { | |
| flex: 1; | |
| box-sizing: border-box; | |
| } | |
| } | |
| @media screen\0 and (min-width: 960px) and (max-width: 1279px) { | |
| [flex-md] { | |
| flex: 1 1 0%; | |
| } | |
| } | |
| @media (min-width: 960px) and (max-width: 1279px) { | |
| [flex-md-grow] { | |
| flex: 1 1 100%; | |
| box-sizing: border-box; | |
| } | |
| [flex-md-initial] { | |
| flex: 0 1 auto; | |
| box-sizing: border-box; | |
| } | |
| [flex-md-auto] { | |
| flex: 1 1 auto; | |
| box-sizing: border-box; | |
| } | |
| [flex-md-none] { | |
| flex: 0 0 auto; | |
| box-sizing: border-box; | |
| } | |
| [flex-md="0"] { | |
| flex: 1 1 0%; | |
| max-width: 0%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="0"], | |
| [layout-md="row"] > [flex-md="0"] { | |
| flex: 1 1 0%; | |
| max-width: 0%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="0"], | |
| [layout-md="column"] > [flex-md="0"] { | |
| flex: 1 1 0%; | |
| max-width: 100%; | |
| max-height: 0%; | |
| box-sizing: border-box; | |
| } | |
| [flex-md="5"] { | |
| flex: 1 1 5%; | |
| max-width: 5%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="5"], | |
| [layout-md="row"] > [flex-md="5"] { | |
| flex: 1 1 5%; | |
| max-width: 5%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="5"], | |
| [layout-md="column"] > [flex-md="5"] { | |
| flex: 1 1 5%; | |
| max-width: 100%; | |
| max-height: 5%; | |
| box-sizing: border-box; | |
| } | |
| [flex-md="10"] { | |
| flex: 1 1 10%; | |
| max-width: 10%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="10"], | |
| [layout-md="row"] > [flex-md="10"] { | |
| flex: 1 1 10%; | |
| max-width: 10%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="10"], | |
| [layout-md="column"] > [flex-md="10"] { | |
| flex: 1 1 10%; | |
| max-width: 100%; | |
| max-height: 10%; | |
| box-sizing: border-box; | |
| } | |
| [flex-md="15"] { | |
| flex: 1 1 15%; | |
| max-width: 15%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="15"], | |
| [layout-md="row"] > [flex-md="15"] { | |
| flex: 1 1 15%; | |
| max-width: 15%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="15"], | |
| [layout-md="column"] > [flex-md="15"] { | |
| flex: 1 1 15%; | |
| max-width: 100%; | |
| max-height: 15%; | |
| box-sizing: border-box; | |
| } | |
| [flex-md="20"] { | |
| flex: 1 1 20%; | |
| max-width: 20%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="20"], | |
| [layout-md="row"] > [flex-md="20"] { | |
| flex: 1 1 20%; | |
| max-width: 20%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="20"], | |
| [layout-md="column"] > [flex-md="20"] { | |
| flex: 1 1 20%; | |
| max-width: 100%; | |
| max-height: 20%; | |
| box-sizing: border-box; | |
| } | |
| [flex-md="25"] { | |
| flex: 1 1 25%; | |
| max-width: 25%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="25"], | |
| [layout-md="row"] > [flex-md="25"] { | |
| flex: 1 1 25%; | |
| max-width: 25%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="25"], | |
| [layout-md="column"] > [flex-md="25"] { | |
| flex: 1 1 25%; | |
| max-width: 100%; | |
| max-height: 25%; | |
| box-sizing: border-box; | |
| } | |
| [flex-md="30"] { | |
| flex: 1 1 30%; | |
| max-width: 30%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="30"], | |
| [layout-md="row"] > [flex-md="30"] { | |
| flex: 1 1 30%; | |
| max-width: 30%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="30"], | |
| [layout-md="column"] > [flex-md="30"] { | |
| flex: 1 1 30%; | |
| max-width: 100%; | |
| max-height: 30%; | |
| box-sizing: border-box; | |
| } | |
| [flex-md="35"] { | |
| flex: 1 1 35%; | |
| max-width: 35%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="35"], | |
| [layout-md="row"] > [flex-md="35"] { | |
| flex: 1 1 35%; | |
| max-width: 35%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="35"], | |
| [layout-md="column"] > [flex-md="35"] { | |
| flex: 1 1 35%; | |
| max-width: 100%; | |
| max-height: 35%; | |
| box-sizing: border-box; | |
| } | |
| [flex-md="40"] { | |
| flex: 1 1 40%; | |
| max-width: 40%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="40"], | |
| [layout-md="row"] > [flex-md="40"] { | |
| flex: 1 1 40%; | |
| max-width: 40%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="40"], | |
| [layout-md="column"] > [flex-md="40"] { | |
| flex: 1 1 40%; | |
| max-width: 100%; | |
| max-height: 40%; | |
| box-sizing: border-box; | |
| } | |
| [flex-md="45"] { | |
| flex: 1 1 45%; | |
| max-width: 45%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="45"], | |
| [layout-md="row"] > [flex-md="45"] { | |
| flex: 1 1 45%; | |
| max-width: 45%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="45"], | |
| [layout-md="column"] > [flex-md="45"] { | |
| flex: 1 1 45%; | |
| max-width: 100%; | |
| max-height: 45%; | |
| box-sizing: border-box; | |
| } | |
| [flex-md="50"] { | |
| flex: 1 1 50%; | |
| max-width: 50%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="50"], | |
| [layout-md="row"] > [flex-md="50"] { | |
| flex: 1 1 50%; | |
| max-width: 50%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="50"], | |
| [layout-md="column"] > [flex-md="50"] { | |
| flex: 1 1 50%; | |
| max-width: 100%; | |
| max-height: 50%; | |
| box-sizing: border-box; | |
| } | |
| [flex-md="55"] { | |
| flex: 1 1 55%; | |
| max-width: 55%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="55"], | |
| [layout-md="row"] > [flex-md="55"] { | |
| flex: 1 1 55%; | |
| max-width: 55%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="55"], | |
| [layout-md="column"] > [flex-md="55"] { | |
| flex: 1 1 55%; | |
| max-width: 100%; | |
| max-height: 55%; | |
| box-sizing: border-box; | |
| } | |
| [flex-md="60"] { | |
| flex: 1 1 60%; | |
| max-width: 60%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="60"], | |
| [layout-md="row"] > [flex-md="60"] { | |
| flex: 1 1 60%; | |
| max-width: 60%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="60"], | |
| [layout-md="column"] > [flex-md="60"] { | |
| flex: 1 1 60%; | |
| max-width: 100%; | |
| max-height: 60%; | |
| box-sizing: border-box; | |
| } | |
| [flex-md="65"] { | |
| flex: 1 1 65%; | |
| max-width: 65%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="65"], | |
| [layout-md="row"] > [flex-md="65"] { | |
| flex: 1 1 65%; | |
| max-width: 65%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="65"], | |
| [layout-md="column"] > [flex-md="65"] { | |
| flex: 1 1 65%; | |
| max-width: 100%; | |
| max-height: 65%; | |
| box-sizing: border-box; | |
| } | |
| [flex-md="70"] { | |
| flex: 1 1 70%; | |
| max-width: 70%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="70"], | |
| [layout-md="row"] > [flex-md="70"] { | |
| flex: 1 1 70%; | |
| max-width: 70%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="70"], | |
| [layout-md="column"] > [flex-md="70"] { | |
| flex: 1 1 70%; | |
| max-width: 100%; | |
| max-height: 70%; | |
| box-sizing: border-box; | |
| } | |
| [flex-md="75"] { | |
| flex: 1 1 75%; | |
| max-width: 75%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="75"], | |
| [layout-md="row"] > [flex-md="75"] { | |
| flex: 1 1 75%; | |
| max-width: 75%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="75"], | |
| [layout-md="column"] > [flex-md="75"] { | |
| flex: 1 1 75%; | |
| max-width: 100%; | |
| max-height: 75%; | |
| box-sizing: border-box; | |
| } | |
| [flex-md="80"] { | |
| flex: 1 1 80%; | |
| max-width: 80%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="80"], | |
| [layout-md="row"] > [flex-md="80"] { | |
| flex: 1 1 80%; | |
| max-width: 80%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="80"], | |
| [layout-md="column"] > [flex-md="80"] { | |
| flex: 1 1 80%; | |
| max-width: 100%; | |
| max-height: 80%; | |
| box-sizing: border-box; | |
| } | |
| [flex-md="85"] { | |
| flex: 1 1 85%; | |
| max-width: 85%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="85"], | |
| [layout-md="row"] > [flex-md="85"] { | |
| flex: 1 1 85%; | |
| max-width: 85%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="85"], | |
| [layout-md="column"] > [flex-md="85"] { | |
| flex: 1 1 85%; | |
| max-width: 100%; | |
| max-height: 85%; | |
| box-sizing: border-box; | |
| } | |
| [flex-md="90"] { | |
| flex: 1 1 90%; | |
| max-width: 90%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="90"], | |
| [layout-md="row"] > [flex-md="90"] { | |
| flex: 1 1 90%; | |
| max-width: 90%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="90"], | |
| [layout-md="column"] > [flex-md="90"] { | |
| flex: 1 1 90%; | |
| max-width: 100%; | |
| max-height: 90%; | |
| box-sizing: border-box; | |
| } | |
| [flex-md="95"] { | |
| flex: 1 1 95%; | |
| max-width: 95%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="95"], | |
| [layout-md="row"] > [flex-md="95"] { | |
| flex: 1 1 95%; | |
| max-width: 95%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="95"], | |
| [layout-md="column"] > [flex-md="95"] { | |
| flex: 1 1 95%; | |
| max-width: 100%; | |
| max-height: 95%; | |
| box-sizing: border-box; | |
| } | |
| [flex-md="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="100"], | |
| [layout-md="row"] > [flex-md="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="100"], | |
| [layout-md="column"] > [flex-md="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="33"], [layout="row"] > [flex-md="33"], [layout-md="row"] > [flex-md="33"], [layout-md="row"] > [flex-md="33"] { | |
| flex: 1 1 33.33%; | |
| max-width: 33.33%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-md="66"], [layout="row"] > [flex-md="66"], [layout-md="row"] > [flex-md="66"], [layout-md="row"] > [flex-md="66"] { | |
| flex: 1 1 66.66%; | |
| max-width: 66.66%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="33"], [layout="column"] > [flex-md="33"], [layout-md="column"] > [flex-md="33"], [layout-md="column"] > [flex-md="33"] { | |
| flex: 1 1 33.33%; | |
| max-width: 100%; | |
| max-height: 33.33%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-md="66"], [layout="column"] > [flex-md="66"], [layout-md="column"] > [flex-md="66"], [layout-md="column"] > [flex-md="66"] { | |
| flex: 1 1 66.66%; | |
| max-width: 100%; | |
| max-height: 66.66%; | |
| box-sizing: border-box; | |
| } | |
| [layout-md], [layout-md="column"], [layout-md="row"] { | |
| box-sizing: border-box; | |
| display: flex; | |
| } | |
| [layout-md="column"] { | |
| flex-direction: column; | |
| } | |
| [layout-md="row"] { | |
| flex-direction: row; | |
| } | |
| } | |
| @media (min-width: 1280px) { | |
| [flex-order-gt-md="0"] { | |
| order: 0; | |
| } | |
| [flex-order-gt-md="1"] { | |
| order: 1; | |
| } | |
| [flex-order-gt-md="2"] { | |
| order: 2; | |
| } | |
| [flex-order-gt-md="3"] { | |
| order: 3; | |
| } | |
| [flex-order-gt-md="4"] { | |
| order: 4; | |
| } | |
| [flex-order-gt-md="5"] { | |
| order: 5; | |
| } | |
| [flex-order-gt-md="6"] { | |
| order: 6; | |
| } | |
| [flex-order-gt-md="7"] { | |
| order: 7; | |
| } | |
| [flex-order-gt-md="8"] { | |
| order: 8; | |
| } | |
| [flex-order-gt-md="9"] { | |
| order: 9; | |
| } | |
| [flex-order-gt-md="10"] { | |
| order: 10; | |
| } | |
| [flex-order-gt-md="11"] { | |
| order: 11; | |
| } | |
| [flex-order-gt-md="12"] { | |
| order: 12; | |
| } | |
| [flex-order-gt-md="13"] { | |
| order: 13; | |
| } | |
| [flex-order-gt-md="14"] { | |
| order: 14; | |
| } | |
| [flex-order-gt-md="15"] { | |
| order: 15; | |
| } | |
| [flex-order-gt-md="16"] { | |
| order: 16; | |
| } | |
| [flex-order-gt-md="17"] { | |
| order: 17; | |
| } | |
| [flex-order-gt-md="18"] { | |
| order: 18; | |
| } | |
| [flex-order-gt-md="19"] { | |
| order: 19; | |
| } | |
| [flex-order-gt-md="20"] { | |
| order: 20; | |
| } | |
| [flex-offset-gt-md="0"] { | |
| margin-left: 0%; | |
| } | |
| [flex-offset-gt-md="5"] { | |
| margin-left: 5%; | |
| } | |
| [flex-offset-gt-md="10"] { | |
| margin-left: 10%; | |
| } | |
| [flex-offset-gt-md="15"] { | |
| margin-left: 15%; | |
| } | |
| [flex-offset-gt-md="20"] { | |
| margin-left: 20%; | |
| } | |
| [flex-offset-gt-md="25"] { | |
| margin-left: 25%; | |
| } | |
| [flex-offset-gt-md="30"] { | |
| margin-left: 30%; | |
| } | |
| [flex-offset-gt-md="35"] { | |
| margin-left: 35%; | |
| } | |
| [flex-offset-gt-md="40"] { | |
| margin-left: 40%; | |
| } | |
| [flex-offset-gt-md="45"] { | |
| margin-left: 45%; | |
| } | |
| [flex-offset-gt-md="50"] { | |
| margin-left: 50%; | |
| } | |
| [flex-offset-gt-md="55"] { | |
| margin-left: 55%; | |
| } | |
| [flex-offset-gt-md="60"] { | |
| margin-left: 60%; | |
| } | |
| [flex-offset-gt-md="65"] { | |
| margin-left: 65%; | |
| } | |
| [flex-offset-gt-md="70"] { | |
| margin-left: 70%; | |
| } | |
| [flex-offset-gt-md="75"] { | |
| margin-left: 75%; | |
| } | |
| [flex-offset-gt-md="80"] { | |
| margin-left: 80%; | |
| } | |
| [flex-offset-gt-md="85"] { | |
| margin-left: 85%; | |
| } | |
| [flex-offset-gt-md="90"] { | |
| margin-left: 90%; | |
| } | |
| [flex-offset-gt-md="95"] { | |
| margin-left: 95%; | |
| } | |
| [flex-offset-gt-md="33"] { | |
| margin-left: calc(100% / 3); | |
| } | |
| [flex-offset-gt-md="66"] { | |
| margin-left: calc(200% / 3); | |
| } | |
| [layout-align-gt-md], | |
| [layout-align-gt-md="start stretch"] { | |
| justify-content: flex-start; | |
| align-content: stretch; | |
| align-items: stretch; | |
| } | |
| [layout-align-gt-md="start"], | |
| [layout-align-gt-md="start start"], | |
| [layout-align-gt-md="start center"], | |
| [layout-align-gt-md="start end"], | |
| [layout-align-gt-md="start stretch"] { | |
| justify-content: flex-start; | |
| } | |
| [layout-align-gt-md="center"], | |
| [layout-align-gt-md="center start"], | |
| [layout-align-gt-md="center center"], | |
| [layout-align-gt-md="center end"], | |
| [layout-align-gt-md="center stretch"] { | |
| justify-content: center; | |
| } | |
| [layout-align-gt-md="end"], | |
| [layout-align-gt-md="end center"], | |
| [layout-align-gt-md="end start"], | |
| [layout-align-gt-md="end end"], | |
| [layout-align-gt-md="end stretch"] { | |
| justify-content: flex-end; | |
| } | |
| [layout-align-gt-md="space-around"], | |
| [layout-align-gt-md="space-around center"], | |
| [layout-align-gt-md="space-around start"], | |
| [layout-align-gt-md="space-around end"], | |
| [layout-align-gt-md="space-around stretch"] { | |
| justify-content: space-around; | |
| } | |
| [layout-align-gt-md="space-between"], | |
| [layout-align-gt-md="space-between center"], | |
| [layout-align-gt-md="space-between start"], | |
| [layout-align-gt-md="space-between end"], | |
| [layout-align-gt-md="space-between stretch"] { | |
| justify-content: space-between; | |
| } | |
| [layout-align-gt-md="start start"], | |
| [layout-align-gt-md="center start"], | |
| [layout-align-gt-md="end start"], | |
| [layout-align-gt-md="space-between start"], | |
| [layout-align-gt-md="space-around start"] { | |
| align-items: flex-start; | |
| align-content: flex-start; | |
| } | |
| [layout-align-gt-md="start center"], | |
| [layout-align-gt-md="center center"], | |
| [layout-align-gt-md="end center"], | |
| [layout-align-gt-md="space-between center"], | |
| [layout-align-gt-md="space-around center"] { | |
| align-items: center; | |
| align-content: center; | |
| max-width: 100%; | |
| } | |
| [layout-align-gt-md="start center"] > *, | |
| [layout-align-gt-md="center center"] > *, | |
| [layout-align-gt-md="end center"] > *, | |
| [layout-align-gt-md="space-between center"] > *, | |
| [layout-align-gt-md="space-around center"] > * { | |
| max-width: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout-align-gt-md="start end"], | |
| [layout-align-gt-md="center end"], | |
| [layout-align-gt-md="end end"], | |
| [layout-align-gt-md="space-between end"], | |
| [layout-align-gt-md="space-around end"] { | |
| align-items: flex-end; | |
| align-content: flex-end; | |
| } | |
| [layout-align-gt-md="start stretch"], | |
| [layout-align-gt-md="center stretch"], | |
| [layout-align-gt-md="end stretch"], | |
| [layout-align-gt-md="space-between stretch"], | |
| [layout-align-gt-md="space-around stretch"] { | |
| align-items: stretch; | |
| align-content: stretch; | |
| } | |
| [flex-gt-md] { | |
| flex: 1; | |
| box-sizing: border-box; | |
| } | |
| } | |
| @media screen\0 and (min-width: 1280px) { | |
| [flex-gt-md] { | |
| flex: 1 1 0%; | |
| } | |
| } | |
| @media (min-width: 1280px) { | |
| [flex-gt-md-grow] { | |
| flex: 1 1 100%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md-initial] { | |
| flex: 0 1 auto; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md-auto] { | |
| flex: 1 1 auto; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md-none] { | |
| flex: 0 0 auto; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md="0"] { | |
| flex: 1 1 0%; | |
| max-width: 0%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="0"], | |
| [layout-gt-md="row"] > [flex-gt-md="0"] { | |
| flex: 1 1 0%; | |
| max-width: 0%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="0"], | |
| [layout-gt-md="column"] > [flex-gt-md="0"] { | |
| flex: 1 1 0%; | |
| max-width: 100%; | |
| max-height: 0%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md="5"] { | |
| flex: 1 1 5%; | |
| max-width: 5%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="5"], | |
| [layout-gt-md="row"] > [flex-gt-md="5"] { | |
| flex: 1 1 5%; | |
| max-width: 5%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="5"], | |
| [layout-gt-md="column"] > [flex-gt-md="5"] { | |
| flex: 1 1 5%; | |
| max-width: 100%; | |
| max-height: 5%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md="10"] { | |
| flex: 1 1 10%; | |
| max-width: 10%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="10"], | |
| [layout-gt-md="row"] > [flex-gt-md="10"] { | |
| flex: 1 1 10%; | |
| max-width: 10%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="10"], | |
| [layout-gt-md="column"] > [flex-gt-md="10"] { | |
| flex: 1 1 10%; | |
| max-width: 100%; | |
| max-height: 10%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md="15"] { | |
| flex: 1 1 15%; | |
| max-width: 15%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="15"], | |
| [layout-gt-md="row"] > [flex-gt-md="15"] { | |
| flex: 1 1 15%; | |
| max-width: 15%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="15"], | |
| [layout-gt-md="column"] > [flex-gt-md="15"] { | |
| flex: 1 1 15%; | |
| max-width: 100%; | |
| max-height: 15%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md="20"] { | |
| flex: 1 1 20%; | |
| max-width: 20%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="20"], | |
| [layout-gt-md="row"] > [flex-gt-md="20"] { | |
| flex: 1 1 20%; | |
| max-width: 20%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="20"], | |
| [layout-gt-md="column"] > [flex-gt-md="20"] { | |
| flex: 1 1 20%; | |
| max-width: 100%; | |
| max-height: 20%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md="25"] { | |
| flex: 1 1 25%; | |
| max-width: 25%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="25"], | |
| [layout-gt-md="row"] > [flex-gt-md="25"] { | |
| flex: 1 1 25%; | |
| max-width: 25%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="25"], | |
| [layout-gt-md="column"] > [flex-gt-md="25"] { | |
| flex: 1 1 25%; | |
| max-width: 100%; | |
| max-height: 25%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md="30"] { | |
| flex: 1 1 30%; | |
| max-width: 30%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="30"], | |
| [layout-gt-md="row"] > [flex-gt-md="30"] { | |
| flex: 1 1 30%; | |
| max-width: 30%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="30"], | |
| [layout-gt-md="column"] > [flex-gt-md="30"] { | |
| flex: 1 1 30%; | |
| max-width: 100%; | |
| max-height: 30%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md="35"] { | |
| flex: 1 1 35%; | |
| max-width: 35%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="35"], | |
| [layout-gt-md="row"] > [flex-gt-md="35"] { | |
| flex: 1 1 35%; | |
| max-width: 35%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="35"], | |
| [layout-gt-md="column"] > [flex-gt-md="35"] { | |
| flex: 1 1 35%; | |
| max-width: 100%; | |
| max-height: 35%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md="40"] { | |
| flex: 1 1 40%; | |
| max-width: 40%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="40"], | |
| [layout-gt-md="row"] > [flex-gt-md="40"] { | |
| flex: 1 1 40%; | |
| max-width: 40%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="40"], | |
| [layout-gt-md="column"] > [flex-gt-md="40"] { | |
| flex: 1 1 40%; | |
| max-width: 100%; | |
| max-height: 40%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md="45"] { | |
| flex: 1 1 45%; | |
| max-width: 45%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="45"], | |
| [layout-gt-md="row"] > [flex-gt-md="45"] { | |
| flex: 1 1 45%; | |
| max-width: 45%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="45"], | |
| [layout-gt-md="column"] > [flex-gt-md="45"] { | |
| flex: 1 1 45%; | |
| max-width: 100%; | |
| max-height: 45%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md="50"] { | |
| flex: 1 1 50%; | |
| max-width: 50%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="50"], | |
| [layout-gt-md="row"] > [flex-gt-md="50"] { | |
| flex: 1 1 50%; | |
| max-width: 50%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="50"], | |
| [layout-gt-md="column"] > [flex-gt-md="50"] { | |
| flex: 1 1 50%; | |
| max-width: 100%; | |
| max-height: 50%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md="55"] { | |
| flex: 1 1 55%; | |
| max-width: 55%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="55"], | |
| [layout-gt-md="row"] > [flex-gt-md="55"] { | |
| flex: 1 1 55%; | |
| max-width: 55%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="55"], | |
| [layout-gt-md="column"] > [flex-gt-md="55"] { | |
| flex: 1 1 55%; | |
| max-width: 100%; | |
| max-height: 55%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md="60"] { | |
| flex: 1 1 60%; | |
| max-width: 60%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="60"], | |
| [layout-gt-md="row"] > [flex-gt-md="60"] { | |
| flex: 1 1 60%; | |
| max-width: 60%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="60"], | |
| [layout-gt-md="column"] > [flex-gt-md="60"] { | |
| flex: 1 1 60%; | |
| max-width: 100%; | |
| max-height: 60%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md="65"] { | |
| flex: 1 1 65%; | |
| max-width: 65%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="65"], | |
| [layout-gt-md="row"] > [flex-gt-md="65"] { | |
| flex: 1 1 65%; | |
| max-width: 65%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="65"], | |
| [layout-gt-md="column"] > [flex-gt-md="65"] { | |
| flex: 1 1 65%; | |
| max-width: 100%; | |
| max-height: 65%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md="70"] { | |
| flex: 1 1 70%; | |
| max-width: 70%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="70"], | |
| [layout-gt-md="row"] > [flex-gt-md="70"] { | |
| flex: 1 1 70%; | |
| max-width: 70%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="70"], | |
| [layout-gt-md="column"] > [flex-gt-md="70"] { | |
| flex: 1 1 70%; | |
| max-width: 100%; | |
| max-height: 70%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md="75"] { | |
| flex: 1 1 75%; | |
| max-width: 75%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="75"], | |
| [layout-gt-md="row"] > [flex-gt-md="75"] { | |
| flex: 1 1 75%; | |
| max-width: 75%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="75"], | |
| [layout-gt-md="column"] > [flex-gt-md="75"] { | |
| flex: 1 1 75%; | |
| max-width: 100%; | |
| max-height: 75%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md="80"] { | |
| flex: 1 1 80%; | |
| max-width: 80%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="80"], | |
| [layout-gt-md="row"] > [flex-gt-md="80"] { | |
| flex: 1 1 80%; | |
| max-width: 80%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="80"], | |
| [layout-gt-md="column"] > [flex-gt-md="80"] { | |
| flex: 1 1 80%; | |
| max-width: 100%; | |
| max-height: 80%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md="85"] { | |
| flex: 1 1 85%; | |
| max-width: 85%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="85"], | |
| [layout-gt-md="row"] > [flex-gt-md="85"] { | |
| flex: 1 1 85%; | |
| max-width: 85%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="85"], | |
| [layout-gt-md="column"] > [flex-gt-md="85"] { | |
| flex: 1 1 85%; | |
| max-width: 100%; | |
| max-height: 85%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md="90"] { | |
| flex: 1 1 90%; | |
| max-width: 90%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="90"], | |
| [layout-gt-md="row"] > [flex-gt-md="90"] { | |
| flex: 1 1 90%; | |
| max-width: 90%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="90"], | |
| [layout-gt-md="column"] > [flex-gt-md="90"] { | |
| flex: 1 1 90%; | |
| max-width: 100%; | |
| max-height: 90%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md="95"] { | |
| flex: 1 1 95%; | |
| max-width: 95%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="95"], | |
| [layout-gt-md="row"] > [flex-gt-md="95"] { | |
| flex: 1 1 95%; | |
| max-width: 95%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="95"], | |
| [layout-gt-md="column"] > [flex-gt-md="95"] { | |
| flex: 1 1 95%; | |
| max-width: 100%; | |
| max-height: 95%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-md="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="100"], | |
| [layout-gt-md="row"] > [flex-gt-md="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="100"], | |
| [layout-gt-md="column"] > [flex-gt-md="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="33"], [layout="row"] > [flex-gt-md="33"], [layout-gt-md="row"] > [flex-gt-md="33"], [layout-gt-md="row"] > [flex-gt-md="33"] { | |
| flex: 1 1 33.33%; | |
| max-width: 33.33%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-md="66"], [layout="row"] > [flex-gt-md="66"], [layout-gt-md="row"] > [flex-gt-md="66"], [layout-gt-md="row"] > [flex-gt-md="66"] { | |
| flex: 1 1 66.66%; | |
| max-width: 66.66%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="33"], [layout="column"] > [flex-gt-md="33"], [layout-gt-md="column"] > [flex-gt-md="33"], [layout-gt-md="column"] > [flex-gt-md="33"] { | |
| flex: 1 1 33.33%; | |
| max-width: 100%; | |
| max-height: 33.33%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-md="66"], [layout="column"] > [flex-gt-md="66"], [layout-gt-md="column"] > [flex-gt-md="66"], [layout-gt-md="column"] > [flex-gt-md="66"] { | |
| flex: 1 1 66.66%; | |
| max-width: 100%; | |
| max-height: 66.66%; | |
| box-sizing: border-box; | |
| } | |
| [layout-gt-md], [layout-gt-md="column"], [layout-gt-md="row"] { | |
| box-sizing: border-box; | |
| display: flex; | |
| } | |
| [layout-gt-md="column"] { | |
| flex-direction: column; | |
| } | |
| [layout-gt-md="row"] { | |
| flex-direction: row; | |
| } | |
| } | |
| @media (min-width: 1280px) and (max-width: 1919px) { | |
| [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-md]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]) { | |
| display: none; | |
| } | |
| [hide-lg]:not([show-lg]):not([show]) { | |
| display: none; | |
| } | |
| [flex-order-lg="0"] { | |
| order: 0; | |
| } | |
| [flex-order-lg="1"] { | |
| order: 1; | |
| } | |
| [flex-order-lg="2"] { | |
| order: 2; | |
| } | |
| [flex-order-lg="3"] { | |
| order: 3; | |
| } | |
| [flex-order-lg="4"] { | |
| order: 4; | |
| } | |
| [flex-order-lg="5"] { | |
| order: 5; | |
| } | |
| [flex-order-lg="6"] { | |
| order: 6; | |
| } | |
| [flex-order-lg="7"] { | |
| order: 7; | |
| } | |
| [flex-order-lg="8"] { | |
| order: 8; | |
| } | |
| [flex-order-lg="9"] { | |
| order: 9; | |
| } | |
| [flex-order-lg="10"] { | |
| order: 10; | |
| } | |
| [flex-order-lg="11"] { | |
| order: 11; | |
| } | |
| [flex-order-lg="12"] { | |
| order: 12; | |
| } | |
| [flex-order-lg="13"] { | |
| order: 13; | |
| } | |
| [flex-order-lg="14"] { | |
| order: 14; | |
| } | |
| [flex-order-lg="15"] { | |
| order: 15; | |
| } | |
| [flex-order-lg="16"] { | |
| order: 16; | |
| } | |
| [flex-order-lg="17"] { | |
| order: 17; | |
| } | |
| [flex-order-lg="18"] { | |
| order: 18; | |
| } | |
| [flex-order-lg="19"] { | |
| order: 19; | |
| } | |
| [flex-order-lg="20"] { | |
| order: 20; | |
| } | |
| [flex-offset-lg="0"] { | |
| margin-left: 0%; | |
| } | |
| [flex-offset-lg="5"] { | |
| margin-left: 5%; | |
| } | |
| [flex-offset-lg="10"] { | |
| margin-left: 10%; | |
| } | |
| [flex-offset-lg="15"] { | |
| margin-left: 15%; | |
| } | |
| [flex-offset-lg="20"] { | |
| margin-left: 20%; | |
| } | |
| [flex-offset-lg="25"] { | |
| margin-left: 25%; | |
| } | |
| [flex-offset-lg="30"] { | |
| margin-left: 30%; | |
| } | |
| [flex-offset-lg="35"] { | |
| margin-left: 35%; | |
| } | |
| [flex-offset-lg="40"] { | |
| margin-left: 40%; | |
| } | |
| [flex-offset-lg="45"] { | |
| margin-left: 45%; | |
| } | |
| [flex-offset-lg="50"] { | |
| margin-left: 50%; | |
| } | |
| [flex-offset-lg="55"] { | |
| margin-left: 55%; | |
| } | |
| [flex-offset-lg="60"] { | |
| margin-left: 60%; | |
| } | |
| [flex-offset-lg="65"] { | |
| margin-left: 65%; | |
| } | |
| [flex-offset-lg="70"] { | |
| margin-left: 70%; | |
| } | |
| [flex-offset-lg="75"] { | |
| margin-left: 75%; | |
| } | |
| [flex-offset-lg="80"] { | |
| margin-left: 80%; | |
| } | |
| [flex-offset-lg="85"] { | |
| margin-left: 85%; | |
| } | |
| [flex-offset-lg="90"] { | |
| margin-left: 90%; | |
| } | |
| [flex-offset-lg="95"] { | |
| margin-left: 95%; | |
| } | |
| [flex-offset-lg="33"] { | |
| margin-left: calc(100% / 3); | |
| } | |
| [flex-offset-lg="66"] { | |
| margin-left: calc(200% / 3); | |
| } | |
| [layout-align-lg], | |
| [layout-align-lg="start stretch"] { | |
| justify-content: flex-start; | |
| align-content: stretch; | |
| align-items: stretch; | |
| } | |
| [layout-align-lg="start"], | |
| [layout-align-lg="start start"], | |
| [layout-align-lg="start center"], | |
| [layout-align-lg="start end"], | |
| [layout-align-lg="start stretch"] { | |
| justify-content: flex-start; | |
| } | |
| [layout-align-lg="center"], | |
| [layout-align-lg="center start"], | |
| [layout-align-lg="center center"], | |
| [layout-align-lg="center end"], | |
| [layout-align-lg="center stretch"] { | |
| justify-content: center; | |
| } | |
| [layout-align-lg="end"], | |
| [layout-align-lg="end center"], | |
| [layout-align-lg="end start"], | |
| [layout-align-lg="end end"], | |
| [layout-align-lg="end stretch"] { | |
| justify-content: flex-end; | |
| } | |
| [layout-align-lg="space-around"], | |
| [layout-align-lg="space-around center"], | |
| [layout-align-lg="space-around start"], | |
| [layout-align-lg="space-around end"], | |
| [layout-align-lg="space-around stretch"] { | |
| justify-content: space-around; | |
| } | |
| [layout-align-lg="space-between"], | |
| [layout-align-lg="space-between center"], | |
| [layout-align-lg="space-between start"], | |
| [layout-align-lg="space-between end"], | |
| [layout-align-lg="space-between stretch"] { | |
| justify-content: space-between; | |
| } | |
| [layout-align-lg="start start"], | |
| [layout-align-lg="center start"], | |
| [layout-align-lg="end start"], | |
| [layout-align-lg="space-between start"], | |
| [layout-align-lg="space-around start"] { | |
| align-items: flex-start; | |
| align-content: flex-start; | |
| } | |
| [layout-align-lg="start center"], | |
| [layout-align-lg="center center"], | |
| [layout-align-lg="end center"], | |
| [layout-align-lg="space-between center"], | |
| [layout-align-lg="space-around center"] { | |
| align-items: center; | |
| align-content: center; | |
| max-width: 100%; | |
| } | |
| [layout-align-lg="start center"] > *, | |
| [layout-align-lg="center center"] > *, | |
| [layout-align-lg="end center"] > *, | |
| [layout-align-lg="space-between center"] > *, | |
| [layout-align-lg="space-around center"] > * { | |
| max-width: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout-align-lg="start end"], | |
| [layout-align-lg="center end"], | |
| [layout-align-lg="end end"], | |
| [layout-align-lg="space-between end"], | |
| [layout-align-lg="space-around end"] { | |
| align-items: flex-end; | |
| align-content: flex-end; | |
| } | |
| [layout-align-lg="start stretch"], | |
| [layout-align-lg="center stretch"], | |
| [layout-align-lg="end stretch"], | |
| [layout-align-lg="space-between stretch"], | |
| [layout-align-lg="space-around stretch"] { | |
| align-items: stretch; | |
| align-content: stretch; | |
| } | |
| [flex-lg] { | |
| flex: 1; | |
| box-sizing: border-box; | |
| } | |
| } | |
| @media screen\0 and (min-width: 1280px) and (max-width: 1919px) { | |
| [flex-lg] { | |
| flex: 1 1 0%; | |
| } | |
| } | |
| @media (min-width: 1280px) and (max-width: 1919px) { | |
| [flex-lg-grow] { | |
| flex: 1 1 100%; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg-initial] { | |
| flex: 0 1 auto; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg-auto] { | |
| flex: 1 1 auto; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg-none] { | |
| flex: 0 0 auto; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg="0"] { | |
| flex: 1 1 0%; | |
| max-width: 0%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="0"], | |
| [layout-lg="row"] > [flex-lg="0"] { | |
| flex: 1 1 0%; | |
| max-width: 0%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="0"], | |
| [layout-lg="column"] > [flex-lg="0"] { | |
| flex: 1 1 0%; | |
| max-width: 100%; | |
| max-height: 0%; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg="5"] { | |
| flex: 1 1 5%; | |
| max-width: 5%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="5"], | |
| [layout-lg="row"] > [flex-lg="5"] { | |
| flex: 1 1 5%; | |
| max-width: 5%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="5"], | |
| [layout-lg="column"] > [flex-lg="5"] { | |
| flex: 1 1 5%; | |
| max-width: 100%; | |
| max-height: 5%; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg="10"] { | |
| flex: 1 1 10%; | |
| max-width: 10%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="10"], | |
| [layout-lg="row"] > [flex-lg="10"] { | |
| flex: 1 1 10%; | |
| max-width: 10%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="10"], | |
| [layout-lg="column"] > [flex-lg="10"] { | |
| flex: 1 1 10%; | |
| max-width: 100%; | |
| max-height: 10%; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg="15"] { | |
| flex: 1 1 15%; | |
| max-width: 15%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="15"], | |
| [layout-lg="row"] > [flex-lg="15"] { | |
| flex: 1 1 15%; | |
| max-width: 15%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="15"], | |
| [layout-lg="column"] > [flex-lg="15"] { | |
| flex: 1 1 15%; | |
| max-width: 100%; | |
| max-height: 15%; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg="20"] { | |
| flex: 1 1 20%; | |
| max-width: 20%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="20"], | |
| [layout-lg="row"] > [flex-lg="20"] { | |
| flex: 1 1 20%; | |
| max-width: 20%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="20"], | |
| [layout-lg="column"] > [flex-lg="20"] { | |
| flex: 1 1 20%; | |
| max-width: 100%; | |
| max-height: 20%; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg="25"] { | |
| flex: 1 1 25%; | |
| max-width: 25%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="25"], | |
| [layout-lg="row"] > [flex-lg="25"] { | |
| flex: 1 1 25%; | |
| max-width: 25%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="25"], | |
| [layout-lg="column"] > [flex-lg="25"] { | |
| flex: 1 1 25%; | |
| max-width: 100%; | |
| max-height: 25%; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg="30"] { | |
| flex: 1 1 30%; | |
| max-width: 30%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="30"], | |
| [layout-lg="row"] > [flex-lg="30"] { | |
| flex: 1 1 30%; | |
| max-width: 30%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="30"], | |
| [layout-lg="column"] > [flex-lg="30"] { | |
| flex: 1 1 30%; | |
| max-width: 100%; | |
| max-height: 30%; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg="35"] { | |
| flex: 1 1 35%; | |
| max-width: 35%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="35"], | |
| [layout-lg="row"] > [flex-lg="35"] { | |
| flex: 1 1 35%; | |
| max-width: 35%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="35"], | |
| [layout-lg="column"] > [flex-lg="35"] { | |
| flex: 1 1 35%; | |
| max-width: 100%; | |
| max-height: 35%; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg="40"] { | |
| flex: 1 1 40%; | |
| max-width: 40%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="40"], | |
| [layout-lg="row"] > [flex-lg="40"] { | |
| flex: 1 1 40%; | |
| max-width: 40%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="40"], | |
| [layout-lg="column"] > [flex-lg="40"] { | |
| flex: 1 1 40%; | |
| max-width: 100%; | |
| max-height: 40%; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg="45"] { | |
| flex: 1 1 45%; | |
| max-width: 45%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="45"], | |
| [layout-lg="row"] > [flex-lg="45"] { | |
| flex: 1 1 45%; | |
| max-width: 45%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="45"], | |
| [layout-lg="column"] > [flex-lg="45"] { | |
| flex: 1 1 45%; | |
| max-width: 100%; | |
| max-height: 45%; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg="50"] { | |
| flex: 1 1 50%; | |
| max-width: 50%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="50"], | |
| [layout-lg="row"] > [flex-lg="50"] { | |
| flex: 1 1 50%; | |
| max-width: 50%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="50"], | |
| [layout-lg="column"] > [flex-lg="50"] { | |
| flex: 1 1 50%; | |
| max-width: 100%; | |
| max-height: 50%; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg="55"] { | |
| flex: 1 1 55%; | |
| max-width: 55%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="55"], | |
| [layout-lg="row"] > [flex-lg="55"] { | |
| flex: 1 1 55%; | |
| max-width: 55%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="55"], | |
| [layout-lg="column"] > [flex-lg="55"] { | |
| flex: 1 1 55%; | |
| max-width: 100%; | |
| max-height: 55%; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg="60"] { | |
| flex: 1 1 60%; | |
| max-width: 60%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="60"], | |
| [layout-lg="row"] > [flex-lg="60"] { | |
| flex: 1 1 60%; | |
| max-width: 60%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="60"], | |
| [layout-lg="column"] > [flex-lg="60"] { | |
| flex: 1 1 60%; | |
| max-width: 100%; | |
| max-height: 60%; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg="65"] { | |
| flex: 1 1 65%; | |
| max-width: 65%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="65"], | |
| [layout-lg="row"] > [flex-lg="65"] { | |
| flex: 1 1 65%; | |
| max-width: 65%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="65"], | |
| [layout-lg="column"] > [flex-lg="65"] { | |
| flex: 1 1 65%; | |
| max-width: 100%; | |
| max-height: 65%; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg="70"] { | |
| flex: 1 1 70%; | |
| max-width: 70%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="70"], | |
| [layout-lg="row"] > [flex-lg="70"] { | |
| flex: 1 1 70%; | |
| max-width: 70%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="70"], | |
| [layout-lg="column"] > [flex-lg="70"] { | |
| flex: 1 1 70%; | |
| max-width: 100%; | |
| max-height: 70%; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg="75"] { | |
| flex: 1 1 75%; | |
| max-width: 75%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="75"], | |
| [layout-lg="row"] > [flex-lg="75"] { | |
| flex: 1 1 75%; | |
| max-width: 75%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="75"], | |
| [layout-lg="column"] > [flex-lg="75"] { | |
| flex: 1 1 75%; | |
| max-width: 100%; | |
| max-height: 75%; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg="80"] { | |
| flex: 1 1 80%; | |
| max-width: 80%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="80"], | |
| [layout-lg="row"] > [flex-lg="80"] { | |
| flex: 1 1 80%; | |
| max-width: 80%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="80"], | |
| [layout-lg="column"] > [flex-lg="80"] { | |
| flex: 1 1 80%; | |
| max-width: 100%; | |
| max-height: 80%; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg="85"] { | |
| flex: 1 1 85%; | |
| max-width: 85%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="85"], | |
| [layout-lg="row"] > [flex-lg="85"] { | |
| flex: 1 1 85%; | |
| max-width: 85%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="85"], | |
| [layout-lg="column"] > [flex-lg="85"] { | |
| flex: 1 1 85%; | |
| max-width: 100%; | |
| max-height: 85%; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg="90"] { | |
| flex: 1 1 90%; | |
| max-width: 90%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="90"], | |
| [layout-lg="row"] > [flex-lg="90"] { | |
| flex: 1 1 90%; | |
| max-width: 90%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="90"], | |
| [layout-lg="column"] > [flex-lg="90"] { | |
| flex: 1 1 90%; | |
| max-width: 100%; | |
| max-height: 90%; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg="95"] { | |
| flex: 1 1 95%; | |
| max-width: 95%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="95"], | |
| [layout-lg="row"] > [flex-lg="95"] { | |
| flex: 1 1 95%; | |
| max-width: 95%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="95"], | |
| [layout-lg="column"] > [flex-lg="95"] { | |
| flex: 1 1 95%; | |
| max-width: 100%; | |
| max-height: 95%; | |
| box-sizing: border-box; | |
| } | |
| [flex-lg="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="100"], | |
| [layout-lg="row"] > [flex-lg="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="100"], | |
| [layout-lg="column"] > [flex-lg="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="33"], [layout="row"] > [flex-lg="33"], [layout-lg="row"] > [flex-lg="33"], [layout-lg="row"] > [flex-lg="33"] { | |
| flex: 1 1 33.33%; | |
| max-width: 33.33%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-lg="66"], [layout="row"] > [flex-lg="66"], [layout-lg="row"] > [flex-lg="66"], [layout-lg="row"] > [flex-lg="66"] { | |
| flex: 1 1 66.66%; | |
| max-width: 66.66%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="33"], [layout="column"] > [flex-lg="33"], [layout-lg="column"] > [flex-lg="33"], [layout-lg="column"] > [flex-lg="33"] { | |
| flex: 1 1 33.33%; | |
| max-width: 100%; | |
| max-height: 33.33%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-lg="66"], [layout="column"] > [flex-lg="66"], [layout-lg="column"] > [flex-lg="66"], [layout-lg="column"] > [flex-lg="66"] { | |
| flex: 1 1 66.66%; | |
| max-width: 100%; | |
| max-height: 66.66%; | |
| box-sizing: border-box; | |
| } | |
| [layout-lg], [layout-lg="column"], [layout-lg="row"] { | |
| box-sizing: border-box; | |
| display: flex; | |
| } | |
| [layout-lg="column"] { | |
| flex-direction: column; | |
| } | |
| [layout-lg="row"] { | |
| flex-direction: row; | |
| } | |
| } | |
| @media (min-width: 1920px) { | |
| [flex-order-gt-lg="0"] { | |
| order: 0; | |
| } | |
| [flex-order-gt-lg="1"] { | |
| order: 1; | |
| } | |
| [flex-order-gt-lg="2"] { | |
| order: 2; | |
| } | |
| [flex-order-gt-lg="3"] { | |
| order: 3; | |
| } | |
| [flex-order-gt-lg="4"] { | |
| order: 4; | |
| } | |
| [flex-order-gt-lg="5"] { | |
| order: 5; | |
| } | |
| [flex-order-gt-lg="6"] { | |
| order: 6; | |
| } | |
| [flex-order-gt-lg="7"] { | |
| order: 7; | |
| } | |
| [flex-order-gt-lg="8"] { | |
| order: 8; | |
| } | |
| [flex-order-gt-lg="9"] { | |
| order: 9; | |
| } | |
| [flex-order-gt-lg="10"] { | |
| order: 10; | |
| } | |
| [flex-order-gt-lg="11"] { | |
| order: 11; | |
| } | |
| [flex-order-gt-lg="12"] { | |
| order: 12; | |
| } | |
| [flex-order-gt-lg="13"] { | |
| order: 13; | |
| } | |
| [flex-order-gt-lg="14"] { | |
| order: 14; | |
| } | |
| [flex-order-gt-lg="15"] { | |
| order: 15; | |
| } | |
| [flex-order-gt-lg="16"] { | |
| order: 16; | |
| } | |
| [flex-order-gt-lg="17"] { | |
| order: 17; | |
| } | |
| [flex-order-gt-lg="18"] { | |
| order: 18; | |
| } | |
| [flex-order-gt-lg="19"] { | |
| order: 19; | |
| } | |
| [flex-order-gt-lg="20"] { | |
| order: 20; | |
| } | |
| [flex-offset-gt-lg="0"] { | |
| margin-left: 0%; | |
| } | |
| [flex-offset-gt-lg="5"] { | |
| margin-left: 5%; | |
| } | |
| [flex-offset-gt-lg="10"] { | |
| margin-left: 10%; | |
| } | |
| [flex-offset-gt-lg="15"] { | |
| margin-left: 15%; | |
| } | |
| [flex-offset-gt-lg="20"] { | |
| margin-left: 20%; | |
| } | |
| [flex-offset-gt-lg="25"] { | |
| margin-left: 25%; | |
| } | |
| [flex-offset-gt-lg="30"] { | |
| margin-left: 30%; | |
| } | |
| [flex-offset-gt-lg="35"] { | |
| margin-left: 35%; | |
| } | |
| [flex-offset-gt-lg="40"] { | |
| margin-left: 40%; | |
| } | |
| [flex-offset-gt-lg="45"] { | |
| margin-left: 45%; | |
| } | |
| [flex-offset-gt-lg="50"] { | |
| margin-left: 50%; | |
| } | |
| [flex-offset-gt-lg="55"] { | |
| margin-left: 55%; | |
| } | |
| [flex-offset-gt-lg="60"] { | |
| margin-left: 60%; | |
| } | |
| [flex-offset-gt-lg="65"] { | |
| margin-left: 65%; | |
| } | |
| [flex-offset-gt-lg="70"] { | |
| margin-left: 70%; | |
| } | |
| [flex-offset-gt-lg="75"] { | |
| margin-left: 75%; | |
| } | |
| [flex-offset-gt-lg="80"] { | |
| margin-left: 80%; | |
| } | |
| [flex-offset-gt-lg="85"] { | |
| margin-left: 85%; | |
| } | |
| [flex-offset-gt-lg="90"] { | |
| margin-left: 90%; | |
| } | |
| [flex-offset-gt-lg="95"] { | |
| margin-left: 95%; | |
| } | |
| [flex-offset-gt-lg="33"] { | |
| margin-left: calc(100% / 3); | |
| } | |
| [flex-offset-gt-lg="66"] { | |
| margin-left: calc(200% / 3); | |
| } | |
| [layout-align-gt-lg], | |
| [layout-align-gt-lg="start stretch"] { | |
| justify-content: flex-start; | |
| align-content: stretch; | |
| align-items: stretch; | |
| } | |
| [layout-align-gt-lg="start"], | |
| [layout-align-gt-lg="start start"], | |
| [layout-align-gt-lg="start center"], | |
| [layout-align-gt-lg="start end"], | |
| [layout-align-gt-lg="start stretch"] { | |
| justify-content: flex-start; | |
| } | |
| [layout-align-gt-lg="center"], | |
| [layout-align-gt-lg="center start"], | |
| [layout-align-gt-lg="center center"], | |
| [layout-align-gt-lg="center end"], | |
| [layout-align-gt-lg="center stretch"] { | |
| justify-content: center; | |
| } | |
| [layout-align-gt-lg="end"], | |
| [layout-align-gt-lg="end center"], | |
| [layout-align-gt-lg="end start"], | |
| [layout-align-gt-lg="end end"], | |
| [layout-align-gt-lg="end stretch"] { | |
| justify-content: flex-end; | |
| } | |
| [layout-align-gt-lg="space-around"], | |
| [layout-align-gt-lg="space-around center"], | |
| [layout-align-gt-lg="space-around start"], | |
| [layout-align-gt-lg="space-around end"], | |
| [layout-align-gt-lg="space-around stretch"] { | |
| justify-content: space-around; | |
| } | |
| [layout-align-gt-lg="space-between"], | |
| [layout-align-gt-lg="space-between center"], | |
| [layout-align-gt-lg="space-between start"], | |
| [layout-align-gt-lg="space-between end"], | |
| [layout-align-gt-lg="space-between stretch"] { | |
| justify-content: space-between; | |
| } | |
| [layout-align-gt-lg="start start"], | |
| [layout-align-gt-lg="center start"], | |
| [layout-align-gt-lg="end start"], | |
| [layout-align-gt-lg="space-between start"], | |
| [layout-align-gt-lg="space-around start"] { | |
| align-items: flex-start; | |
| align-content: flex-start; | |
| } | |
| [layout-align-gt-lg="start center"], | |
| [layout-align-gt-lg="center center"], | |
| [layout-align-gt-lg="end center"], | |
| [layout-align-gt-lg="space-between center"], | |
| [layout-align-gt-lg="space-around center"] { | |
| align-items: center; | |
| align-content: center; | |
| max-width: 100%; | |
| } | |
| [layout-align-gt-lg="start center"] > *, | |
| [layout-align-gt-lg="center center"] > *, | |
| [layout-align-gt-lg="end center"] > *, | |
| [layout-align-gt-lg="space-between center"] > *, | |
| [layout-align-gt-lg="space-around center"] > * { | |
| max-width: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout-align-gt-lg="start end"], | |
| [layout-align-gt-lg="center end"], | |
| [layout-align-gt-lg="end end"], | |
| [layout-align-gt-lg="space-between end"], | |
| [layout-align-gt-lg="space-around end"] { | |
| align-items: flex-end; | |
| align-content: flex-end; | |
| } | |
| [layout-align-gt-lg="start stretch"], | |
| [layout-align-gt-lg="center stretch"], | |
| [layout-align-gt-lg="end stretch"], | |
| [layout-align-gt-lg="space-between stretch"], | |
| [layout-align-gt-lg="space-around stretch"] { | |
| align-items: stretch; | |
| align-content: stretch; | |
| } | |
| [flex-gt-lg] { | |
| flex: 1; | |
| box-sizing: border-box; | |
| } | |
| } | |
| @media screen\0 and (min-width: 1920px) { | |
| [flex-gt-lg] { | |
| flex: 1 1 0%; | |
| } | |
| } | |
| @media (min-width: 1920px) { | |
| [flex-gt-lg-grow] { | |
| flex: 1 1 100%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg-initial] { | |
| flex: 0 1 auto; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg-auto] { | |
| flex: 1 1 auto; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg-none] { | |
| flex: 0 0 auto; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg="0"] { | |
| flex: 1 1 0%; | |
| max-width: 0%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="0"], | |
| [layout-gt-lg="row"] > [flex-gt-lg="0"] { | |
| flex: 1 1 0%; | |
| max-width: 0%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="0"], | |
| [layout-gt-lg="column"] > [flex-gt-lg="0"] { | |
| flex: 1 1 0%; | |
| max-width: 100%; | |
| max-height: 0%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg="5"] { | |
| flex: 1 1 5%; | |
| max-width: 5%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="5"], | |
| [layout-gt-lg="row"] > [flex-gt-lg="5"] { | |
| flex: 1 1 5%; | |
| max-width: 5%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="5"], | |
| [layout-gt-lg="column"] > [flex-gt-lg="5"] { | |
| flex: 1 1 5%; | |
| max-width: 100%; | |
| max-height: 5%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg="10"] { | |
| flex: 1 1 10%; | |
| max-width: 10%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="10"], | |
| [layout-gt-lg="row"] > [flex-gt-lg="10"] { | |
| flex: 1 1 10%; | |
| max-width: 10%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="10"], | |
| [layout-gt-lg="column"] > [flex-gt-lg="10"] { | |
| flex: 1 1 10%; | |
| max-width: 100%; | |
| max-height: 10%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg="15"] { | |
| flex: 1 1 15%; | |
| max-width: 15%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="15"], | |
| [layout-gt-lg="row"] > [flex-gt-lg="15"] { | |
| flex: 1 1 15%; | |
| max-width: 15%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="15"], | |
| [layout-gt-lg="column"] > [flex-gt-lg="15"] { | |
| flex: 1 1 15%; | |
| max-width: 100%; | |
| max-height: 15%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg="20"] { | |
| flex: 1 1 20%; | |
| max-width: 20%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="20"], | |
| [layout-gt-lg="row"] > [flex-gt-lg="20"] { | |
| flex: 1 1 20%; | |
| max-width: 20%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="20"], | |
| [layout-gt-lg="column"] > [flex-gt-lg="20"] { | |
| flex: 1 1 20%; | |
| max-width: 100%; | |
| max-height: 20%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg="25"] { | |
| flex: 1 1 25%; | |
| max-width: 25%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="25"], | |
| [layout-gt-lg="row"] > [flex-gt-lg="25"] { | |
| flex: 1 1 25%; | |
| max-width: 25%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="25"], | |
| [layout-gt-lg="column"] > [flex-gt-lg="25"] { | |
| flex: 1 1 25%; | |
| max-width: 100%; | |
| max-height: 25%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg="30"] { | |
| flex: 1 1 30%; | |
| max-width: 30%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="30"], | |
| [layout-gt-lg="row"] > [flex-gt-lg="30"] { | |
| flex: 1 1 30%; | |
| max-width: 30%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="30"], | |
| [layout-gt-lg="column"] > [flex-gt-lg="30"] { | |
| flex: 1 1 30%; | |
| max-width: 100%; | |
| max-height: 30%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg="35"] { | |
| flex: 1 1 35%; | |
| max-width: 35%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="35"], | |
| [layout-gt-lg="row"] > [flex-gt-lg="35"] { | |
| flex: 1 1 35%; | |
| max-width: 35%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="35"], | |
| [layout-gt-lg="column"] > [flex-gt-lg="35"] { | |
| flex: 1 1 35%; | |
| max-width: 100%; | |
| max-height: 35%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg="40"] { | |
| flex: 1 1 40%; | |
| max-width: 40%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="40"], | |
| [layout-gt-lg="row"] > [flex-gt-lg="40"] { | |
| flex: 1 1 40%; | |
| max-width: 40%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="40"], | |
| [layout-gt-lg="column"] > [flex-gt-lg="40"] { | |
| flex: 1 1 40%; | |
| max-width: 100%; | |
| max-height: 40%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg="45"] { | |
| flex: 1 1 45%; | |
| max-width: 45%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="45"], | |
| [layout-gt-lg="row"] > [flex-gt-lg="45"] { | |
| flex: 1 1 45%; | |
| max-width: 45%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="45"], | |
| [layout-gt-lg="column"] > [flex-gt-lg="45"] { | |
| flex: 1 1 45%; | |
| max-width: 100%; | |
| max-height: 45%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg="50"] { | |
| flex: 1 1 50%; | |
| max-width: 50%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="50"], | |
| [layout-gt-lg="row"] > [flex-gt-lg="50"] { | |
| flex: 1 1 50%; | |
| max-width: 50%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="50"], | |
| [layout-gt-lg="column"] > [flex-gt-lg="50"] { | |
| flex: 1 1 50%; | |
| max-width: 100%; | |
| max-height: 50%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg="55"] { | |
| flex: 1 1 55%; | |
| max-width: 55%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="55"], | |
| [layout-gt-lg="row"] > [flex-gt-lg="55"] { | |
| flex: 1 1 55%; | |
| max-width: 55%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="55"], | |
| [layout-gt-lg="column"] > [flex-gt-lg="55"] { | |
| flex: 1 1 55%; | |
| max-width: 100%; | |
| max-height: 55%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg="60"] { | |
| flex: 1 1 60%; | |
| max-width: 60%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="60"], | |
| [layout-gt-lg="row"] > [flex-gt-lg="60"] { | |
| flex: 1 1 60%; | |
| max-width: 60%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="60"], | |
| [layout-gt-lg="column"] > [flex-gt-lg="60"] { | |
| flex: 1 1 60%; | |
| max-width: 100%; | |
| max-height: 60%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg="65"] { | |
| flex: 1 1 65%; | |
| max-width: 65%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="65"], | |
| [layout-gt-lg="row"] > [flex-gt-lg="65"] { | |
| flex: 1 1 65%; | |
| max-width: 65%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="65"], | |
| [layout-gt-lg="column"] > [flex-gt-lg="65"] { | |
| flex: 1 1 65%; | |
| max-width: 100%; | |
| max-height: 65%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg="70"] { | |
| flex: 1 1 70%; | |
| max-width: 70%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="70"], | |
| [layout-gt-lg="row"] > [flex-gt-lg="70"] { | |
| flex: 1 1 70%; | |
| max-width: 70%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="70"], | |
| [layout-gt-lg="column"] > [flex-gt-lg="70"] { | |
| flex: 1 1 70%; | |
| max-width: 100%; | |
| max-height: 70%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg="75"] { | |
| flex: 1 1 75%; | |
| max-width: 75%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="75"], | |
| [layout-gt-lg="row"] > [flex-gt-lg="75"] { | |
| flex: 1 1 75%; | |
| max-width: 75%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="75"], | |
| [layout-gt-lg="column"] > [flex-gt-lg="75"] { | |
| flex: 1 1 75%; | |
| max-width: 100%; | |
| max-height: 75%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg="80"] { | |
| flex: 1 1 80%; | |
| max-width: 80%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="80"], | |
| [layout-gt-lg="row"] > [flex-gt-lg="80"] { | |
| flex: 1 1 80%; | |
| max-width: 80%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="80"], | |
| [layout-gt-lg="column"] > [flex-gt-lg="80"] { | |
| flex: 1 1 80%; | |
| max-width: 100%; | |
| max-height: 80%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg="85"] { | |
| flex: 1 1 85%; | |
| max-width: 85%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="85"], | |
| [layout-gt-lg="row"] > [flex-gt-lg="85"] { | |
| flex: 1 1 85%; | |
| max-width: 85%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="85"], | |
| [layout-gt-lg="column"] > [flex-gt-lg="85"] { | |
| flex: 1 1 85%; | |
| max-width: 100%; | |
| max-height: 85%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg="90"] { | |
| flex: 1 1 90%; | |
| max-width: 90%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="90"], | |
| [layout-gt-lg="row"] > [flex-gt-lg="90"] { | |
| flex: 1 1 90%; | |
| max-width: 90%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="90"], | |
| [layout-gt-lg="column"] > [flex-gt-lg="90"] { | |
| flex: 1 1 90%; | |
| max-width: 100%; | |
| max-height: 90%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg="95"] { | |
| flex: 1 1 95%; | |
| max-width: 95%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="95"], | |
| [layout-gt-lg="row"] > [flex-gt-lg="95"] { | |
| flex: 1 1 95%; | |
| max-width: 95%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="95"], | |
| [layout-gt-lg="column"] > [flex-gt-lg="95"] { | |
| flex: 1 1 95%; | |
| max-width: 100%; | |
| max-height: 95%; | |
| box-sizing: border-box; | |
| } | |
| [flex-gt-lg="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="100"], | |
| [layout-gt-lg="row"] > [flex-gt-lg="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="100"], | |
| [layout-gt-lg="column"] > [flex-gt-lg="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="33"], [layout="row"] > [flex-gt-lg="33"], [layout-gt-lg="row"] > [flex-gt-lg="33"], [layout-gt-lg="row"] > [flex-gt-lg="33"] { | |
| flex: 1 1 33.33%; | |
| max-width: 33.33%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="row"] > [flex-gt-lg="66"], [layout="row"] > [flex-gt-lg="66"], [layout-gt-lg="row"] > [flex-gt-lg="66"], [layout-gt-lg="row"] > [flex-gt-lg="66"] { | |
| flex: 1 1 66.66%; | |
| max-width: 66.66%; | |
| max-height: 100%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="33"], [layout="column"] > [flex-gt-lg="33"], [layout-gt-lg="column"] > [flex-gt-lg="33"], [layout-gt-lg="column"] > [flex-gt-lg="33"] { | |
| flex: 1 1 33.33%; | |
| max-width: 100%; | |
| max-height: 33.33%; | |
| box-sizing: border-box; | |
| } | |
| [layout="column"] > [flex-gt-lg="66"], [layout="column"] > [flex-gt-lg="66"], [layout-gt-lg="column"] > [flex-gt-lg="66"], [layout-gt-lg="column"] > [flex-gt-lg="66"] { | |
| flex: 1 1 66.66%; | |
| max-width: 100%; | |
| max-height: 66.66%; | |
| box-sizing: border-box; | |
| } | |
| [layout-gt-lg], [layout-gt-lg="column"], [layout-gt-lg="row"] { | |
| box-sizing: border-box; | |
| display: flex; | |
| } | |
| [layout-gt-lg="column"] { | |
| flex-direction: column; | |
| } | |
| [layout-gt-lg="row"] { | |
| flex-direction: row; | |
| } | |
| [hide]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-xs]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-sm]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-md]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]), [hide-gt-lg]:not([show-gt-xs]):not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show-xl]):not([show]) { | |
| display: none; | |
| } | |
| [hide-xl]:not([show-xl]):not([show-gt-lg]):not([show]) { | |
| display: none; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment