Created
May 16, 2017 12:49
-
-
Save YonathanMeguira/a43627efe6c36e8eef0eeb78c467c122 to your computer and use it in GitHub Desktop.
FlexBox Engine for angular
This file contains hidden or 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
| @font-face { | |
| font-family: 'Material Icons'; | |
| font-style: normal; | |
| font-weight: 400; | |
| src: url("styles/font/MaterialIcons-Regular.eot"); | |
| /* For IE6-8 */ | |
| src: local("styles/font/Material Icons"), local("styles/font/MaterialIcons-Regular"), url("styles/font/MaterialIcons-Regular.woff2") format("woff2"), url("styles/font/MaterialIcons-Regular.woff") format("woff"), url("styles/font/MaterialIcons-Regular.ttf") format("truetype"); } | |
| .material-icons { | |
| font-family: 'Material Icons'; | |
| font-weight: normal; | |
| font-style: normal; | |
| font-size: 24px; | |
| /* Preferred icon size */ | |
| display: inline-block; | |
| width: 1em; | |
| height: 1em; | |
| line-height: 1; | |
| text-transform: none; | |
| letter-spacing: normal; | |
| word-wrap: normal; | |
| white-space: nowrap; | |
| direction: ltr; | |
| /* Support for all WebKit browsers. */ | |
| -webkit-font-smoothing: antialiased; | |
| /* Support for Safari and Chrome. */ | |
| text-rendering: optimizeLegibility; | |
| /* Support for Firefox. */ | |
| -moz-osx-font-smoothing: grayscale; | |
| /* Support for IE. */ | |
| font-feature-settings: 'liga'; } | |
| md-icon.material-icons, md-icon.material-icons.mat-icon { | |
| width: 1em; | |
| height: 1em; } | |
| .material-icons.md-18 { | |
| font-size: 18px; | |
| height: 18px; | |
| width: 18px; } | |
| .material-icons.md-24 { | |
| font-size: 24px; | |
| height: 24px; | |
| width: 24px; } | |
| .material-icons.md-36 { | |
| font-size: 36px; | |
| height: 36px; | |
| width: 36px; } | |
| .material-icons.md-48 { | |
| font-size: 48px; | |
| height: 48px; | |
| width: 48px; } | |
| .material-icons.md-dark { | |
| color: rgba(0, 0, 0, 0.54); } | |
| .material-icons.md-dark.md-inactive { | |
| color: rgba(0, 0, 0, 0.26); } | |
| .material-icons.md-light { | |
| color: white; } | |
| .material-icons.md-light.md-inactive { | |
| color: rgba(255, 255, 255, 0.3); } | |
| /** | |
| * Mixin that creates a new stacking context. | |
| * see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context | |
| */ | |
| /** Mixin to create distinct classes for fab positions, e.g. ".md-fab-position-bottom-right". */ | |
| [md-fab].md-fab-position-bottom-right, | |
| .mat-fab.mat-fab-position-bottom-right, | |
| [md-fab].md-fab-bottom-right, | |
| .mat-fab.mat-fab-bottom-right { | |
| top: auto; | |
| right: 20px; | |
| left: auto; | |
| bottom: 20px; | |
| position: absolute; } | |
| html[dir=rtl] [md-fab].md-fab-position-bottom-right, html[dir=rtl] | |
| .mat-fab.mat-fab-position-bottom-right, html[dir=rtl] | |
| [md-fab].md-fab-bottom-right, html[dir=rtl] | |
| .mat-fab.mat-fab-bottom-right { | |
| right: auto; | |
| unicode-bidi: embed; } | |
| body[dir=rtl] [md-fab].md-fab-position-bottom-right, body[dir=rtl] | |
| .mat-fab.mat-fab-position-bottom-right, body[dir=rtl] | |
| [md-fab].md-fab-bottom-right, body[dir=rtl] | |
| .mat-fab.mat-fab-bottom-right { | |
| right: auto; | |
| unicode-bidi: embed; } | |
| [dir=rtl] [md-fab].md-fab-position-bottom-right, [dir=rtl] | |
| .mat-fab.mat-fab-position-bottom-right, [dir=rtl] | |
| [md-fab].md-fab-bottom-right, [dir=rtl] | |
| .mat-fab.mat-fab-bottom-right { | |
| right: auto; | |
| unicode-bidi: embed; } | |
| [md-fab].md-fab-position-bottom-right bdo[dir=rtl], | |
| .mat-fab.mat-fab-position-bottom-right bdo[dir=rtl], | |
| [md-fab].md-fab-bottom-right bdo[dir=rtl], | |
| .mat-fab.mat-fab-bottom-right bdo[dir=rtl] { | |
| direction: rtl; | |
| unicode-bidi: bidi-override; } | |
| [md-fab].md-fab-position-bottom-right bdo[dir=ltr], | |
| .mat-fab.mat-fab-position-bottom-right bdo[dir=ltr], | |
| [md-fab].md-fab-bottom-right bdo[dir=ltr], | |
| .mat-fab.mat-fab-bottom-right bdo[dir=ltr] { | |
| direction: ltr; | |
| unicode-bidi: bidi-override; } | |
| html[dir=rtl] [md-fab].md-fab-position-bottom-right, html[dir=rtl] | |
| .mat-fab.mat-fab-position-bottom-right, html[dir=rtl] | |
| [md-fab].md-fab-bottom-right, html[dir=rtl] | |
| .mat-fab.mat-fab-bottom-right { | |
| left: 20px; | |
| unicode-bidi: embed; } | |
| body[dir=rtl] [md-fab].md-fab-position-bottom-right, body[dir=rtl] | |
| .mat-fab.mat-fab-position-bottom-right, body[dir=rtl] | |
| [md-fab].md-fab-bottom-right, body[dir=rtl] | |
| .mat-fab.mat-fab-bottom-right { | |
| left: 20px; | |
| unicode-bidi: embed; } | |
| [dir=rtl] [md-fab].md-fab-position-bottom-right, [dir=rtl] | |
| .mat-fab.mat-fab-position-bottom-right, [dir=rtl] | |
| [md-fab].md-fab-bottom-right, [dir=rtl] | |
| .mat-fab.mat-fab-bottom-right { | |
| left: 20px; | |
| unicode-bidi: embed; } | |
| [md-fab].md-fab-position-bottom-right bdo[dir=rtl], | |
| .mat-fab.mat-fab-position-bottom-right bdo[dir=rtl], | |
| [md-fab].md-fab-bottom-right bdo[dir=rtl], | |
| .mat-fab.mat-fab-bottom-right bdo[dir=rtl] { | |
| direction: rtl; | |
| unicode-bidi: bidi-override; } | |
| [md-fab].md-fab-position-bottom-right bdo[dir=ltr], | |
| .mat-fab.mat-fab-position-bottom-right bdo[dir=ltr], | |
| [md-fab].md-fab-bottom-right bdo[dir=ltr], | |
| .mat-fab.mat-fab-bottom-right bdo[dir=ltr] { | |
| direction: ltr; | |
| unicode-bidi: bidi-override; } | |
| [md-fab].md-fab-position-bottom-right.fixed, | |
| .mat-fab.mat-fab-position-bottom-right.fixed, | |
| [md-fab].md-fab-bottom-right.fixed, | |
| .mat-fab.mat-fab-bottom-right.fixed { | |
| position: fixed; } | |
| [md-fab].md-fab-position-bottom-left, | |
| .mat-fab.mat-fab-position-bottom-left, | |
| [md-fab].md-fab-bottom-left, | |
| .mat-fab.mat-fab-bottom-left { | |
| top: auto; | |
| right: auto; | |
| left: 20px; | |
| bottom: 20px; | |
| position: absolute; } | |
| html[dir=rtl] [md-fab].md-fab-position-bottom-left, html[dir=rtl] | |
| .mat-fab.mat-fab-position-bottom-left, html[dir=rtl] | |
| [md-fab].md-fab-bottom-left, html[dir=rtl] | |
| .mat-fab.mat-fab-bottom-left { | |
| right: 20px; | |
| unicode-bidi: embed; } | |
| body[dir=rtl] [md-fab].md-fab-position-bottom-left, body[dir=rtl] | |
| .mat-fab.mat-fab-position-bottom-left, body[dir=rtl] | |
| [md-fab].md-fab-bottom-left, body[dir=rtl] | |
| .mat-fab.mat-fab-bottom-left { | |
| right: 20px; | |
| unicode-bidi: embed; } | |
| [dir=rtl] [md-fab].md-fab-position-bottom-left, [dir=rtl] | |
| .mat-fab.mat-fab-position-bottom-left, [dir=rtl] | |
| [md-fab].md-fab-bottom-left, [dir=rtl] | |
| .mat-fab.mat-fab-bottom-left { | |
| right: 20px; | |
| unicode-bidi: embed; } | |
| [md-fab].md-fab-position-bottom-left bdo[dir=rtl], | |
| .mat-fab.mat-fab-position-bottom-left bdo[dir=rtl], | |
| [md-fab].md-fab-bottom-left bdo[dir=rtl], | |
| .mat-fab.mat-fab-bottom-left bdo[dir=rtl] { | |
| direction: rtl; | |
| unicode-bidi: bidi-override; } | |
| [md-fab].md-fab-position-bottom-left bdo[dir=ltr], | |
| .mat-fab.mat-fab-position-bottom-left bdo[dir=ltr], | |
| [md-fab].md-fab-bottom-left bdo[dir=ltr], | |
| .mat-fab.mat-fab-bottom-left bdo[dir=ltr] { | |
| direction: ltr; | |
| unicode-bidi: bidi-override; } | |
| html[dir=rtl] [md-fab].md-fab-position-bottom-left, html[dir=rtl] | |
| .mat-fab.mat-fab-position-bottom-left, html[dir=rtl] | |
| [md-fab].md-fab-bottom-left, html[dir=rtl] | |
| .mat-fab.mat-fab-bottom-left { | |
| left: auto; | |
| unicode-bidi: embed; } | |
| body[dir=rtl] [md-fab].md-fab-position-bottom-left, body[dir=rtl] | |
| .mat-fab.mat-fab-position-bottom-left, body[dir=rtl] | |
| [md-fab].md-fab-bottom-left, body[dir=rtl] | |
| .mat-fab.mat-fab-bottom-left { | |
| left: auto; | |
| unicode-bidi: embed; } | |
| [dir=rtl] [md-fab].md-fab-position-bottom-left, [dir=rtl] | |
| .mat-fab.mat-fab-position-bottom-left, [dir=rtl] | |
| [md-fab].md-fab-bottom-left, [dir=rtl] | |
| .mat-fab.mat-fab-bottom-left { | |
| left: auto; | |
| unicode-bidi: embed; } | |
| [md-fab].md-fab-position-bottom-left bdo[dir=rtl], | |
| .mat-fab.mat-fab-position-bottom-left bdo[dir=rtl], | |
| [md-fab].md-fab-bottom-left bdo[dir=rtl], | |
| .mat-fab.mat-fab-bottom-left bdo[dir=rtl] { | |
| direction: rtl; | |
| unicode-bidi: bidi-override; } | |
| [md-fab].md-fab-position-bottom-left bdo[dir=ltr], | |
| .mat-fab.mat-fab-position-bottom-left bdo[dir=ltr], | |
| [md-fab].md-fab-bottom-left bdo[dir=ltr], | |
| .mat-fab.mat-fab-bottom-left bdo[dir=ltr] { | |
| direction: ltr; | |
| unicode-bidi: bidi-override; } | |
| [md-fab].md-fab-position-bottom-left.fixed, | |
| .mat-fab.mat-fab-position-bottom-left.fixed, | |
| [md-fab].md-fab-bottom-left.fixed, | |
| .mat-fab.mat-fab-bottom-left.fixed { | |
| position: fixed; } | |
| [md-fab].md-fab-position-top-right, | |
| .mat-fab.mat-fab-position-top-right, | |
| [md-fab].md-fab-top-right, | |
| .mat-fab.mat-fab-top-right { | |
| top: 20px; | |
| right: 20px; | |
| left: auto; | |
| bottom: auto; | |
| position: absolute; } | |
| html[dir=rtl] [md-fab].md-fab-position-top-right, html[dir=rtl] | |
| .mat-fab.mat-fab-position-top-right, html[dir=rtl] | |
| [md-fab].md-fab-top-right, html[dir=rtl] | |
| .mat-fab.mat-fab-top-right { | |
| right: auto; | |
| unicode-bidi: embed; } | |
| body[dir=rtl] [md-fab].md-fab-position-top-right, body[dir=rtl] | |
| .mat-fab.mat-fab-position-top-right, body[dir=rtl] | |
| [md-fab].md-fab-top-right, body[dir=rtl] | |
| .mat-fab.mat-fab-top-right { | |
| right: auto; | |
| unicode-bidi: embed; } | |
| [dir=rtl] [md-fab].md-fab-position-top-right, [dir=rtl] | |
| .mat-fab.mat-fab-position-top-right, [dir=rtl] | |
| [md-fab].md-fab-top-right, [dir=rtl] | |
| .mat-fab.mat-fab-top-right { | |
| right: auto; | |
| unicode-bidi: embed; } | |
| [md-fab].md-fab-position-top-right bdo[dir=rtl], | |
| .mat-fab.mat-fab-position-top-right bdo[dir=rtl], | |
| [md-fab].md-fab-top-right bdo[dir=rtl], | |
| .mat-fab.mat-fab-top-right bdo[dir=rtl] { | |
| direction: rtl; | |
| unicode-bidi: bidi-override; } | |
| [md-fab].md-fab-position-top-right bdo[dir=ltr], | |
| .mat-fab.mat-fab-position-top-right bdo[dir=ltr], | |
| [md-fab].md-fab-top-right bdo[dir=ltr], | |
| .mat-fab.mat-fab-top-right bdo[dir=ltr] { | |
| direction: ltr; | |
| unicode-bidi: bidi-override; } | |
| html[dir=rtl] [md-fab].md-fab-position-top-right, html[dir=rtl] | |
| .mat-fab.mat-fab-position-top-right, html[dir=rtl] | |
| [md-fab].md-fab-top-right, html[dir=rtl] | |
| .mat-fab.mat-fab-top-right { | |
| left: 20px; | |
| unicode-bidi: embed; } | |
| body[dir=rtl] [md-fab].md-fab-position-top-right, body[dir=rtl] | |
| .mat-fab.mat-fab-position-top-right, body[dir=rtl] | |
| [md-fab].md-fab-top-right, body[dir=rtl] | |
| .mat-fab.mat-fab-top-right { | |
| left: 20px; | |
| unicode-bidi: embed; } | |
| [dir=rtl] [md-fab].md-fab-position-top-right, [dir=rtl] | |
| .mat-fab.mat-fab-position-top-right, [dir=rtl] | |
| [md-fab].md-fab-top-right, [dir=rtl] | |
| .mat-fab.mat-fab-top-right { | |
| left: 20px; | |
| unicode-bidi: embed; } | |
| [md-fab].md-fab-position-top-right bdo[dir=rtl], | |
| .mat-fab.mat-fab-position-top-right bdo[dir=rtl], | |
| [md-fab].md-fab-top-right bdo[dir=rtl], | |
| .mat-fab.mat-fab-top-right bdo[dir=rtl] { | |
| direction: rtl; | |
| unicode-bidi: bidi-override; } | |
| [md-fab].md-fab-position-top-right bdo[dir=ltr], | |
| .mat-fab.mat-fab-position-top-right bdo[dir=ltr], | |
| [md-fab].md-fab-top-right bdo[dir=ltr], | |
| .mat-fab.mat-fab-top-right bdo[dir=ltr] { | |
| direction: ltr; | |
| unicode-bidi: bidi-override; } | |
| [md-fab].md-fab-position-top-right.fixed, | |
| .mat-fab.mat-fab-position-top-right.fixed, | |
| [md-fab].md-fab-top-right.fixed, | |
| .mat-fab.mat-fab-top-right.fixed { | |
| position: fixed; } | |
| [md-fab].md-fab-position-top-left, | |
| .mat-fab.mat-fab-position-top-left, | |
| [md-fab].md-fab-top-left, | |
| .mat-fab.mat-fab-top-left { | |
| top: 20px; | |
| right: auto; | |
| left: 20px; | |
| bottom: auto; | |
| position: absolute; } | |
| html[dir=rtl] [md-fab].md-fab-position-top-left, html[dir=rtl] | |
| .mat-fab.mat-fab-position-top-left, html[dir=rtl] | |
| [md-fab].md-fab-top-left, html[dir=rtl] | |
| .mat-fab.mat-fab-top-left { | |
| right: 20px; | |
| unicode-bidi: embed; } | |
| body[dir=rtl] [md-fab].md-fab-position-top-left, body[dir=rtl] | |
| .mat-fab.mat-fab-position-top-left, body[dir=rtl] | |
| [md-fab].md-fab-top-left, body[dir=rtl] | |
| .mat-fab.mat-fab-top-left { | |
| right: 20px; | |
| unicode-bidi: embed; } | |
| [dir=rtl] [md-fab].md-fab-position-top-left, [dir=rtl] | |
| .mat-fab.mat-fab-position-top-left, [dir=rtl] | |
| [md-fab].md-fab-top-left, [dir=rtl] | |
| .mat-fab.mat-fab-top-left { | |
| right: 20px; | |
| unicode-bidi: embed; } | |
| [md-fab].md-fab-position-top-left bdo[dir=rtl], | |
| .mat-fab.mat-fab-position-top-left bdo[dir=rtl], | |
| [md-fab].md-fab-top-left bdo[dir=rtl], | |
| .mat-fab.mat-fab-top-left bdo[dir=rtl] { | |
| direction: rtl; | |
| unicode-bidi: bidi-override; } | |
| [md-fab].md-fab-position-top-left bdo[dir=ltr], | |
| .mat-fab.mat-fab-position-top-left bdo[dir=ltr], | |
| [md-fab].md-fab-top-left bdo[dir=ltr], | |
| .mat-fab.mat-fab-top-left bdo[dir=ltr] { | |
| direction: ltr; | |
| unicode-bidi: bidi-override; } | |
| html[dir=rtl] [md-fab].md-fab-position-top-left, html[dir=rtl] | |
| .mat-fab.mat-fab-position-top-left, html[dir=rtl] | |
| [md-fab].md-fab-top-left, html[dir=rtl] | |
| .mat-fab.mat-fab-top-left { | |
| left: auto; | |
| unicode-bidi: embed; } | |
| body[dir=rtl] [md-fab].md-fab-position-top-left, body[dir=rtl] | |
| .mat-fab.mat-fab-position-top-left, body[dir=rtl] | |
| [md-fab].md-fab-top-left, body[dir=rtl] | |
| .mat-fab.mat-fab-top-left { | |
| left: auto; | |
| unicode-bidi: embed; } | |
| [dir=rtl] [md-fab].md-fab-position-top-left, [dir=rtl] | |
| .mat-fab.mat-fab-position-top-left, [dir=rtl] | |
| [md-fab].md-fab-top-left, [dir=rtl] | |
| .mat-fab.mat-fab-top-left { | |
| left: auto; | |
| unicode-bidi: embed; } | |
| [md-fab].md-fab-position-top-left bdo[dir=rtl], | |
| .mat-fab.mat-fab-position-top-left bdo[dir=rtl], | |
| [md-fab].md-fab-top-left bdo[dir=rtl], | |
| .mat-fab.mat-fab-top-left bdo[dir=rtl] { | |
| direction: rtl; | |
| unicode-bidi: bidi-override; } | |
| [md-fab].md-fab-position-top-left bdo[dir=ltr], | |
| .mat-fab.mat-fab-position-top-left bdo[dir=ltr], | |
| [md-fab].md-fab-top-left bdo[dir=ltr], | |
| .mat-fab.mat-fab-top-left bdo[dir=ltr] { | |
| direction: ltr; | |
| unicode-bidi: bidi-override; } | |
| [md-fab].md-fab-position-top-left.fixed, | |
| .mat-fab.mat-fab-position-top-left.fixed, | |
| [md-fab].md-fab-top-left.fixed, | |
| .mat-fab.mat-fab-top-left.fixed { | |
| position: fixed; } | |
| button[md-icon-button].md-icon-button-mini { | |
| height: 24px; | |
| line-height: 24px; | |
| width: 24px; } | |
| body .mat-card { | |
| padding: 0; | |
| margin: 8px; } | |
| body .mat-card md-card-header { | |
| height: auto; } | |
| body .mat-card [md-card-avatar] { | |
| font-size: 40px; | |
| line-height: 40px; | |
| height: 40px; | |
| width: 40px; | |
| margin: 16px 0 0 15px; | |
| border-radius: 50%; } | |
| body .mat-card [md-card-image] { | |
| width: 100%; | |
| margin: 0; } | |
| body .mat-card md-card-title { | |
| padding-top: 16px; | |
| padding-left: 16px; | |
| padding-right: 16px; } | |
| body .mat-card md-card-subtitle { | |
| padding-left: 16px; | |
| padding-right: 16px; } | |
| body .mat-card md-card-content { | |
| padding: 16px; } | |
| body .mat-card .mat-card-actions:last-child, body .mat-card .mat-card .mat-card-actions:last-child { | |
| padding: 8px; | |
| margin: 0; } | |
| .md-card-colored[href]:hover, .md-card-colored[ng-reflect-href]:hover { | |
| cursor: pointer; | |
| box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } | |
| .md-card-colored[href]:active, .md-card-colored[ng-reflect-href]:active { | |
| box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); } | |
| .md-card-colored[href]:active md-toolbar, .md-card-colored[ng-reflect-href]:active md-toolbar { | |
| background-color: rgba(255, 255, 255, 0.2); | |
| background-position: -100% 100%; } | |
| .md-card-colored[href] md-toolbar, .md-card-colored[ng-reflect-href] md-toolbar { | |
| background-size: 200% 100%; | |
| background-image: linear-gradient(to right, transparent 50%, rgba(255, 255, 255, 0.2) 50%); | |
| transition: background-position 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.1s, color 0.5s ease 0s, background-color 0.5s ease; } | |
| .md-card-colored md-toolbar { | |
| height: 148px; | |
| border-radius: 2px 2px 0 0; | |
| overflow: hidden; } | |
| .md-card-colored md-toolbar md-icon, | |
| .md-card-colored md-toolbar .mat-icon { | |
| opacity: 0.65; | |
| color: white; | |
| font-size: 8rem; | |
| text-shadow: 0px 0px rgba(0, 0, 0, 0.01), 1px 1px rgba(0, 0, 0, 0.01), 2px 2px rgba(0, 0, 0, 0.01), 3px 3px rgba(0, 0, 0, 0.01), 4px 4px rgba(0, 0, 0, 0.01), 5px 5px rgba(0, 0, 0, 0.01), 6px 6px rgba(0, 0, 0, 0.01), 7px 7px rgba(0, 0, 0, 0.01), 8px 8px rgba(0, 0, 0, 0.01), 9px 9px rgba(0, 0, 0, 0.01), 10px 10px rgba(0, 0, 0, 0.01), 11px 11px rgba(0, 0, 0, 0.01), 12px 12px rgba(0, 0, 0, 0.01), 13px 13px rgba(0, 0, 0, 0.01), 14px 14px rgba(0, 0, 0, 0.01), 15px 15px rgba(0, 0, 0, 0.01), 16px 16px rgba(0, 0, 0, 0.01), 17px 17px rgba(0, 0, 0, 0.01), 18px 18px rgba(0, 0, 0, 0.01), 19px 19px rgba(0, 0, 0, 0.01), 20px 20px rgba(0, 0, 0, 0.01), 21px 21px rgba(0, 0, 0, 0.01), 22px 22px rgba(0, 0, 0, 0.01), 23px 23px rgba(0, 0, 0, 0.01), 24px 24px rgba(0, 0, 0, 0.01), 25px 25px rgba(0, 0, 0, 0.01), 26px 26px rgba(0, 0, 0, 0.01), 27px 27px rgba(0, 0, 0, 0.01), 28px 28px rgba(0, 0, 0, 0.01), 29px 29px rgba(0, 0, 0, 0.01), 30px 30px rgba(0, 0, 0, 0.01), 31px 31px rgba(0, 0, 0, 0.01), 32px 32px rgba(0, 0, 0, 0.01), 33px 33px rgba(0, 0, 0, 0.01), 34px 34px rgba(0, 0, 0, 0.01), 35px 35px rgba(0, 0, 0, 0.01), 36px 36px rgba(0, 0, 0, 0.01), 37px 37px rgba(0, 0, 0, 0.01), 38px 38px rgba(0, 0, 0, 0.01), 39px 39px rgba(0, 0, 0, 0.01), 40px 40px rgba(0, 0, 0, 0.01), 41px 41px rgba(0, 0, 0, 0.01), 42px 42px rgba(0, 0, 0, 0.01), 43px 43px rgba(0, 0, 0, 0.01), 44px 44px rgba(0, 0, 0, 0.01), 45px 45px rgba(0, 0, 0, 0.01), 46px 46px rgba(0, 0, 0, 0.01), 47px 47px rgba(0, 0, 0, 0.01), 48px 48px rgba(0, 0, 0, 0.01), 49px 49px rgba(0, 0, 0, 0.01), 50px 50px rgba(0, 0, 0, 0.01), 51px 51px rgba(0, 0, 0, 0.01), 52px 52px rgba(0, 0, 0, 0.01), 53px 53px rgba(0, 0, 0, 0.01), 54px 54px rgba(0, 0, 0, 0.01), 55px 55px rgba(0, 0, 0, 0.01), 56px 56px rgba(0, 0, 0, 0.01), 57px 57px rgba(0, 0, 0, 0.01), 58px 58px rgba(0, 0, 0, 0.01), 59px 59px rgba(0, 0, 0, 0.01), 60px 60px rgba(0, 0, 0, 0.01), 61px 61px rgba(0, 0, 0, 0.01), 62px 62px rgba(0, 0, 0, 0.01), 63px 63px rgba(0, 0, 0, 0.01), 64px 64px rgba(0, 0, 0, 0.01), 65px 65px rgba(0, 0, 0, 0.01), 66px 66px rgba(0, 0, 0, 0.01), 67px 67px rgba(0, 0, 0, 0.01), 68px 68px rgba(0, 0, 0, 0.01), 69px 69px rgba(0, 0, 0, 0.01), 70px 70px rgba(0, 0, 0, 0.01), 71px 71px rgba(0, 0, 0, 0.01), 72px 72px rgba(0, 0, 0, 0.01), 73px 73px rgba(0, 0, 0, 0.01), 74px 74px rgba(0, 0, 0, 0.01), 75px 75px rgba(0, 0, 0, 0.01), 76px 76px rgba(0, 0, 0, 0.01), 77px 77px rgba(0, 0, 0, 0.01), 78px 78px rgba(0, 0, 0, 0.01), 79px 79px rgba(0, 0, 0, 0.01), 80px 80px rgba(0, 0, 0, 0.01), 81px 81px rgba(0, 0, 0, 0.01), 82px 82px rgba(0, 0, 0, 0.01), 83px 83px rgba(0, 0, 0, 0.01), 84px 84px rgba(0, 0, 0, 0.01), 85px 85px rgba(0, 0, 0, 0.01), 86px 86px rgba(0, 0, 0, 0.01), 87px 87px rgba(0, 0, 0, 0.01), 88px 88px rgba(0, 0, 0, 0.01), 89px 89px rgba(0, 0, 0, 0.01), 90px 90px rgba(0, 0, 0, 0.01), 91px 91px rgba(0, 0, 0, 0.01), 92px 92px rgba(0, 0, 0, 0.01), 93px 93px rgba(0, 0, 0, 0.01), 94px 94px rgba(0, 0, 0, 0.01), 95px 95px rgba(0, 0, 0, 0.01), 96px 96px rgba(0, 0, 0, 0.01), 97px 97px rgba(0, 0, 0, 0.01), 98px 98px rgba(0, 0, 0, 0.01), 99px 99px rgba(0, 0, 0, 0.01), 100px 100px rgba(0, 0, 0, 0.01), 101px 101px rgba(0, 0, 0, 0.01), 102px 102px rgba(0, 0, 0, 0.01), 103px 103px rgba(0, 0, 0, 0.01), 104px 104px rgba(0, 0, 0, 0.01), 105px 105px rgba(0, 0, 0, 0.01), 106px 106px rgba(0, 0, 0, 0.01), 107px 107px rgba(0, 0, 0, 0.01), 108px 108px rgba(0, 0, 0, 0.01), 109px 109px rgba(0, 0, 0, 0.01), 110px 110px rgba(0, 0, 0, 0.01), 111px 111px rgba(0, 0, 0, 0.01), 112px 112px rgba(0, 0, 0, 0.01), 113px 113px rgba(0, 0, 0, 0.01), 114px 114px rgba(0, 0, 0, 0.01), 115px 115px rgba(0, 0, 0, 0.01), 116px 116px rgba(0, 0, 0, 0.01), 117px 117px rgba(0, 0, 0, 0.01), 118px 118px rgba(0, 0, 0, 0.01), 119px 119px rgba(0, 0, 0, 0.01), 120px 120px rgba(0, 0, 0, 0.01), 121px 121px rgba(0, 0, 0, 0.01), 122px 122px rgba(0, 0, 0, 0.01), 123px 123px rgba(0, 0, 0, 0.01), 124px 124px rgba(0, 0, 0, 0.01), 125px 125px rgba(0, 0, 0, 0.01), 126px 126px rgba(0, 0, 0, 0.01), 127px 127px rgba(0, 0, 0, 0.01), 128px 128px rgba(0, 0, 0, 0.01), 129px 129px rgba(0, 0, 0, 0.01), 130px 130px rgba(0, 0, 0, 0.01), 131px 131px rgba(0, 0, 0, 0.01), 132px 132px rgba(0, 0, 0, 0.01), 133px 133px rgba(0, 0, 0, 0.01), 134px 134px rgba(0, 0, 0, 0.01), 135px 135px rgba(0, 0, 0, 0.01), 136px 136px rgba(0, 0, 0, 0.01), 137px 137px rgba(0, 0, 0, 0.01), 138px 138px rgba(0, 0, 0, 0.01), 139px 139px rgba(0, 0, 0, 0.01), 140px 140px rgba(0, 0, 0, 0.01), 141px 141px rgba(0, 0, 0, 0.01), 142px 142px rgba(0, 0, 0, 0.01), 143px 143px rgba(0, 0, 0, 0.01), 144px 144px rgba(0, 0, 0, 0.01), 145px 145px rgba(0, 0, 0, 0.01), 146px 146px rgba(0, 0, 0, 0.01), 147px 147px rgba(0, 0, 0, 0.01), 148px 148px rgba(0, 0, 0, 0.01), 149px 149px rgba(0, 0, 0, 0.01), 150px 150px rgba(0, 0, 0, 0.01), 151px 151px rgba(0, 0, 0, 0.01), 152px 152px rgba(0, 0, 0, 0.01), 153px 153px rgba(0, 0, 0, 0.01), 154px 154px rgba(0, 0, 0, 0.01), 155px 155px rgba(0, 0, 0, 0.01), 156px 156px rgba(0, 0, 0, 0.01), 157px 157px rgba(0, 0, 0, 0.01), 158px 158px rgba(0, 0, 0, 0.01), 159px 159px rgba(0, 0, 0, 0.01), 160px 160px rgba(0, 0, 0, 0.01), 161px 161px rgba(0, 0, 0, 0.01), 162px 162px rgba(0, 0, 0, 0.01), 163px 163px rgba(0, 0, 0, 0.01), 164px 164px rgba(0, 0, 0, 0.01), 165px 165px rgba(0, 0, 0, 0.01), 166px 166px rgba(0, 0, 0, 0.01), 167px 167px rgba(0, 0, 0, 0.01), 168px 168px rgba(0, 0, 0, 0.01), 169px 169px rgba(0, 0, 0, 0.01), 170px 170px rgba(0, 0, 0, 0.01), 171px 171px rgba(0, 0, 0, 0.01), 172px 172px rgba(0, 0, 0, 0.01), 173px 173px rgba(0, 0, 0, 0.01), 174px 174px rgba(0, 0, 0, 0.01), 175px 175px rgba(0, 0, 0, 0.01), 176px 176px rgba(0, 0, 0, 0.01), 177px 177px rgba(0, 0, 0, 0.01), 178px 178px rgba(0, 0, 0, 0.01), 179px 179px rgba(0, 0, 0, 0.01), 180px 180px rgba(0, 0, 0, 0.01), 181px 181px rgba(0, 0, 0, 0.01), 182px 182px rgba(0, 0, 0, 0.01), 183px 183px rgba(0, 0, 0, 0.01), 184px 184px rgba(0, 0, 0, 0.01), 185px 185px rgba(0, 0, 0, 0.01), 186px 186px rgba(0, 0, 0, 0.01), 187px 187px rgba(0, 0, 0, 0.01), 188px 188px rgba(0, 0, 0, 0.01), 189px 189px rgba(0, 0, 0, 0.01), 190px 190px rgba(0, 0, 0, 0.01), 191px 191px rgba(0, 0, 0, 0.01), 192px 192px rgba(0, 0, 0, 0.01), 193px 193px rgba(0, 0, 0, 0.01), 194px 194px rgba(0, 0, 0, 0.01), 195px 195px rgba(0, 0, 0, 0.01), 196px 196px rgba(0, 0, 0, 0.01), 197px 197px rgba(0, 0, 0, 0.01), 198px 198px rgba(0, 0, 0, 0.01), 199px 199px rgba(0, 0, 0, 0.01), 200px 200px rgba(0, 0, 0, 0.01); } | |
| md-chip-list:not(.mat-chip-list-stacked) .md-chip-list-wrapper .mat-chip:not(.mat-basic-chip) { | |
| margin: 0 3px 0 3px; } | |
| md-chip-list:not(.mat-chip-list-stacked) .md-chip-list-wrapper .mat-chip:not(.mat-basic-chip):first-child { | |
| margin-left: 0; | |
| margin-right: 3px; } | |
| [dir='rtl'] md-chip-list:not(.mat-chip-list-stacked) .md-chip-list-wrapper .mat-chip:not(.mat-basic-chip):first-child { | |
| margin-left: 3px; | |
| margin-right: 0; } | |
| md-chip-list.mat-chip-list-stacked .md-chip-list-wrapper { | |
| display: block; } | |
| md-chip-list.mat-chip-list-stacked .md-chip-list-wrapper .mat-chip:not(.mat-basic-chip) { | |
| display: block; | |
| margin: 0; | |
| margin-bottom: 8px; } | |
| [dir='rtl'] md-chip-list.mat-chip-list-stacked .md-chip-list-wrapper .mat-chip:not(.mat-basic-chip) { | |
| margin: 0; | |
| margin-bottom: 8px; } | |
| md-chip-list.mat-chip-list-stacked .md-chip-list-wrapper .mat-chip:not(.mat-basic-chip):last-child, [dir='rtl'] md-chip-list.mat-chip-list-stacked .md-chip-list-wrapper .mat-chip:not(.mat-basic-chip):last-child { | |
| margin-bottom: 0; } | |
| md-sidenav-container > md-content, | |
| md-sidenav-container > [md-content], | |
| md-sidenav-container > .md-content { | |
| height: 100%; | |
| overflow: hidden; } | |
| md-content, | |
| [md-content], | |
| .md-content { | |
| display: block; | |
| position: relative; | |
| overflow: auto; | |
| -webkit-overflow-scrolling: touch; } | |
| md-content[md-scroll-y], | |
| [md-content][md-scroll-y], | |
| .md-content[md-scroll-y] { | |
| overflow-y: auto; | |
| overflow-x: hidden; } | |
| md-content[md-scroll-x], | |
| [md-content][md-scroll-x], | |
| .md-content[md-scroll-x] { | |
| overflow-x: auto; | |
| overflow-y: hidden; } | |
| md-content.autoScroll, | |
| [md-content].autoScroll, | |
| .md-content.autoScroll { | |
| -webkit-overflow-scrolling: auto; } | |
| md-divider[md-inset] { | |
| margin-left: 72px; | |
| margin-right: 0; } | |
| html[dir=rtl] md-divider[md-inset] { | |
| margin-left: 0; | |
| unicode-bidi: embed; } | |
| body[dir=rtl] md-divider[md-inset] { | |
| margin-left: 0; | |
| unicode-bidi: embed; } | |
| [dir=rtl] md-divider[md-inset] { | |
| margin-left: 0; | |
| unicode-bidi: embed; } | |
| md-divider[md-inset] bdo[dir=rtl] { | |
| direction: rtl; | |
| unicode-bidi: bidi-override; } | |
| md-divider[md-inset] bdo[dir=ltr] { | |
| direction: ltr; | |
| unicode-bidi: bidi-override; } | |
| html[dir=rtl] md-divider[md-inset] { | |
| margin-right: 72px; | |
| unicode-bidi: embed; } | |
| body[dir=rtl] md-divider[md-inset] { | |
| margin-right: 72px; | |
| unicode-bidi: embed; } | |
| [dir=rtl] md-divider[md-inset] { | |
| margin-right: 72px; | |
| unicode-bidi: embed; } | |
| md-divider[md-inset] bdo[dir=rtl] { | |
| direction: rtl; | |
| unicode-bidi: bidi-override; } | |
| md-divider[md-inset] bdo[dir=ltr] { | |
| direction: ltr; | |
| unicode-bidi: bidi-override; } | |
| md-divider[mat-inset] { | |
| margin-left: 72px; | |
| margin-right: 0; } | |
| html[dir=rtl] md-divider[mat-inset] { | |
| margin-left: 0; | |
| unicode-bidi: embed; } | |
| body[dir=rtl] md-divider[mat-inset] { | |
| margin-left: 0; | |
| unicode-bidi: embed; } | |
| [dir=rtl] md-divider[mat-inset] { | |
| margin-left: 0; | |
| unicode-bidi: embed; } | |
| md-divider[mat-inset] bdo[dir=rtl] { | |
| direction: rtl; | |
| unicode-bidi: bidi-override; } | |
| md-divider[mat-inset] bdo[dir=ltr] { | |
| direction: ltr; | |
| unicode-bidi: bidi-override; } | |
| html[dir=rtl] md-divider[mat-inset] { | |
| margin-right: 72px; | |
| unicode-bidi: embed; } | |
| body[dir=rtl] md-divider[mat-inset] { | |
| margin-right: 72px; | |
| unicode-bidi: embed; } | |
| [dir=rtl] md-divider[mat-inset] { | |
| margin-right: 72px; | |
| unicode-bidi: embed; } | |
| md-divider[mat-inset] bdo[dir=rtl] { | |
| direction: rtl; | |
| unicode-bidi: bidi-override; } | |
| md-divider[mat-inset] bdo[dir=ltr] { | |
| direction: ltr; | |
| unicode-bidi: bidi-override; } | |
| md-list-item md-icon[md-list-avatar], | |
| .mat-list-item-content md-icon[md-list-avatar] { | |
| -webkit-align-items: center; | |
| -ms-flex-align: center; | |
| align-items: center; | |
| -webkit-align-content: center; | |
| -ms-flex-line-pack: center; | |
| align-content: center; | |
| -webkit-justify-content: center; | |
| -ms-flex-pack: center; | |
| justify-content: center; | |
| display: flex; } | |
| .mat-icon.md-icon-logo { | |
| height: auto; | |
| width: 100px; } | |
| .mat-input-placeholder-wrapper { | |
| font-size: 16px; } | |
| /** | |
| * Mixin that creates a new stacking context. | |
| * see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context | |
| */ | |
| md-sidenav { | |
| width: 320px; } | |
| md-sidenav .mat-list-item-content md-icon { | |
| margin-left: 0px; | |
| margin-right: 16px; | |
| color: #737373; | |
| fill: #737373; } | |
| html[dir=rtl] md-sidenav .mat-list-item-content md-icon { | |
| margin-left: 16px; | |
| unicode-bidi: embed; } | |
| body[dir=rtl] md-sidenav .mat-list-item-content md-icon { | |
| margin-left: 16px; | |
| unicode-bidi: embed; } | |
| [dir=rtl] md-sidenav .mat-list-item-content md-icon { | |
| margin-left: 16px; | |
| unicode-bidi: embed; } | |
| md-sidenav .mat-list-item-content md-icon bdo[dir=rtl] { | |
| direction: rtl; | |
| unicode-bidi: bidi-override; } | |
| md-sidenav .mat-list-item-content md-icon bdo[dir=ltr] { | |
| direction: ltr; | |
| unicode-bidi: bidi-override; } | |
| html[dir=rtl] md-sidenav .mat-list-item-content md-icon { | |
| margin-right: 0px; | |
| unicode-bidi: embed; } | |
| body[dir=rtl] md-sidenav .mat-list-item-content md-icon { | |
| margin-right: 0px; | |
| unicode-bidi: embed; } | |
| [dir=rtl] md-sidenav .mat-list-item-content md-icon { | |
| margin-right: 0px; | |
| unicode-bidi: embed; } | |
| md-sidenav .mat-list-item-content md-icon bdo[dir=rtl] { | |
| direction: rtl; | |
| unicode-bidi: bidi-override; } | |
| md-sidenav .mat-list-item-content md-icon bdo[dir=ltr] { | |
| direction: ltr; | |
| unicode-bidi: bidi-override; } | |
| .tc-red-50 { | |
| color: #ffebee !important; } | |
| .tc-pink-50 { | |
| color: #fce4ec !important; } | |
| .tc-purple-50 { | |
| color: #f3e5f5 !important; } | |
| .tc-deep-purple-50 { | |
| color: #ede7f6 !important; } | |
| .tc-indigo-50 { | |
| color: #e8eaf6 !important; } | |
| .tc-blue-50 { | |
| color: #e3f2fd !important; } | |
| .tc-light-blue-50 { | |
| color: #e1f5fe !important; } | |
| .tc-cyan-50 { | |
| color: #e0f7fa !important; } | |
| .tc-teal-50 { | |
| color: #e0f2f1 !important; } | |
| .tc-green-50 { | |
| color: #e8f5e9 !important; } | |
| .tc-light-green-50 { | |
| color: #f1f8e9 !important; } | |
| .tc-lime-50 { | |
| color: #f9fbe7 !important; } | |
| .tc-yellow-50 { | |
| color: #fffde7 !important; } | |
| .tc-amber-50 { | |
| color: #fff8e1 !important; } | |
| .tc-orange-50 { | |
| color: #fff3e0 !important; } | |
| .tc-deep-orange-50 { | |
| color: #fbe9e7 !important; } | |
| .tc-brown-50 { | |
| color: #efebe9 !important; } | |
| .tc-grey-50 { | |
| color: #fafafa !important; } | |
| .tc-blue-grey-50 { | |
| color: #eceff1 !important; } | |
| .tc-red-100 { | |
| color: #ffcdd2 !important; } | |
| .tc-pink-100 { | |
| color: #f8bbd0 !important; } | |
| .tc-purple-100 { | |
| color: #e1bee7 !important; } | |
| .tc-deep-purple-100 { | |
| color: #d1c4e9 !important; } | |
| .tc-indigo-100 { | |
| color: #c5cae9 !important; } | |
| .tc-blue-100 { | |
| color: #bbdefb !important; } | |
| .tc-light-blue-100 { | |
| color: #b3e5fc !important; } | |
| .tc-cyan-100 { | |
| color: #b2ebf2 !important; } | |
| .tc-teal-100 { | |
| color: #b2dfdb !important; } | |
| .tc-green-100 { | |
| color: #c8e6c9 !important; } | |
| .tc-light-green-100 { | |
| color: #dcedc8 !important; } | |
| .tc-lime-100 { | |
| color: #f0f4c3 !important; } | |
| .tc-yellow-100 { | |
| color: #fff9c4 !important; } | |
| .tc-amber-100 { | |
| color: #ffecb3 !important; } | |
| .tc-orange-100 { | |
| color: #ffe0b2 !important; } | |
| .tc-deep-orange-100 { | |
| color: #ffccbc !important; } | |
| .tc-brown-100 { | |
| color: #d7ccc8 !important; } | |
| .tc-grey-100 { | |
| color: whitesmoke !important; } | |
| .tc-blue-grey-100 { | |
| color: #cfd8dc !important; } | |
| .tc-red-200 { | |
| color: #ef9a9a !important; } | |
| .tc-pink-200 { | |
| color: #f48fb1 !important; } | |
| .tc-purple-200 { | |
| color: #ce93d8 !important; } | |
| .tc-deep-purple-200 { | |
| color: #b39ddb !important; } | |
| .tc-indigo-200 { | |
| color: #9fa8da !important; } | |
| .tc-blue-200 { | |
| color: #90caf9 !important; } | |
| .tc-light-blue-200 { | |
| color: #81d4fa !important; } | |
| .tc-cyan-200 { | |
| color: #80deea !important; } | |
| .tc-teal-200 { | |
| color: #80cbc4 !important; } | |
| .tc-green-200 { | |
| color: #a5d6a7 !important; } | |
| .tc-light-green-200 { | |
| color: #c5e1a5 !important; } | |
| .tc-lime-200 { | |
| color: #e6ee9c !important; } | |
| .tc-yellow-200 { | |
| color: #fff59d !important; } | |
| .tc-amber-200 { | |
| color: #ffe082 !important; } | |
| .tc-orange-200 { | |
| color: #ffcc80 !important; } | |
| .tc-deep-orange-200 { | |
| color: #ffab91 !important; } | |
| .tc-brown-200 { | |
| color: #bcaaa4 !important; } | |
| .tc-grey-200 { | |
| color: #eeeeee !important; } | |
| .tc-blue-grey-200 { | |
| color: #b0bec5 !important; } | |
| .tc-red-300 { | |
| color: #e57373 !important; } | |
| .tc-pink-300 { | |
| color: #f06292 !important; } | |
| .tc-purple-300 { | |
| color: #ba68c8 !important; } | |
| .tc-deep-purple-300 { | |
| color: #9575cd !important; } | |
| .tc-indigo-300 { | |
| color: #7986cb !important; } | |
| .tc-blue-300 { | |
| color: #64b5f6 !important; } | |
| .tc-light-blue-300 { | |
| color: #4fc3f7 !important; } | |
| .tc-cyan-300 { | |
| color: #4dd0e1 !important; } | |
| .tc-teal-300 { | |
| color: #4db6ac !important; } | |
| .tc-green-300 { | |
| color: #81c784 !important; } | |
| .tc-light-green-300 { | |
| color: #aed581 !important; } | |
| .tc-lime-300 { | |
| color: #dce775 !important; } | |
| .tc-yellow-300 { | |
| color: #fff176 !important; } | |
| .tc-amber-300 { | |
| color: #ffd54f !important; } | |
| .tc-orange-300 { | |
| color: #ffb74d !important; } | |
| .tc-deep-orange-300 { | |
| color: #ff8a65 !important; } | |
| .tc-brown-300 { | |
| color: #a1887f !important; } | |
| .tc-grey-300 { | |
| color: #e0e0e0 !important; } | |
| .tc-blue-grey-300 { | |
| color: #90a4ae !important; } | |
| .tc-red-400 { | |
| color: #ef5350 !important; } | |
| .tc-pink-400 { | |
| color: #ec407a !important; } | |
| .tc-purple-400 { | |
| color: #ab47bc !important; } | |
| .tc-deep-purple-400 { | |
| color: #7e57c2 !important; } | |
| .tc-indigo-400 { | |
| color: #5c6bc0 !important; } | |
| .tc-blue-400 { | |
| color: #42a5f5 !important; } | |
| .tc-light-blue-400 { | |
| color: #29b6f6 !important; } | |
| .tc-cyan-400 { | |
| color: #26c6da !important; } | |
| .tc-teal-400 { | |
| color: #26a69a !important; } | |
| .tc-green-400 { | |
| color: #66bb6a !important; } | |
| .tc-light-green-400 { | |
| color: #9ccc65 !important; } | |
| .tc-lime-400 { | |
| color: #d4e157 !important; } | |
| .tc-yellow-400 { | |
| color: #ffee58 !important; } | |
| .tc-amber-400 { | |
| color: #ffca28 !important; } | |
| .tc-orange-400 { | |
| color: #ffa726 !important; } | |
| .tc-deep-orange-400 { | |
| color: #ff7043 !important; } | |
| .tc-brown-400 { | |
| color: #8d6e63 !important; } | |
| .tc-grey-400 { | |
| color: #bdbdbd !important; } | |
| .tc-blue-grey-400 { | |
| color: #78909c !important; } | |
| .tc-red-500 { | |
| color: #f44336 !important; } | |
| .tc-pink-500 { | |
| color: #e91e63 !important; } | |
| .tc-purple-500 { | |
| color: #9c27b0 !important; } | |
| .tc-deep-purple-500 { | |
| color: #673ab7 !important; } | |
| .tc-indigo-500 { | |
| color: #3f51b5 !important; } | |
| .tc-blue-500 { | |
| color: #2196f3 !important; } | |
| .tc-light-blue-500 { | |
| color: #03a9f4 !important; } | |
| .tc-cyan-500 { | |
| color: #00bcd4 !important; } | |
| .tc-teal-500 { | |
| color: #009688 !important; } | |
| .tc-green-500 { | |
| color: #4caf50 !important; } | |
| .tc-light-green-500 { | |
| color: #8bc34a !important; } | |
| .tc-lime-500 { | |
| color: #cddc39 !important; } | |
| .tc-yellow-500 { | |
| color: #ffeb3b !important; } | |
| .tc-amber-500 { | |
| color: #ffc107 !important; } | |
| .tc-orange-500 { | |
| color: #ff9800 !important; } | |
| .tc-deep-orange-500 { | |
| color: #ff5722 !important; } | |
| .tc-brown-500 { | |
| color: #795548 !important; } | |
| .tc-grey-500 { | |
| color: #9e9e9e !important; } | |
| .tc-blue-grey-500 { | |
| color: #607d8b !important; } | |
| .tc-red-600 { | |
| color: #e53935 !important; } | |
| .tc-pink-600 { | |
| color: #d81b60 !important; } | |
| .tc-purple-600 { | |
| color: #8e24aa !important; } | |
| .tc-deep-purple-600 { | |
| color: #5e35b1 !important; } | |
| .tc-indigo-600 { | |
| color: #3949ab !important; } | |
| .tc-blue-600 { | |
| color: #1e88e5 !important; } | |
| .tc-light-blue-600 { | |
| color: #039be5 !important; } | |
| .tc-cyan-600 { | |
| color: #00acc1 !important; } | |
| .tc-teal-600 { | |
| color: #00897b !important; } | |
| .tc-green-600 { | |
| color: #43a047 !important; } | |
| .tc-light-green-600 { | |
| color: #7cb342 !important; } | |
| .tc-lime-600 { | |
| color: #c0ca33 !important; } | |
| .tc-yellow-600 { | |
| color: #fdd835 !important; } | |
| .tc-amber-600 { | |
| color: #ffb300 !important; } | |
| .tc-orange-600 { | |
| color: #fb8c00 !important; } | |
| .tc-deep-orange-600 { | |
| color: #f4511e !important; } | |
| .tc-brown-600 { | |
| color: #6d4c41 !important; } | |
| .tc-grey-600 { | |
| color: #757575 !important; } | |
| .tc-blue-grey-600 { | |
| color: #546e7a !important; } | |
| .tc-red-700 { | |
| color: #d32f2f !important; } | |
| .tc-pink-700 { | |
| color: #c2185b !important; } | |
| .tc-purple-700 { | |
| color: #7b1fa2 !important; } | |
| .tc-deep-purple-700 { | |
| color: #512da8 !important; } | |
| .tc-indigo-700 { | |
| color: #303f9f !important; } | |
| .tc-blue-700 { | |
| color: #1976d2 !important; } | |
| .tc-light-blue-700 { | |
| color: #0288d1 !important; } | |
| .tc-cyan-700 { | |
| color: #0097a7 !important; } | |
| .tc-teal-700 { | |
| color: #00796b !important; } | |
| .tc-green-700 { | |
| color: #388e3c !important; } | |
| .tc-light-green-700 { | |
| color: #689f38 !important; } | |
| .tc-lime-700 { | |
| color: #afb42b !important; } | |
| .tc-yellow-700 { | |
| color: #fbc02d !important; } | |
| .tc-amber-700 { | |
| color: #ffa000 !important; } | |
| .tc-orange-700 { | |
| color: #f57c00 !important; } | |
| .tc-deep-orange-700 { | |
| color: #e64a19 !important; } | |
| .tc-brown-700 { | |
| color: #5d4037 !important; } | |
| .tc-grey-700 { | |
| color: #616161 !important; } | |
| .tc-blue-grey-700 { | |
| color: #455a64 !important; } | |
| .tc-red-800 { | |
| color: #c62828 !important; } | |
| .tc-pink-800 { | |
| color: #ad1457 !important; } | |
| .tc-purple-800 { | |
| color: #6a1b9a !important; } | |
| .tc-deep-purple-800 { | |
| color: #4527a0 !important; } | |
| .tc-indigo-800 { | |
| color: #283593 !important; } | |
| .tc-blue-800 { | |
| color: #1565c0 !important; } | |
| .tc-light-blue-800 { | |
| color: #0277bd !important; } | |
| .tc-cyan-800 { | |
| color: #00838f !important; } | |
| .tc-teal-800 { | |
| color: #00695c !important; } | |
| .tc-green-800 { | |
| color: #2e7d32 !important; } | |
| .tc-light-green-800 { | |
| color: #558b2f !important; } | |
| .tc-lime-800 { | |
| color: #9e9d24 !important; } | |
| .tc-yellow-800 { | |
| color: #f9a825 !important; } | |
| .tc-amber-800 { | |
| color: #ff8f00 !important; } | |
| .tc-orange-800 { | |
| color: #ef6c00 !important; } | |
| .tc-deep-orange-800 { | |
| color: #d84315 !important; } | |
| .tc-brown-800 { | |
| color: #4e342e !important; } | |
| .tc-grey-800 { | |
| color: #424242 !important; } | |
| .tc-blue-grey-800 { | |
| color: #37474f !important; } | |
| .tc-red-900 { | |
| color: #b71c1c !important; } | |
| .tc-pink-900 { | |
| color: #880e4f !important; } | |
| .tc-purple-900 { | |
| color: #4a148c !important; } | |
| .tc-deep-purple-900 { | |
| color: #311b92 !important; } | |
| .tc-indigo-900 { | |
| color: #1a237e !important; } | |
| .tc-blue-900 { | |
| color: #0d47a1 !important; } | |
| .tc-light-blue-900 { | |
| color: #01579b !important; } | |
| .tc-cyan-900 { | |
| color: #006064 !important; } | |
| .tc-teal-900 { | |
| color: #004d40 !important; } | |
| .tc-green-900 { | |
| color: #1b5e20 !important; } | |
| .tc-light-green-900 { | |
| color: #33691e !important; } | |
| .tc-lime-900 { | |
| color: #827717 !important; } | |
| .tc-yellow-900 { | |
| color: #f57f17 !important; } | |
| .tc-amber-900 { | |
| color: #ff6f00 !important; } | |
| .tc-orange-900 { | |
| color: #e65100 !important; } | |
| .tc-deep-orange-900 { | |
| color: #bf360c !important; } | |
| .tc-brown-900 { | |
| color: #3e2723 !important; } | |
| .tc-grey-900 { | |
| color: #212121 !important; } | |
| .tc-blue-grey-900 { | |
| color: #263238 !important; } | |
| .tc-red-A100 { | |
| color: #ff8a80 !important; } | |
| .tc-pink-A100 { | |
| color: #ff80ab !important; } | |
| .tc-purple-A100 { | |
| color: #ea80fc !important; } | |
| .tc-deep-purple-A100 { | |
| color: #b388ff !important; } | |
| .tc-indigo-A100 { | |
| color: #8c9eff !important; } | |
| .tc-blue-A100 { | |
| color: #82b1ff !important; } | |
| .tc-light-blue-A100 { | |
| color: #80d8ff !important; } | |
| .tc-cyan-A100 { | |
| color: #84ffff !important; } | |
| .tc-teal-A100 { | |
| color: #a7ffeb !important; } | |
| .tc-green-A100 { | |
| color: #b9f6ca !important; } | |
| .tc-light-green-A100 { | |
| color: #ccff90 !important; } | |
| .tc-lime-A100 { | |
| color: #f4ff81 !important; } | |
| .tc-yellow-A100 { | |
| color: #ffff8d !important; } | |
| .tc-amber-A100 { | |
| color: #ffe57f !important; } | |
| .tc-orange-A100 { | |
| color: #ffd180 !important; } | |
| .tc-deep-orange-A100 { | |
| color: #ff9e80 !important; } | |
| .tc-red-A200 { | |
| color: #ff5252 !important; } | |
| .tc-pink-A200 { | |
| color: #ff4081 !important; } | |
| .tc-purple-A200 { | |
| color: #e040fb !important; } | |
| .tc-deep-purple-A200 { | |
| color: #7c4dff !important; } | |
| .tc-indigo-A200 { | |
| color: #536dfe !important; } | |
| .tc-blue-A200 { | |
| color: #448aff !important; } | |
| .tc-light-blue-A200 { | |
| color: #40c4ff !important; } | |
| .tc-cyan-A200 { | |
| color: #18ffff !important; } | |
| .tc-teal-A200 { | |
| color: #64ffda !important; } | |
| .tc-green-A200 { | |
| color: #69f0ae !important; } | |
| .tc-light-green-A200 { | |
| color: #b2ff59 !important; } | |
| .tc-lime-A200 { | |
| color: #eeff41 !important; } | |
| .tc-yellow-A200 { | |
| color: yellow !important; } | |
| .tc-amber-A200 { | |
| color: #ffd740 !important; } | |
| .tc-orange-A200 { | |
| color: #ffab40 !important; } | |
| .tc-deep-orange-A200 { | |
| color: #ff6e40 !important; } | |
| .tc-red-A400 { | |
| color: #ff1744 !important; } | |
| .tc-pink-A400 { | |
| color: #f50057 !important; } | |
| .tc-purple-A400 { | |
| color: #d500f9 !important; } | |
| .tc-deep-purple-A400 { | |
| color: #651fff !important; } | |
| .tc-indigo-A400 { | |
| color: #3d5afe !important; } | |
| .tc-blue-A400 { | |
| color: #2979ff !important; } | |
| .tc-light-blue-A400 { | |
| color: #00b0ff !important; } | |
| .tc-cyan-A400 { | |
| color: #00e5ff !important; } | |
| .tc-teal-A400 { | |
| color: #1de9b6 !important; } | |
| .tc-green-A400 { | |
| color: #00e676 !important; } | |
| .tc-light-green-A400 { | |
| color: #76ff03 !important; } | |
| .tc-lime-A400 { | |
| color: #c6ff00 !important; } | |
| .tc-yellow-A400 { | |
| color: #ffea00 !important; } | |
| .tc-amber-A400 { | |
| color: #ffc400 !important; } | |
| .tc-orange-A400 { | |
| color: #ff9100 !important; } | |
| .tc-deep-orange-A400 { | |
| color: #ff3d00 !important; } | |
| .tc-red-A700 { | |
| color: #d50000 !important; } | |
| .tc-pink-A700 { | |
| color: #c51162 !important; } | |
| .tc-purple-A700 { | |
| color: #aa00ff !important; } | |
| .tc-deep-purple-A700 { | |
| color: #6200ea !important; } | |
| .tc-indigo-A700 { | |
| color: #304ffe !important; } | |
| .tc-blue-A700 { | |
| color: #2962ff !important; } | |
| .tc-light-blue-A700 { | |
| color: #0091ea !important; } | |
| .tc-cyan-A700 { | |
| color: #00b8d4 !important; } | |
| .tc-teal-A700 { | |
| color: #00bfa5 !important; } | |
| .tc-green-A700 { | |
| color: #00c853 !important; } | |
| .tc-light-green-A700 { | |
| color: #64dd17 !important; } | |
| .tc-lime-A700 { | |
| color: #aeea00 !important; } | |
| .tc-yellow-A700 { | |
| color: #ffd600 !important; } | |
| .tc-amber-A700 { | |
| color: #ffab00 !important; } | |
| .tc-orange-A700 { | |
| color: #ff6d00 !important; } | |
| .tc-deep-orange-A700 { | |
| color: #dd2c00 !important; } | |
| .tc-black { | |
| color: black !important; } | |
| .tc-black-1 { | |
| color: black !important; } | |
| .tc-black-2 { | |
| color: black !important; } | |
| .tc-black-3 { | |
| color: rgba(0, 0, 0, 0.12) !important; } | |
| .tc-black-4 { | |
| color: black !important; } | |
| .tc-white { | |
| color: rgba(255, 255, 255, 0.7) !important; } | |
| .tc-white-1 { | |
| color: rgba(255, 255, 255, 0.3) !important; } | |
| .tc-white-2 { | |
| color: rgba(255, 255, 255, 0.3) !important; } | |
| .tc-white-3 { | |
| color: rgba(255, 255, 255, 0.12) !important; } | |
| .tc-white-4 { | |
| color: white !important; } | |
| .bgc-red-50 { | |
| background-color: #ffebee !important; } | |
| .bgc-pink-50 { | |
| background-color: #fce4ec !important; } | |
| .bgc-purple-50 { | |
| background-color: #f3e5f5 !important; } | |
| .bgc-deep-purple-50 { | |
| background-color: #ede7f6 !important; } | |
| .bgc-indigo-50 { | |
| background-color: #e8eaf6 !important; } | |
| .bgc-blue-50 { | |
| background-color: #e3f2fd !important; } | |
| .bgc-light-blue-50 { | |
| background-color: #e1f5fe !important; } | |
| .bgc-cyan-50 { | |
| background-color: #e0f7fa !important; } | |
| .bgc-teal-50 { | |
| background-color: #e0f2f1 !important; } | |
| .bgc-green-50 { | |
| background-color: #e8f5e9 !important; } | |
| .bgc-light-green-50 { | |
| background-color: #f1f8e9 !important; } | |
| .bgc-lime-50 { | |
| background-color: #f9fbe7 !important; } | |
| .bgc-yellow-50 { | |
| background-color: #fffde7 !important; } | |
| .bgc-amber-50 { | |
| background-color: #fff8e1 !important; } | |
| .bgc-orange-50 { | |
| background-color: #fff3e0 !important; } | |
| .bgc-deep-orange-50 { | |
| background-color: #fbe9e7 !important; } | |
| .bgc-brown-50 { | |
| background-color: #efebe9 !important; } | |
| .bgc-grey-50 { | |
| background-color: #fafafa !important; } | |
| .bgc-blue-grey-50 { | |
| background-color: #eceff1 !important; } | |
| .bgc-red-100 { | |
| background-color: #ffcdd2 !important; } | |
| .bgc-pink-100 { | |
| background-color: #f8bbd0 !important; } | |
| .bgc-purple-100 { | |
| background-color: #e1bee7 !important; } | |
| .bgc-deep-purple-100 { | |
| background-color: #d1c4e9 !important; } | |
| .bgc-indigo-100 { | |
| background-color: #c5cae9 !important; } | |
| .bgc-blue-100 { | |
| background-color: #bbdefb !important; } | |
| .bgc-light-blue-100 { | |
| background-color: #b3e5fc !important; } | |
| .bgc-cyan-100 { | |
| background-color: #b2ebf2 !important; } | |
| .bgc-teal-100 { | |
| background-color: #b2dfdb !important; } | |
| .bgc-green-100 { | |
| background-color: #c8e6c9 !important; } | |
| .bgc-light-green-100 { | |
| background-color: #dcedc8 !important; } | |
| .bgc-lime-100 { | |
| background-color: #f0f4c3 !important; } | |
| .bgc-yellow-100 { | |
| background-color: #fff9c4 !important; } | |
| .bgc-amber-100 { | |
| background-color: #ffecb3 !important; } | |
| .bgc-orange-100 { | |
| background-color: #ffe0b2 !important; } | |
| .bgc-deep-orange-100 { | |
| background-color: #ffccbc !important; } | |
| .bgc-brown-100 { | |
| background-color: #d7ccc8 !important; } | |
| .bgc-grey-100 { | |
| background-color: whitesmoke !important; } | |
| .bgc-blue-grey-100 { | |
| background-color: #cfd8dc !important; } | |
| .bgc-red-200 { | |
| background-color: #ef9a9a !important; } | |
| .bgc-pink-200 { | |
| background-color: #f48fb1 !important; } | |
| .bgc-purple-200 { | |
| background-color: #ce93d8 !important; } | |
| .bgc-deep-purple-200 { | |
| background-color: #b39ddb !important; } | |
| .bgc-indigo-200 { | |
| background-color: #9fa8da !important; } | |
| .bgc-blue-200 { | |
| background-color: #90caf9 !important; } | |
| .bgc-light-blue-200 { | |
| background-color: #81d4fa !important; } | |
| .bgc-cyan-200 { | |
| background-color: #80deea !important; } | |
| .bgc-teal-200 { | |
| background-color: #80cbc4 !important; } | |
| .bgc-green-200 { | |
| background-color: #a5d6a7 !important; } | |
| .bgc-light-green-200 { | |
| background-color: #c5e1a5 !important; } | |
| .bgc-lime-200 { | |
| background-color: #e6ee9c !important; } | |
| .bgc-yellow-200 { | |
| background-color: #fff59d !important; } | |
| .bgc-amber-200 { | |
| background-color: #ffe082 !important; } | |
| .bgc-orange-200 { | |
| background-color: #ffcc80 !important; } | |
| .bgc-deep-orange-200 { | |
| background-color: #ffab91 !important; } | |
| .bgc-brown-200 { | |
| background-color: #bcaaa4 !important; } | |
| .bgc-grey-200 { | |
| background-color: #eeeeee !important; } | |
| .bgc-blue-grey-200 { | |
| background-color: #b0bec5 !important; } | |
| .bgc-red-300 { | |
| background-color: #e57373 !important; } | |
| .bgc-pink-300 { | |
| background-color: #f06292 !important; } | |
| .bgc-purple-300 { | |
| background-color: #ba68c8 !important; } | |
| .bgc-deep-purple-300 { | |
| background-color: #9575cd !important; } | |
| .bgc-indigo-300 { | |
| background-color: #7986cb !important; } | |
| .bgc-blue-300 { | |
| background-color: #64b5f6 !important; } | |
| .bgc-light-blue-300 { | |
| background-color: #4fc3f7 !important; } | |
| .bgc-cyan-300 { | |
| background-color: #4dd0e1 !important; } | |
| .bgc-teal-300 { | |
| background-color: #4db6ac !important; } | |
| .bgc-green-300 { | |
| background-color: #81c784 !important; } | |
| .bgc-light-green-300 { | |
| background-color: #aed581 !important; } | |
| .bgc-lime-300 { | |
| background-color: #dce775 !important; } | |
| .bgc-yellow-300 { | |
| background-color: #fff176 !important; } | |
| .bgc-amber-300 { | |
| background-color: #ffd54f !important; } | |
| .bgc-orange-300 { | |
| background-color: #ffb74d !important; } | |
| .bgc-deep-orange-300 { | |
| background-color: #ff8a65 !important; } | |
| .bgc-brown-300 { | |
| background-color: #a1887f !important; } | |
| .bgc-grey-300 { | |
| background-color: #e0e0e0 !important; } | |
| .bgc-blue-grey-300 { | |
| background-color: #90a4ae !important; } | |
| .bgc-red-400 { | |
| background-color: #ef5350 !important; } | |
| .bgc-pink-400 { | |
| background-color: #ec407a !important; } | |
| .bgc-purple-400 { | |
| background-color: #ab47bc !important; } | |
| .bgc-deep-purple-400 { | |
| background-color: #7e57c2 !important; } | |
| .bgc-indigo-400 { | |
| background-color: #5c6bc0 !important; } | |
| .bgc-blue-400 { | |
| background-color: #42a5f5 !important; } | |
| .bgc-light-blue-400 { | |
| background-color: #29b6f6 !important; } | |
| .bgc-cyan-400 { | |
| background-color: #26c6da !important; } | |
| .bgc-teal-400 { | |
| background-color: #26a69a !important; } | |
| .bgc-green-400 { | |
| background-color: #66bb6a !important; } | |
| .bgc-light-green-400 { | |
| background-color: #9ccc65 !important; } | |
| .bgc-lime-400 { | |
| background-color: #d4e157 !important; } | |
| .bgc-yellow-400 { | |
| background-color: #ffee58 !important; } | |
| .bgc-amber-400 { | |
| background-color: #ffca28 !important; } | |
| .bgc-orange-400 { | |
| background-color: #ffa726 !important; } | |
| .bgc-deep-orange-400 { | |
| background-color: #ff7043 !important; } | |
| .bgc-brown-400 { | |
| background-color: #8d6e63 !important; } | |
| .bgc-grey-400 { | |
| background-color: #bdbdbd !important; } | |
| .bgc-blue-grey-400 { | |
| background-color: #78909c !important; } | |
| .bgc-red-500 { | |
| background-color: #f44336 !important; } | |
| .bgc-pink-500 { | |
| background-color: #e91e63 !important; } | |
| .bgc-purple-500 { | |
| background-color: #9c27b0 !important; } | |
| .bgc-deep-purple-500 { | |
| background-color: #673ab7 !important; } | |
| .bgc-indigo-500 { | |
| background-color: #3f51b5 !important; } | |
| .bgc-blue-500 { | |
| background-color: #2196f3 !important; } | |
| .bgc-light-blue-500 { | |
| background-color: #03a9f4 !important; } | |
| .bgc-cyan-500 { | |
| background-color: #00bcd4 !important; } | |
| .bgc-teal-500 { | |
| background-color: #009688 !important; } | |
| .bgc-green-500 { | |
| background-color: #4caf50 !important; } | |
| .bgc-light-green-500 { | |
| background-color: #8bc34a !important; } | |
| .bgc-lime-500 { | |
| background-color: #cddc39 !important; } | |
| .bgc-yellow-500 { | |
| background-color: #ffeb3b !important; } | |
| .bgc-amber-500 { | |
| background-color: #ffc107 !important; } | |
| .bgc-orange-500 { | |
| background-color: #ff9800 !important; } | |
| .bgc-deep-orange-500 { | |
| background-color: #ff5722 !important; } | |
| .bgc-brown-500 { | |
| background-color: #795548 !important; } | |
| .bgc-grey-500 { | |
| background-color: #9e9e9e !important; } | |
| .bgc-blue-grey-500 { | |
| background-color: #607d8b !important; } | |
| .bgc-red-600 { | |
| background-color: #e53935 !important; } | |
| .bgc-pink-600 { | |
| background-color: #d81b60 !important; } | |
| .bgc-purple-600 { | |
| background-color: #8e24aa !important; } | |
| .bgc-deep-purple-600 { | |
| background-color: #5e35b1 !important; } | |
| .bgc-indigo-600 { | |
| background-color: #3949ab !important; } | |
| .bgc-blue-600 { | |
| background-color: #1e88e5 !important; } | |
| .bgc-light-blue-600 { | |
| background-color: #039be5 !important; } | |
| .bgc-cyan-600 { | |
| background-color: #00acc1 !important; } | |
| .bgc-teal-600 { | |
| background-color: #00897b !important; } | |
| .bgc-green-600 { | |
| background-color: #43a047 !important; } | |
| .bgc-light-green-600 { | |
| background-color: #7cb342 !important; } | |
| .bgc-lime-600 { | |
| background-color: #c0ca33 !important; } | |
| .bgc-yellow-600 { | |
| background-color: #fdd835 !important; } | |
| .bgc-amber-600 { | |
| background-color: #ffb300 !important; } | |
| .bgc-orange-600 { | |
| background-color: #fb8c00 !important; } | |
| .bgc-deep-orange-600 { | |
| background-color: #f4511e !important; } | |
| .bgc-brown-600 { | |
| background-color: #6d4c41 !important; } | |
| .bgc-grey-600 { | |
| background-color: #757575 !important; } | |
| .bgc-blue-grey-600 { | |
| background-color: #546e7a !important; } | |
| .bgc-red-700 { | |
| background-color: #d32f2f !important; } | |
| .bgc-pink-700 { | |
| background-color: #c2185b !important; } | |
| .bgc-purple-700 { | |
| background-color: #7b1fa2 !important; } | |
| .bgc-deep-purple-700 { | |
| background-color: #512da8 !important; } | |
| .bgc-indigo-700 { | |
| background-color: #303f9f !important; } | |
| .bgc-blue-700 { | |
| background-color: #1976d2 !important; } | |
| .bgc-light-blue-700 { | |
| background-color: #0288d1 !important; } | |
| .bgc-cyan-700 { | |
| background-color: #0097a7 !important; } | |
| .bgc-teal-700 { | |
| background-color: #00796b !important; } | |
| .bgc-green-700 { | |
| background-color: #388e3c !important; } | |
| .bgc-light-green-700 { | |
| background-color: #689f38 !important; } | |
| .bgc-lime-700 { | |
| background-color: #afb42b !important; } | |
| .bgc-yellow-700 { | |
| background-color: #fbc02d !important; } | |
| .bgc-amber-700 { | |
| background-color: #ffa000 !important; } | |
| .bgc-orange-700 { | |
| background-color: #f57c00 !important; } | |
| .bgc-deep-orange-700 { | |
| background-color: #e64a19 !important; } | |
| .bgc-brown-700 { | |
| background-color: #5d4037 !important; } | |
| .bgc-grey-700 { | |
| background-color: #616161 !important; } | |
| .bgc-blue-grey-700 { | |
| background-color: #455a64 !important; } | |
| .bgc-red-800 { | |
| background-color: #c62828 !important; } | |
| .bgc-pink-800 { | |
| background-color: #ad1457 !important; } | |
| .bgc-purple-800 { | |
| background-color: #6a1b9a !important; } | |
| .bgc-deep-purple-800 { | |
| background-color: #4527a0 !important; } | |
| .bgc-indigo-800 { | |
| background-color: #283593 !important; } | |
| .bgc-blue-800 { | |
| background-color: #1565c0 !important; } | |
| .bgc-light-blue-800 { | |
| background-color: #0277bd !important; } | |
| .bgc-cyan-800 { | |
| background-color: #00838f !important; } | |
| .bgc-teal-800 { | |
| background-color: #00695c !important; } | |
| .bgc-green-800 { | |
| background-color: #2e7d32 !important; } | |
| .bgc-light-green-800 { | |
| background-color: #558b2f !important; } | |
| .bgc-lime-800 { | |
| background-color: #9e9d24 !important; } | |
| .bgc-yellow-800 { | |
| background-color: #f9a825 !important; } | |
| .bgc-amber-800 { | |
| background-color: #ff8f00 !important; } | |
| .bgc-orange-800 { | |
| background-color: #ef6c00 !important; } | |
| .bgc-deep-orange-800 { | |
| background-color: #d84315 !important; } | |
| .bgc-brown-800 { | |
| background-color: #4e342e !important; } | |
| .bgc-grey-800 { | |
| background-color: #424242 !important; } | |
| .bgc-blue-grey-800 { | |
| background-color: #37474f !important; } | |
| .bgc-red-900 { | |
| background-color: #b71c1c !important; } | |
| .bgc-pink-900 { | |
| background-color: #880e4f !important; } | |
| .bgc-purple-900 { | |
| background-color: #4a148c !important; } | |
| .bgc-deep-purple-900 { | |
| background-color: #311b92 !important; } | |
| .bgc-indigo-900 { | |
| background-color: #1a237e !important; } | |
| .bgc-blue-900 { | |
| background-color: #0d47a1 !important; } | |
| .bgc-light-blue-900 { | |
| background-color: #01579b !important; } | |
| .bgc-cyan-900 { | |
| background-color: #006064 !important; } | |
| .bgc-teal-900 { | |
| background-color: #004d40 !important; } | |
| .bgc-green-900 { | |
| background-color: #1b5e20 !important; } | |
| .bgc-light-green-900 { | |
| background-color: #33691e !important; } | |
| .bgc-lime-900 { | |
| background-color: #827717 !important; } | |
| .bgc-yellow-900 { | |
| background-color: #f57f17 !important; } | |
| .bgc-amber-900 { | |
| background-color: #ff6f00 !important; } | |
| .bgc-orange-900 { | |
| background-color: #e65100 !important; } | |
| .bgc-deep-orange-900 { | |
| background-color: #bf360c !important; } | |
| .bgc-brown-900 { | |
| background-color: #3e2723 !important; } | |
| .bgc-grey-900 { | |
| background-color: #212121 !important; } | |
| .bgc-blue-grey-900 { | |
| background-color: #263238 !important; } | |
| .bgc-red-A100 { | |
| background-color: #ff8a80 !important; } | |
| .bgc-pink-A100 { | |
| background-color: #ff80ab !important; } | |
| .bgc-purple-A100 { | |
| background-color: #ea80fc !important; } | |
| .bgc-deep-purple-A100 { | |
| background-color: #b388ff !important; } | |
| .bgc-indigo-A100 { | |
| background-color: #8c9eff !important; } | |
| .bgc-blue-A100 { | |
| background-color: #82b1ff !important; } | |
| .bgc-light-blue-A100 { | |
| background-color: #80d8ff !important; } | |
| .bgc-cyan-A100 { | |
| background-color: #84ffff !important; } | |
| .bgc-teal-A100 { | |
| background-color: #a7ffeb !important; } | |
| .bgc-green-A100 { | |
| background-color: #b9f6ca !important; } | |
| .bgc-light-green-A100 { | |
| background-color: #ccff90 !important; } | |
| .bgc-lime-A100 { | |
| background-color: #f4ff81 !important; } | |
| .bgc-yellow-A100 { | |
| background-color: #ffff8d !important; } | |
| .bgc-amber-A100 { | |
| background-color: #ffe57f !important; } | |
| .bgc-orange-A100 { | |
| background-color: #ffd180 !important; } | |
| .bgc-deep-orange-A100 { | |
| background-color: #ff9e80 !important; } | |
| .bgc-red-A200 { | |
| background-color: #ff5252 !important; } | |
| .bgc-pink-A200 { | |
| background-color: #ff4081 !important; } | |
| .bgc-purple-A200 { | |
| background-color: #e040fb !important; } | |
| .bgc-deep-purple-A200 { | |
| background-color: #7c4dff !important; } | |
| .bgc-indigo-A200 { | |
| background-color: #536dfe !important; } | |
| .bgc-blue-A200 { | |
| background-color: #448aff !important; } | |
| .bgc-light-blue-A200 { | |
| background-color: #40c4ff !important; } | |
| .bgc-cyan-A200 { | |
| background-color: #18ffff !important; } | |
| .bgc-teal-A200 { | |
| background-color: #64ffda !important; } | |
| .bgc-green-A200 { | |
| background-color: #69f0ae !important; } | |
| .bgc-light-green-A200 { | |
| background-color: #b2ff59 !important; } | |
| .bgc-lime-A200 { | |
| background-color: #eeff41 !important; } | |
| .bgc-yellow-A200 { | |
| background-color: yellow !important; } | |
| .bgc-amber-A200 { | |
| background-color: #ffd740 !important; } | |
| .bgc-orange-A200 { | |
| background-color: #ffab40 !important; } | |
| .bgc-deep-orange-A200 { | |
| background-color: #ff6e40 !important; } | |
| .bgc-red-A400 { | |
| background-color: #ff1744 !important; } | |
| .bgc-pink-A400 { | |
| background-color: #f50057 !important; } | |
| .bgc-purple-A400 { | |
| background-color: #d500f9 !important; } | |
| .bgc-deep-purple-A400 { | |
| background-color: #651fff !important; } | |
| .bgc-indigo-A400 { | |
| background-color: #3d5afe !important; } | |
| .bgc-blue-A400 { | |
| background-color: #2979ff !important; } | |
| .bgc-light-blue-A400 { | |
| background-color: #00b0ff !important; } | |
| .bgc-cyan-A400 { | |
| background-color: #00e5ff !important; } | |
| .bgc-teal-A400 { | |
| background-color: #1de9b6 !important; } | |
| .bgc-green-A400 { | |
| background-color: #00e676 !important; } | |
| .bgc-light-green-A400 { | |
| background-color: #76ff03 !important; } | |
| .bgc-lime-A400 { | |
| background-color: #c6ff00 !important; } | |
| .bgc-yellow-A400 { | |
| background-color: #ffea00 !important; } | |
| .bgc-amber-A400 { | |
| background-color: #ffc400 !important; } | |
| .bgc-orange-A400 { | |
| background-color: #ff9100 !important; } | |
| .bgc-deep-orange-A400 { | |
| background-color: #ff3d00 !important; } | |
| .bgc-red-A700 { | |
| background-color: #d50000 !important; } | |
| .bgc-pink-A700 { | |
| background-color: #c51162 !important; } | |
| .bgc-purple-A700 { | |
| background-color: #aa00ff !important; } | |
| .bgc-deep-purple-A700 { | |
| background-color: #6200ea !important; } | |
| .bgc-indigo-A700 { | |
| background-color: #304ffe !important; } | |
| .bgc-blue-A700 { | |
| background-color: #2962ff !important; } | |
| .bgc-light-blue-A700 { | |
| background-color: #0091ea !important; } | |
| .bgc-cyan-A700 { | |
| background-color: #00b8d4 !important; } | |
| .bgc-teal-A700 { | |
| background-color: #00bfa5 !important; } | |
| .bgc-green-A700 { | |
| background-color: #00c853 !important; } | |
| .bgc-light-green-A700 { | |
| background-color: #64dd17 !important; } | |
| .bgc-lime-A700 { | |
| background-color: #aeea00 !important; } | |
| .bgc-yellow-A700 { | |
| background-color: #ffd600 !important; } | |
| .bgc-amber-A700 { | |
| background-color: #ffab00 !important; } | |
| .bgc-orange-A700 { | |
| background-color: #ff6d00 !important; } | |
| .bgc-deep-orange-A700 { | |
| background-color: #dd2c00 !important; } | |
| .bgc-black { | |
| background-color: black !important; } | |
| .bgc-black-1 { | |
| background-color: black !important; } | |
| .bgc-black-2 { | |
| background-color: black !important; } | |
| .bgc-black-3 { | |
| background-color: rgba(0, 0, 0, 0.12) !important; } | |
| .bgc-black-4 { | |
| background-color: black !important; } | |
| .bgc-white { | |
| background-color: rgba(255, 255, 255, 0.7) !important; } | |
| .bgc-white-1 { | |
| background-color: rgba(255, 255, 255, 0.3) !important; } | |
| .bgc-white-2 { | |
| background-color: rgba(255, 255, 255, 0.3) !important; } | |
| .bgc-white-3 { | |
| background-color: rgba(255, 255, 255, 0.12) !important; } | |
| .bgc-white-4 { | |
| background-color: white !important; } | |
| .fill-red-50 { | |
| fill: #ffebee !important; } | |
| .fill-pink-50 { | |
| fill: #fce4ec !important; } | |
| .fill-purple-50 { | |
| fill: #f3e5f5 !important; } | |
| .fill-deep-purple-50 { | |
| fill: #ede7f6 !important; } | |
| .fill-indigo-50 { | |
| fill: #e8eaf6 !important; } | |
| .fill-blue-50 { | |
| fill: #e3f2fd !important; } | |
| .fill-light-blue-50 { | |
| fill: #e1f5fe !important; } | |
| .fill-cyan-50 { | |
| fill: #e0f7fa !important; } | |
| .fill-teal-50 { | |
| fill: #e0f2f1 !important; } | |
| .fill-green-50 { | |
| fill: #e8f5e9 !important; } | |
| .fill-light-green-50 { | |
| fill: #f1f8e9 !important; } | |
| .fill-lime-50 { | |
| fill: #f9fbe7 !important; } | |
| .fill-yellow-50 { | |
| fill: #fffde7 !important; } | |
| .fill-amber-50 { | |
| fill: #fff8e1 !important; } | |
| .fill-orange-50 { | |
| fill: #fff3e0 !important; } | |
| .fill-deep-orange-50 { | |
| fill: #fbe9e7 !important; } | |
| .fill-brown-50 { | |
| fill: #efebe9 !important; } | |
| .fill-grey-50 { | |
| fill: #fafafa !important; } | |
| .fill-blue-grey-50 { | |
| fill: #eceff1 !important; } | |
| .fill-red-100 { | |
| fill: #ffcdd2 !important; } | |
| .fill-pink-100 { | |
| fill: #f8bbd0 !important; } | |
| .fill-purple-100 { | |
| fill: #e1bee7 !important; } | |
| .fill-deep-purple-100 { | |
| fill: #d1c4e9 !important; } | |
| .fill-indigo-100 { | |
| fill: #c5cae9 !important; } | |
| .fill-blue-100 { | |
| fill: #bbdefb !important; } | |
| .fill-light-blue-100 { | |
| fill: #b3e5fc !important; } | |
| .fill-cyan-100 { | |
| fill: #b2ebf2 !important; } | |
| .fill-teal-100 { | |
| fill: #b2dfdb !important; } | |
| .fill-green-100 { | |
| fill: #c8e6c9 !important; } | |
| .fill-light-green-100 { | |
| fill: #dcedc8 !important; } | |
| .fill-lime-100 { | |
| fill: #f0f4c3 !important; } | |
| .fill-yellow-100 { | |
| fill: #fff9c4 !important; } | |
| .fill-amber-100 { | |
| fill: #ffecb3 !important; } | |
| .fill-orange-100 { | |
| fill: #ffe0b2 !important; } | |
| .fill-deep-orange-100 { | |
| fill: #ffccbc !important; } | |
| .fill-brown-100 { | |
| fill: #d7ccc8 !important; } | |
| .fill-grey-100 { | |
| fill: whitesmoke !important; } | |
| .fill-blue-grey-100 { | |
| fill: #cfd8dc !important; } | |
| .fill-red-200 { | |
| fill: #ef9a9a !important; } | |
| .fill-pink-200 { | |
| fill: #f48fb1 !important; } | |
| .fill-purple-200 { | |
| fill: #ce93d8 !important; } | |
| .fill-deep-purple-200 { | |
| fill: #b39ddb !important; } | |
| .fill-indigo-200 { | |
| fill: #9fa8da !important; } | |
| .fill-blue-200 { | |
| fill: #90caf9 !important; } | |
| .fill-light-blue-200 { | |
| fill: #81d4fa !important; } | |
| .fill-cyan-200 { | |
| fill: #80deea !important; } | |
| .fill-teal-200 { | |
| fill: #80cbc4 !important; } | |
| .fill-green-200 { | |
| fill: #a5d6a7 !important; } | |
| .fill-light-green-200 { | |
| fill: #c5e1a5 !important; } | |
| .fill-lime-200 { | |
| fill: #e6ee9c !important; } | |
| .fill-yellow-200 { | |
| fill: #fff59d !important; } | |
| .fill-amber-200 { | |
| fill: #ffe082 !important; } | |
| .fill-orange-200 { | |
| fill: #ffcc80 !important; } | |
| .fill-deep-orange-200 { | |
| fill: #ffab91 !important; } | |
| .fill-brown-200 { | |
| fill: #bcaaa4 !important; } | |
| .fill-grey-200 { | |
| fill: #eeeeee !important; } | |
| .fill-blue-grey-200 { | |
| fill: #b0bec5 !important; } | |
| .fill-red-300 { | |
| fill: #e57373 !important; } | |
| .fill-pink-300 { | |
| fill: #f06292 !important; } | |
| .fill-purple-300 { | |
| fill: #ba68c8 !important; } | |
| .fill-deep-purple-300 { | |
| fill: #9575cd !important; } | |
| .fill-indigo-300 { | |
| fill: #7986cb !important; } | |
| .fill-blue-300 { | |
| fill: #64b5f6 !important; } | |
| .fill-light-blue-300 { | |
| fill: #4fc3f7 !important; } | |
| .fill-cyan-300 { | |
| fill: #4dd0e1 !important; } | |
| .fill-teal-300 { | |
| fill: #4db6ac !important; } | |
| .fill-green-300 { | |
| fill: #81c784 !important; } | |
| .fill-light-green-300 { | |
| fill: #aed581 !important; } | |
| .fill-lime-300 { | |
| fill: #dce775 !important; } | |
| .fill-yellow-300 { | |
| fill: #fff176 !important; } | |
| .fill-amber-300 { | |
| fill: #ffd54f !important; } | |
| .fill-orange-300 { | |
| fill: #ffb74d !important; } | |
| .fill-deep-orange-300 { | |
| fill: #ff8a65 !important; } | |
| .fill-brown-300 { | |
| fill: #a1887f !important; } | |
| .fill-grey-300 { | |
| fill: #e0e0e0 !important; } | |
| .fill-blue-grey-300 { | |
| fill: #90a4ae !important; } | |
| .fill-red-400 { | |
| fill: #ef5350 !important; } | |
| .fill-pink-400 { | |
| fill: #ec407a !important; } | |
| .fill-purple-400 { | |
| fill: #ab47bc !important; } | |
| .fill-deep-purple-400 { | |
| fill: #7e57c2 !important; } | |
| .fill-indigo-400 { | |
| fill: #5c6bc0 !important; } | |
| .fill-blue-400 { | |
| fill: #42a5f5 !important; } | |
| .fill-light-blue-400 { | |
| fill: #29b6f6 !important; } | |
| .fill-cyan-400 { | |
| fill: #26c6da !important; } | |
| .fill-teal-400 { | |
| fill: #26a69a !important; } | |
| .fill-green-400 { | |
| fill: #66bb6a !important; } | |
| .fill-light-green-400 { | |
| fill: #9ccc65 !important; } | |
| .fill-lime-400 { | |
| fill: #d4e157 !important; } | |
| .fill-yellow-400 { | |
| fill: #ffee58 !important; } | |
| .fill-amber-400 { | |
| fill: #ffca28 !important; } | |
| .fill-orange-400 { | |
| fill: #ffa726 !important; } | |
| .fill-deep-orange-400 { | |
| fill: #ff7043 !important; } | |
| .fill-brown-400 { | |
| fill: #8d6e63 !important; } | |
| .fill-grey-400 { | |
| fill: #bdbdbd !important; } | |
| .fill-blue-grey-400 { | |
| fill: #78909c !important; } | |
| .fill-red-500 { | |
| fill: #f44336 !important; } | |
| .fill-pink-500 { | |
| fill: #e91e63 !important; } | |
| .fill-purple-500 { | |
| fill: #9c27b0 !important; } | |
| .fill-deep-purple-500 { | |
| fill: #673ab7 !important; } | |
| .fill-indigo-500 { | |
| fill: #3f51b5 !important; } | |
| .fill-blue-500 { | |
| fill: #2196f3 !important; } | |
| .fill-light-blue-500 { | |
| fill: #03a9f4 !important; } | |
| .fill-cyan-500 { | |
| fill: #00bcd4 !important; } | |
| .fill-teal-500 { | |
| fill: #009688 !important; } | |
| .fill-green-500 { | |
| fill: #4caf50 !important; } | |
| .fill-light-green-500 { | |
| fill: #8bc34a !important; } | |
| .fill-lime-500 { | |
| fill: #cddc39 !important; } | |
| .fill-yellow-500 { | |
| fill: #ffeb3b !important; } | |
| .fill-amber-500 { | |
| fill: #ffc107 !important; } | |
| .fill-orange-500 { | |
| fill: #ff9800 !important; } | |
| .fill-deep-orange-500 { | |
| fill: #ff5722 !important; } | |
| .fill-brown-500 { | |
| fill: #795548 !important; } | |
| .fill-grey-500 { | |
| fill: #9e9e9e !important; } | |
| .fill-blue-grey-500 { | |
| fill: #607d8b !important; } | |
| .fill-red-600 { | |
| fill: #e53935 !important; } | |
| .fill-pink-600 { | |
| fill: #d81b60 !important; } | |
| .fill-purple-600 { | |
| fill: #8e24aa !important; } | |
| .fill-deep-purple-600 { | |
| fill: #5e35b1 !important; } | |
| .fill-indigo-600 { | |
| fill: #3949ab !important; } | |
| .fill-blue-600 { | |
| fill: #1e88e5 !important; } | |
| .fill-light-blue-600 { | |
| fill: #039be5 !important; } | |
| .fill-cyan-600 { | |
| fill: #00acc1 !important; } | |
| .fill-teal-600 { | |
| fill: #00897b !important; } | |
| .fill-green-600 { | |
| fill: #43a047 !important; } | |
| .fill-light-green-600 { | |
| fill: #7cb342 !important; } | |
| .fill-lime-600 { | |
| fill: #c0ca33 !important; } | |
| .fill-yellow-600 { | |
| fill: #fdd835 !important; } | |
| .fill-amber-600 { | |
| fill: #ffb300 !important; } | |
| .fill-orange-600 { | |
| fill: #fb8c00 !important; } | |
| .fill-deep-orange-600 { | |
| fill: #f4511e !important; } | |
| .fill-brown-600 { | |
| fill: #6d4c41 !important; } | |
| .fill-grey-600 { | |
| fill: #757575 !important; } | |
| .fill-blue-grey-600 { | |
| fill: #546e7a !important; } | |
| .fill-red-700 { | |
| fill: #d32f2f !important; } | |
| .fill-pink-700 { | |
| fill: #c2185b !important; } | |
| .fill-purple-700 { | |
| fill: #7b1fa2 !important; } | |
| .fill-deep-purple-700 { | |
| fill: #512da8 !important; } | |
| .fill-indigo-700 { | |
| fill: #303f9f !important; } | |
| .fill-blue-700 { | |
| fill: #1976d2 !important; } | |
| .fill-light-blue-700 { | |
| fill: #0288d1 !important; } | |
| .fill-cyan-700 { | |
| fill: #0097a7 !important; } | |
| .fill-teal-700 { | |
| fill: #00796b !important; } | |
| .fill-green-700 { | |
| fill: #388e3c !important; } | |
| .fill-light-green-700 { | |
| fill: #689f38 !important; } | |
| .fill-lime-700 { | |
| fill: #afb42b !important; } | |
| .fill-yellow-700 { | |
| fill: #fbc02d !important; } | |
| .fill-amber-700 { | |
| fill: #ffa000 !important; } | |
| .fill-orange-700 { | |
| fill: #f57c00 !important; } | |
| .fill-deep-orange-700 { | |
| fill: #e64a19 !important; } | |
| .fill-brown-700 { | |
| fill: #5d4037 !important; } | |
| .fill-grey-700 { | |
| fill: #616161 !important; } | |
| .fill-blue-grey-700 { | |
| fill: #455a64 !important; } | |
| .fill-red-800 { | |
| fill: #c62828 !important; } | |
| .fill-pink-800 { | |
| fill: #ad1457 !important; } | |
| .fill-purple-800 { | |
| fill: #6a1b9a !important; } | |
| .fill-deep-purple-800 { | |
| fill: #4527a0 !important; } | |
| .fill-indigo-800 { | |
| fill: #283593 !important; } | |
| .fill-blue-800 { | |
| fill: #1565c0 !important; } | |
| .fill-light-blue-800 { | |
| fill: #0277bd !important; } | |
| .fill-cyan-800 { | |
| fill: #00838f !important; } | |
| .fill-teal-800 { | |
| fill: #00695c !important; } | |
| .fill-green-800 { | |
| fill: #2e7d32 !important; } | |
| .fill-light-green-800 { | |
| fill: #558b2f !important; } | |
| .fill-lime-800 { | |
| fill: #9e9d24 !important; } | |
| .fill-yellow-800 { | |
| fill: #f9a825 !important; } | |
| .fill-amber-800 { | |
| fill: #ff8f00 !important; } | |
| .fill-orange-800 { | |
| fill: #ef6c00 !important; } | |
| .fill-deep-orange-800 { | |
| fill: #d84315 !important; } | |
| .fill-brown-800 { | |
| fill: #4e342e !important; } | |
| .fill-grey-800 { | |
| fill: #424242 !important; } | |
| .fill-blue-grey-800 { | |
| fill: #37474f !important; } | |
| .fill-red-900 { | |
| fill: #b71c1c !important; } | |
| .fill-pink-900 { | |
| fill: #880e4f !important; } | |
| .fill-purple-900 { | |
| fill: #4a148c !important; } | |
| .fill-deep-purple-900 { | |
| fill: #311b92 !important; } | |
| .fill-indigo-900 { | |
| fill: #1a237e !important; } | |
| .fill-blue-900 { | |
| fill: #0d47a1 !important; } | |
| .fill-light-blue-900 { | |
| fill: #01579b !important; } | |
| .fill-cyan-900 { | |
| fill: #006064 !important; } | |
| .fill-teal-900 { | |
| fill: #004d40 !important; } | |
| .fill-green-900 { | |
| fill: #1b5e20 !important; } | |
| .fill-light-green-900 { | |
| fill: #33691e !important; } | |
| .fill-lime-900 { | |
| fill: #827717 !important; } | |
| .fill-yellow-900 { | |
| fill: #f57f17 !important; } | |
| .fill-amber-900 { | |
| fill: #ff6f00 !important; } | |
| .fill-orange-900 { | |
| fill: #e65100 !important; } | |
| .fill-deep-orange-900 { | |
| fill: #bf360c !important; } | |
| .fill-brown-900 { | |
| fill: #3e2723 !important; } | |
| .fill-grey-900 { | |
| fill: #212121 !important; } | |
| .fill-blue-grey-900 { | |
| fill: #263238 !important; } | |
| .fill-red-A100 { | |
| fill: #ff8a80 !important; } | |
| .fill-pink-A100 { | |
| fill: #ff80ab !important; } | |
| .fill-purple-A100 { | |
| fill: #ea80fc !important; } | |
| .fill-deep-purple-A100 { | |
| fill: #b388ff !important; } | |
| .fill-indigo-A100 { | |
| fill: #8c9eff !important; } | |
| .fill-blue-A100 { | |
| fill: #82b1ff !important; } | |
| .fill-light-blue-A100 { | |
| fill: #80d8ff !important; } | |
| .fill-cyan-A100 { | |
| fill: #84ffff !important; } | |
| .fill-teal-A100 { | |
| fill: #a7ffeb !important; } | |
| .fill-green-A100 { | |
| fill: #b9f6ca !important; } | |
| .fill-light-green-A100 { | |
| fill: #ccff90 !important; } | |
| .fill-lime-A100 { | |
| fill: #f4ff81 !important; } | |
| .fill-yellow-A100 { | |
| fill: #ffff8d !important; } | |
| .fill-amber-A100 { | |
| fill: #ffe57f !important; } | |
| .fill-orange-A100 { | |
| fill: #ffd180 !important; } | |
| .fill-deep-orange-A100 { | |
| fill: #ff9e80 !important; } | |
| .fill-red-A200 { | |
| fill: #ff5252 !important; } | |
| .fill-pink-A200 { | |
| fill: #ff4081 !important; } | |
| .fill-purple-A200 { | |
| fill: #e040fb !important; } | |
| .fill-deep-purple-A200 { | |
| fill: #7c4dff !important; } | |
| .fill-indigo-A200 { | |
| fill: #536dfe !important; } | |
| .fill-blue-A200 { | |
| fill: #448aff !important; } | |
| .fill-light-blue-A200 { | |
| fill: #40c4ff !important; } | |
| .fill-cyan-A200 { | |
| fill: #18ffff !important; } | |
| .fill-teal-A200 { | |
| fill: #64ffda !important; } | |
| .fill-green-A200 { | |
| fill: #69f0ae !important; } | |
| .fill-light-green-A200 { | |
| fill: #b2ff59 !important; } | |
| .fill-lime-A200 { | |
| fill: #eeff41 !important; } | |
| .fill-yellow-A200 { | |
| fill: yellow !important; } | |
| .fill-amber-A200 { | |
| fill: #ffd740 !important; } | |
| .fill-orange-A200 { | |
| fill: #ffab40 !important; } | |
| .fill-deep-orange-A200 { | |
| fill: #ff6e40 !important; } | |
| .fill-red-A400 { | |
| fill: #ff1744 !important; } | |
| .fill-pink-A400 { | |
| fill: #f50057 !important; } | |
| .fill-purple-A400 { | |
| fill: #d500f9 !important; } | |
| .fill-deep-purple-A400 { | |
| fill: #651fff !important; } | |
| .fill-indigo-A400 { | |
| fill: #3d5afe !important; } | |
| .fill-blue-A400 { | |
| fill: #2979ff !important; } | |
| .fill-light-blue-A400 { | |
| fill: #00b0ff !important; } | |
| .fill-cyan-A400 { | |
| fill: #00e5ff !important; } | |
| .fill-teal-A400 { | |
| fill: #1de9b6 !important; } | |
| .fill-green-A400 { | |
| fill: #00e676 !important; } | |
| .fill-light-green-A400 { | |
| fill: #76ff03 !important; } | |
| .fill-lime-A400 { | |
| fill: #c6ff00 !important; } | |
| .fill-yellow-A400 { | |
| fill: #ffea00 !important; } | |
| .fill-amber-A400 { | |
| fill: #ffc400 !important; } | |
| .fill-orange-A400 { | |
| fill: #ff9100 !important; } | |
| .fill-deep-orange-A400 { | |
| fill: #ff3d00 !important; } | |
| .fill-red-A700 { | |
| fill: #d50000 !important; } | |
| .fill-pink-A700 { | |
| fill: #c51162 !important; } | |
| .fill-purple-A700 { | |
| fill: #aa00ff !important; } | |
| .fill-deep-purple-A700 { | |
| fill: #6200ea !important; } | |
| .fill-indigo-A700 { | |
| fill: #304ffe !important; } | |
| .fill-blue-A700 { | |
| fill: #2962ff !important; } | |
| .fill-light-blue-A700 { | |
| fill: #0091ea !important; } | |
| .fill-cyan-A700 { | |
| fill: #00b8d4 !important; } | |
| .fill-teal-A700 { | |
| fill: #00bfa5 !important; } | |
| .fill-green-A700 { | |
| fill: #00c853 !important; } | |
| .fill-light-green-A700 { | |
| fill: #64dd17 !important; } | |
| .fill-lime-A700 { | |
| fill: #aeea00 !important; } | |
| .fill-yellow-A700 { | |
| fill: #ffd600 !important; } | |
| .fill-amber-A700 { | |
| fill: #ffab00 !important; } | |
| .fill-orange-A700 { | |
| fill: #ff6d00 !important; } | |
| .fill-deep-orange-A700 { | |
| fill: #dd2c00 !important; } | |
| .fill-black { | |
| fill: black !important; } | |
| .fill-black-1 { | |
| fill: black !important; } | |
| .fill-black-2 { | |
| fill: black !important; } | |
| .fill-black-3 { | |
| fill: rgba(0, 0, 0, 0.12) !important; } | |
| .fill-black-4 { | |
| fill: black !important; } | |
| .fill-white { | |
| fill: rgba(255, 255, 255, 0.7) !important; } | |
| .fill-white-1 { | |
| fill: rgba(255, 255, 255, 0.3) !important; } | |
| .fill-white-2 { | |
| fill: rgba(255, 255, 255, 0.3) !important; } | |
| .fill-white-3 { | |
| fill: rgba(255, 255, 255, 0.12) !important; } | |
| .fill-white-4 { | |
| fill: white !important; } | |
| .tc-dark-red-500 { | |
| color: #f44336 !important; } | |
| .tc-dark-pink-500 { | |
| color: #e91e63 !important; } | |
| .tc-dark-purple-500 { | |
| color: #9c27b0 !important; } | |
| .tc-dark-deep-purple-500 { | |
| color: #673ab7 !important; } | |
| .tc-dark-indigo-500 { | |
| color: #3f51b5 !important; } | |
| .tc-dark-blue-500 { | |
| color: #2196f3 !important; } | |
| .tc-dark-light-blue-500 { | |
| color: #03a9f4 !important; } | |
| .tc-dark-cyan-500 { | |
| color: #00bcd4 !important; } | |
| .tc-dark-teal-500 { | |
| color: #009688 !important; } | |
| .tc-dark-green-500 { | |
| color: #4caf50 !important; } | |
| .tc-dark-light-green-500 { | |
| color: #8bc34a !important; } | |
| .tc-dark-lime-500 { | |
| color: #cddc39 !important; } | |
| .tc-dark-yellow-500 { | |
| color: #ffeb3b !important; } | |
| .tc-dark-amber-500 { | |
| color: #ffc107 !important; } | |
| .tc-dark-orange-500 { | |
| color: #ff9800 !important; } | |
| .tc-dark-deep-orange-500 { | |
| color: #ff5722 !important; } | |
| .tc-dark-brown-500 { | |
| color: #795548 !important; } | |
| .tc-dark-grey-500 { | |
| color: #9e9e9e !important; } | |
| .tc-dark-blue-grey-500 { | |
| color: #607d8b !important; } | |
| .tc-dark-red-B100 { | |
| color: #ff4336 !important; } | |
| .tc-dark-pink-B100 { | |
| color: #ff216b !important; } | |
| .tc-dark-purple-B100 { | |
| color: #ec80ff !important; } | |
| .tc-dark-deep-purple-B100 { | |
| color: #ae80ff !important; } | |
| .tc-dark-indigo-B100 { | |
| color: #8093ff !important; } | |
| .tc-dark-blue-B100 { | |
| color: #80c6ff !important; } | |
| .tc-dark-light-blue-B100 { | |
| color: #80d7ff !important; } | |
| .tc-dark-cyan-B100 { | |
| color: #00e1ff !important; } | |
| .tc-dark-teal-B100 { | |
| color: #00ffe5 !important; } | |
| .tc-dark-green-B100 { | |
| color: #6eff72 !important; } | |
| .tc-dark-light-green-B100 { | |
| color: #b5ff61 !important; } | |
| .tc-dark-lime-B100 { | |
| color: #ecff42 !important; } | |
| .tc-dark-yellow-B100 { | |
| color: #ffeb3b !important; } | |
| .tc-dark-amber-B100 { | |
| color: #ffc107 !important; } | |
| .tc-dark-orange-B100 { | |
| color: #ff9800 !important; } | |
| .tc-dark-deep-orange-B100 { | |
| color: #ff5722 !important; } | |
| .tc-dark-brown-B100 { | |
| color: #ffb499 !important; } | |
| .tc-dark-grey-B100 { | |
| color: white !important; } | |
| .tc-dark-blue-grey-B100 { | |
| color: #b0e5ff !important; } | |
| .tc-dark-red-B65 { | |
| color: #a62c23 !important; } | |
| .tc-dark-pink-B65 { | |
| color: #a41a47 !important; } | |
| .tc-dark-purple-B65 { | |
| color: #9224a6 !important; } | |
| .tc-dark-deep-purple-B65 { | |
| color: #5e35a6 !important; } | |
| .tc-dark-indigo-B65 { | |
| color: #3a4aa6 !important; } | |
| .tc-dark-blue-B65 { | |
| color: #1766a6 !important; } | |
| .tc-dark-light-blue-B65 { | |
| color: #0272a6 !important; } | |
| .tc-dark-cyan-B65 { | |
| color: #0092a6 !important; } | |
| .tc-dark-teal-B65 { | |
| color: #00a695 !important; } | |
| .tc-dark-green-B65 { | |
| color: #47a64a !important; } | |
| .tc-dark-light-green-B65 { | |
| color: #76a63f !important; } | |
| .tc-dark-lime-B65 { | |
| color: #99a62b !important; } | |
| .tc-dark-yellow-B65 { | |
| color: #a69926 !important; } | |
| .tc-dark-amber-B65 { | |
| color: #a67e05 !important; } | |
| .tc-dark-orange-B65 { | |
| color: #a66300 !important; } | |
| .tc-dark-deep-orange-B65 { | |
| color: #a63716 !important; } | |
| .tc-dark-brown-B65 { | |
| color: #a67563 !important; } | |
| .tc-dark-grey-B65 { | |
| color: #a6a6a6 !important; } | |
| .tc-dark-blue-grey-B65 { | |
| color: #7295a6 !important; } | |
| .tc-dark-red-B40 { | |
| color: #661b15 !important; } | |
| .tc-dark-pink-B40 { | |
| color: #660d2b !important; } | |
| .tc-dark-purple-B40 { | |
| color: #5a1666 !important; } | |
| .tc-dark-deep-purple-B40 { | |
| color: #3a2166 !important; } | |
| .tc-dark-indigo-B40 { | |
| color: #242e66 !important; } | |
| .tc-dark-blue-B40 { | |
| color: #0e3f66 !important; } | |
| .tc-dark-light-blue-B40 { | |
| color: #014666 !important; } | |
| .tc-dark-cyan-B40 { | |
| color: #005a66 !important; } | |
| .tc-dark-teal-B40 { | |
| color: #00665c !important; } | |
| .tc-dark-green-B40 { | |
| color: #2c662e !important; } | |
| .tc-dark-light-green-B40 { | |
| color: #486627 !important; } | |
| .tc-dark-lime-B40 { | |
| color: #5e661b !important; } | |
| .tc-dark-yellow-B40 { | |
| color: #665e17 !important; } | |
| .tc-dark-amber-B40 { | |
| color: #664d03 !important; } | |
| .tc-dark-orange-B40 { | |
| color: #663d00 !important; } | |
| .tc-dark-deep-orange-B40 { | |
| color: #66220d !important; } | |
| .tc-dark-brown-B40 { | |
| color: #66483d !important; } | |
| .tc-dark-grey-B40 { | |
| color: #666666 !important; } | |
| .tc-dark-blue-grey-B40 { | |
| color: #465b66 !important; } | |
| .tc-dark-red-B30 { | |
| color: #4d1410 !important; } | |
| .tc-dark-pink-B30 { | |
| color: #4d0a20 !important; } | |
| .tc-dark-purple-B30 { | |
| color: #41004d !important; } | |
| .tc-dark-deep-purple-B30 { | |
| color: #1c004d !important; } | |
| .tc-dark-indigo-B30 { | |
| color: #000b4d !important; } | |
| .tc-dark-blue-B30 { | |
| color: #002a4d !important; } | |
| .tc-dark-light-blue-B30 { | |
| color: #00344d !important; } | |
| .tc-dark-cyan-B30 { | |
| color: #00444d !important; } | |
| .tc-dark-teal-B30 { | |
| color: #004d45 !important; } | |
| .tc-dark-green-B30 { | |
| color: #214d22 !important; } | |
| .tc-dark-light-green-B30 { | |
| color: #364d1d !important; } | |
| .tc-dark-lime-B30 { | |
| color: #474d14 !important; } | |
| .tc-dark-yellow-B30 { | |
| color: #4d4712 !important; } | |
| .tc-dark-amber-B30 { | |
| color: #4d3a02 !important; } | |
| .tc-dark-orange-B30 { | |
| color: #4d2e00 !important; } | |
| .tc-dark-deep-orange-B30 { | |
| color: #4d190a !important; } | |
| .tc-dark-brown-B30 { | |
| color: #4d362e !important; } | |
| .tc-dark-grey-B30 { | |
| color: #4d4d4d !important; } | |
| .tc-dark-blue-grey-B30 { | |
| color: #35454d !important; } | |
| .tc-dark-red-B15 { | |
| color: #330d0b !important; } | |
| .tc-dark-pink-B15 { | |
| color: #260510 !important; } | |
| .tc-dark-purple-B15 { | |
| color: #210026 !important; } | |
| .tc-dark-deep-purple-B15 { | |
| color: #0e0026 !important; } | |
| .tc-dark-indigo-B15 { | |
| color: #000626 !important; } | |
| .tc-dark-blue-B15 { | |
| color: #001526 !important; } | |
| .tc-dark-light-blue-B15 { | |
| color: #001a26 !important; } | |
| .tc-dark-cyan-B15 { | |
| color: #002226 !important; } | |
| .tc-dark-teal-B15 { | |
| color: #002622 !important; } | |
| .tc-dark-green-B15 { | |
| color: #102611 !important; } | |
| .tc-dark-light-green-B15 { | |
| color: #1b260f !important; } | |
| .tc-dark-lime-B15 { | |
| color: #172621 !important; } | |
| .tc-dark-yellow-B15 { | |
| color: #26160c !important; } | |
| .tc-dark-amber-B15 { | |
| color: #261c15 !important; } | |
| .tc-dark-orange-B15 { | |
| color: #261700 !important; } | |
| .tc-dark-deep-orange-B15 { | |
| color: #260d05 !important; } | |
| .tc-dark-brown-B15 { | |
| color: #261b17 !important; } | |
| .tc-dark-grey-B15 { | |
| color: #262626 !important; } | |
| .tc-dark-blue-grey-B15 { | |
| color: #1a2226 !important; } | |
| .bgc-dark-red-500 { | |
| background-color: #f44336 !important; } | |
| .bgc-dark-pink-500 { | |
| background-color: #e91e63 !important; } | |
| .bgc-dark-purple-500 { | |
| background-color: #9c27b0 !important; } | |
| .bgc-dark-deep-purple-500 { | |
| background-color: #673ab7 !important; } | |
| .bgc-dark-indigo-500 { | |
| background-color: #3f51b5 !important; } | |
| .bgc-dark-blue-500 { | |
| background-color: #2196f3 !important; } | |
| .bgc-dark-light-blue-500 { | |
| background-color: #03a9f4 !important; } | |
| .bgc-dark-cyan-500 { | |
| background-color: #00bcd4 !important; } | |
| .bgc-dark-teal-500 { | |
| background-color: #009688 !important; } | |
| .bgc-dark-green-500 { | |
| background-color: #4caf50 !important; } | |
| .bgc-dark-light-green-500 { | |
| background-color: #8bc34a !important; } | |
| .bgc-dark-lime-500 { | |
| background-color: #cddc39 !important; } | |
| .bgc-dark-yellow-500 { | |
| background-color: #ffeb3b !important; } | |
| .bgc-dark-amber-500 { | |
| background-color: #ffc107 !important; } | |
| .bgc-dark-orange-500 { | |
| background-color: #ff9800 !important; } | |
| .bgc-dark-deep-orange-500 { | |
| background-color: #ff5722 !important; } | |
| .bgc-dark-brown-500 { | |
| background-color: #795548 !important; } | |
| .bgc-dark-grey-500 { | |
| background-color: #9e9e9e !important; } | |
| .bgc-dark-blue-grey-500 { | |
| background-color: #607d8b !important; } | |
| .bgc-dark-red-B100 { | |
| background-color: #ff4336 !important; } | |
| .bgc-dark-pink-B100 { | |
| background-color: #ff216b !important; } | |
| .bgc-dark-purple-B100 { | |
| background-color: #ec80ff !important; } | |
| .bgc-dark-deep-purple-B100 { | |
| background-color: #ae80ff !important; } | |
| .bgc-dark-indigo-B100 { | |
| background-color: #8093ff !important; } | |
| .bgc-dark-blue-B100 { | |
| background-color: #80c6ff !important; } | |
| .bgc-dark-light-blue-B100 { | |
| background-color: #80d7ff !important; } | |
| .bgc-dark-cyan-B100 { | |
| background-color: #00e1ff !important; } | |
| .bgc-dark-teal-B100 { | |
| background-color: #00ffe5 !important; } | |
| .bgc-dark-green-B100 { | |
| background-color: #6eff72 !important; } | |
| .bgc-dark-light-green-B100 { | |
| background-color: #b5ff61 !important; } | |
| .bgc-dark-lime-B100 { | |
| background-color: #ecff42 !important; } | |
| .bgc-dark-yellow-B100 { | |
| background-color: #ffeb3b !important; } | |
| .bgc-dark-amber-B100 { | |
| background-color: #ffc107 !important; } | |
| .bgc-dark-orange-B100 { | |
| background-color: #ff9800 !important; } | |
| .bgc-dark-deep-orange-B100 { | |
| background-color: #ff5722 !important; } | |
| .bgc-dark-brown-B100 { | |
| background-color: #ffb499 !important; } | |
| .bgc-dark-grey-B100 { | |
| background-color: white !important; } | |
| .bgc-dark-blue-grey-B100 { | |
| background-color: #b0e5ff !important; } | |
| .bgc-dark-red-B65 { | |
| background-color: #a62c23 !important; } | |
| .bgc-dark-pink-B65 { | |
| background-color: #a41a47 !important; } | |
| .bgc-dark-purple-B65 { | |
| background-color: #9224a6 !important; } | |
| .bgc-dark-deep-purple-B65 { | |
| background-color: #5e35a6 !important; } | |
| .bgc-dark-indigo-B65 { | |
| background-color: #3a4aa6 !important; } | |
| .bgc-dark-blue-B65 { | |
| background-color: #1766a6 !important; } | |
| .bgc-dark-light-blue-B65 { | |
| background-color: #0272a6 !important; } | |
| .bgc-dark-cyan-B65 { | |
| background-color: #0092a6 !important; } | |
| .bgc-dark-teal-B65 { | |
| background-color: #00a695 !important; } | |
| .bgc-dark-green-B65 { | |
| background-color: #47a64a !important; } | |
| .bgc-dark-light-green-B65 { | |
| background-color: #76a63f !important; } | |
| .bgc-dark-lime-B65 { | |
| background-color: #99a62b !important; } | |
| .bgc-dark-yellow-B65 { | |
| background-color: #a69926 !important; } | |
| .bgc-dark-amber-B65 { | |
| background-color: #a67e05 !important; } | |
| .bgc-dark-orange-B65 { | |
| background-color: #a66300 !important; } | |
| .bgc-dark-deep-orange-B65 { | |
| background-color: #a63716 !important; } | |
| .bgc-dark-brown-B65 { | |
| background-color: #a67563 !important; } | |
| .bgc-dark-grey-B65 { | |
| background-color: #a6a6a6 !important; } | |
| .bgc-dark-blue-grey-B65 { | |
| background-color: #7295a6 !important; } | |
| .bgc-dark-red-B40 { | |
| background-color: #661b15 !important; } | |
| .bgc-dark-pink-B40 { | |
| background-color: #660d2b !important; } | |
| .bgc-dark-purple-B40 { | |
| background-color: #5a1666 !important; } | |
| .bgc-dark-deep-purple-B40 { | |
| background-color: #3a2166 !important; } | |
| .bgc-dark-indigo-B40 { | |
| background-color: #242e66 !important; } | |
| .bgc-dark-blue-B40 { | |
| background-color: #0e3f66 !important; } | |
| .bgc-dark-light-blue-B40 { | |
| background-color: #014666 !important; } | |
| .bgc-dark-cyan-B40 { | |
| background-color: #005a66 !important; } | |
| .bgc-dark-teal-B40 { | |
| background-color: #00665c !important; } | |
| .bgc-dark-green-B40 { | |
| background-color: #2c662e !important; } | |
| .bgc-dark-light-green-B40 { | |
| background-color: #486627 !important; } | |
| .bgc-dark-lime-B40 { | |
| background-color: #5e661b !important; } | |
| .bgc-dark-yellow-B40 { | |
| background-color: #665e17 !important; } | |
| .bgc-dark-amber-B40 { | |
| background-color: #664d03 !important; } | |
| .bgc-dark-orange-B40 { | |
| background-color: #663d00 !important; } | |
| .bgc-dark-deep-orange-B40 { | |
| background-color: #66220d !important; } | |
| .bgc-dark-brown-B40 { | |
| background-color: #66483d !important; } | |
| .bgc-dark-grey-B40 { | |
| background-color: #666666 !important; } | |
| .bgc-dark-blue-grey-B40 { | |
| background-color: #465b66 !important; } | |
| .bgc-dark-red-B30 { | |
| background-color: #4d1410 !important; } | |
| .bgc-dark-pink-B30 { | |
| background-color: #4d0a20 !important; } | |
| .bgc-dark-purple-B30 { | |
| background-color: #41004d !important; } | |
| .bgc-dark-deep-purple-B30 { | |
| background-color: #1c004d !important; } | |
| .bgc-dark-indigo-B30 { | |
| background-color: #000b4d !important; } | |
| .bgc-dark-blue-B30 { | |
| background-color: #002a4d !important; } | |
| .bgc-dark-light-blue-B30 { | |
| background-color: #00344d !important; } | |
| .bgc-dark-cyan-B30 { | |
| background-color: #00444d !important; } | |
| .bgc-dark-teal-B30 { | |
| background-color: #004d45 !important; } | |
| .bgc-dark-green-B30 { | |
| background-color: #214d22 !important; } | |
| .bgc-dark-light-green-B30 { | |
| background-color: #364d1d !important; } | |
| .bgc-dark-lime-B30 { | |
| background-color: #474d14 !important; } | |
| .bgc-dark-yellow-B30 { | |
| background-color: #4d4712 !important; } | |
| .bgc-dark-amber-B30 { | |
| background-color: #4d3a02 !important; } | |
| .bgc-dark-orange-B30 { | |
| background-color: #4d2e00 !important; } | |
| .bgc-dark-deep-orange-B30 { | |
| background-color: #4d190a !important; } | |
| .bgc-dark-brown-B30 { | |
| background-color: #4d362e !important; } | |
| .bgc-dark-grey-B30 { | |
| background-color: #4d4d4d !important; } | |
| .bgc-dark-blue-grey-B30 { | |
| background-color: #35454d !important; } | |
| .bgc-dark-red-B15 { | |
| background-color: #330d0b !important; } | |
| .bgc-dark-pink-B15 { | |
| background-color: #260510 !important; } | |
| .bgc-dark-purple-B15 { | |
| background-color: #210026 !important; } | |
| .bgc-dark-deep-purple-B15 { | |
| background-color: #0e0026 !important; } | |
| .bgc-dark-indigo-B15 { | |
| background-color: #000626 !important; } | |
| .bgc-dark-blue-B15 { | |
| background-color: #001526 !important; } | |
| .bgc-dark-light-blue-B15 { | |
| background-color: #001a26 !important; } | |
| .bgc-dark-cyan-B15 { | |
| background-color: #002226 !important; } | |
| .bgc-dark-teal-B15 { | |
| background-color: #002622 !important; } | |
| .bgc-dark-green-B15 { | |
| background-color: #102611 !important; } | |
| .bgc-dark-light-green-B15 { | |
| background-color: #1b260f !important; } | |
| .bgc-dark-lime-B15 { | |
| background-color: #172621 !important; } | |
| .bgc-dark-yellow-B15 { | |
| background-color: #26160c !important; } | |
| .bgc-dark-amber-B15 { | |
| background-color: #261c15 !important; } | |
| .bgc-dark-orange-B15 { | |
| background-color: #261700 !important; } | |
| .bgc-dark-deep-orange-B15 { | |
| background-color: #260d05 !important; } | |
| .bgc-dark-brown-B15 { | |
| background-color: #261b17 !important; } | |
| .bgc-dark-grey-B15 { | |
| background-color: #262626 !important; } | |
| .bgc-dark-blue-grey-B15 { | |
| background-color: #1a2226 !important; } | |
| .fill-red-500 { | |
| fill: #f44336 !important; } | |
| .fill-pink-500 { | |
| fill: #e91e63 !important; } | |
| .fill-purple-500 { | |
| fill: #9c27b0 !important; } | |
| .fill-deep-purple-500 { | |
| fill: #673ab7 !important; } | |
| .fill-indigo-500 { | |
| fill: #3f51b5 !important; } | |
| .fill-blue-500 { | |
| fill: #2196f3 !important; } | |
| .fill-light-blue-500 { | |
| fill: #03a9f4 !important; } | |
| .fill-cyan-500 { | |
| fill: #00bcd4 !important; } | |
| .fill-teal-500 { | |
| fill: #009688 !important; } | |
| .fill-green-500 { | |
| fill: #4caf50 !important; } | |
| .fill-light-green-500 { | |
| fill: #8bc34a !important; } | |
| .fill-lime-500 { | |
| fill: #cddc39 !important; } | |
| .fill-yellow-500 { | |
| fill: #ffeb3b !important; } | |
| .fill-amber-500 { | |
| fill: #ffc107 !important; } | |
| .fill-orange-500 { | |
| fill: #ff9800 !important; } | |
| .fill-deep-orange-500 { | |
| fill: #ff5722 !important; } | |
| .fill-brown-500 { | |
| fill: #795548 !important; } | |
| .fill-grey-500 { | |
| fill: #9e9e9e !important; } | |
| .fill-blue-grey-500 { | |
| fill: #607d8b !important; } | |
| .fill-red-B100 { | |
| fill: #ff4336 !important; } | |
| .fill-pink-B100 { | |
| fill: #ff216b !important; } | |
| .fill-purple-B100 { | |
| fill: #ec80ff !important; } | |
| .fill-deep-purple-B100 { | |
| fill: #ae80ff !important; } | |
| .fill-indigo-B100 { | |
| fill: #8093ff !important; } | |
| .fill-blue-B100 { | |
| fill: #80c6ff !important; } | |
| .fill-light-blue-B100 { | |
| fill: #80d7ff !important; } | |
| .fill-cyan-B100 { | |
| fill: #00e1ff !important; } | |
| .fill-teal-B100 { | |
| fill: #00ffe5 !important; } | |
| .fill-green-B100 { | |
| fill: #6eff72 !important; } | |
| .fill-light-green-B100 { | |
| fill: #b5ff61 !important; } | |
| .fill-lime-B100 { | |
| fill: #ecff42 !important; } | |
| .fill-yellow-B100 { | |
| fill: #ffeb3b !important; } | |
| .fill-amber-B100 { | |
| fill: #ffc107 !important; } | |
| .fill-orange-B100 { | |
| fill: #ff9800 !important; } | |
| .fill-deep-orange-B100 { | |
| fill: #ff5722 !important; } | |
| .fill-brown-B100 { | |
| fill: #ffb499 !important; } | |
| .fill-grey-B100 { | |
| fill: white !important; } | |
| .fill-blue-grey-B100 { | |
| fill: #b0e5ff !important; } | |
| .fill-red-B65 { | |
| fill: #a62c23 !important; } | |
| .fill-pink-B65 { | |
| fill: #a41a47 !important; } | |
| .fill-purple-B65 { | |
| fill: #9224a6 !important; } | |
| .fill-deep-purple-B65 { | |
| fill: #5e35a6 !important; } | |
| .fill-indigo-B65 { | |
| fill: #3a4aa6 !important; } | |
| .fill-blue-B65 { | |
| fill: #1766a6 !important; } | |
| .fill-light-blue-B65 { | |
| fill: #0272a6 !important; } | |
| .fill-cyan-B65 { | |
| fill: #0092a6 !important; } | |
| .fill-teal-B65 { | |
| fill: #00a695 !important; } | |
| .fill-green-B65 { | |
| fill: #47a64a !important; } | |
| .fill-light-green-B65 { | |
| fill: #76a63f !important; } | |
| .fill-lime-B65 { | |
| fill: #99a62b !important; } | |
| .fill-yellow-B65 { | |
| fill: #a69926 !important; } | |
| .fill-amber-B65 { | |
| fill: #a67e05 !important; } | |
| .fill-orange-B65 { | |
| fill: #a66300 !important; } | |
| .fill-deep-orange-B65 { | |
| fill: #a63716 !important; } | |
| .fill-brown-B65 { | |
| fill: #a67563 !important; } | |
| .fill-grey-B65 { | |
| fill: #a6a6a6 !important; } | |
| .fill-blue-grey-B65 { | |
| fill: #7295a6 !important; } | |
| .fill-red-B40 { | |
| fill: #661b15 !important; } | |
| .fill-pink-B40 { | |
| fill: #660d2b !important; } | |
| .fill-purple-B40 { | |
| fill: #5a1666 !important; } | |
| .fill-deep-purple-B40 { | |
| fill: #3a2166 !important; } | |
| .fill-indigo-B40 { | |
| fill: #242e66 !important; } | |
| .fill-blue-B40 { | |
| fill: #0e3f66 !important; } | |
| .fill-light-blue-B40 { | |
| fill: #014666 !important; } | |
| .fill-cyan-B40 { | |
| fill: #005a66 !important; } | |
| .fill-teal-B40 { | |
| fill: #00665c !important; } | |
| .fill-green-B40 { | |
| fill: #2c662e !important; } | |
| .fill-light-green-B40 { | |
| fill: #486627 !important; } | |
| .fill-lime-B40 { | |
| fill: #5e661b !important; } | |
| .fill-yellow-B40 { | |
| fill: #665e17 !important; } | |
| .fill-amber-B40 { | |
| fill: #664d03 !important; } | |
| .fill-orange-B40 { | |
| fill: #663d00 !important; } | |
| .fill-deep-orange-B40 { | |
| fill: #66220d !important; } | |
| .fill-brown-B40 { | |
| fill: #66483d !important; } | |
| .fill-grey-B40 { | |
| fill: #666666 !important; } | |
| .fill-blue-grey-B40 { | |
| fill: #465b66 !important; } | |
| .fill-red-B30 { | |
| fill: #4d1410 !important; } | |
| .fill-pink-B30 { | |
| fill: #4d0a20 !important; } | |
| .fill-purple-B30 { | |
| fill: #41004d !important; } | |
| .fill-deep-purple-B30 { | |
| fill: #1c004d !important; } | |
| .fill-indigo-B30 { | |
| fill: #000b4d !important; } | |
| .fill-blue-B30 { | |
| fill: #002a4d !important; } | |
| .fill-light-blue-B30 { | |
| fill: #00344d !important; } | |
| .fill-cyan-B30 { | |
| fill: #00444d !important; } | |
| .fill-teal-B30 { | |
| fill: #004d45 !important; } | |
| .fill-green-B30 { | |
| fill: #214d22 !important; } | |
| .fill-light-green-B30 { | |
| fill: #364d1d !important; } | |
| .fill-lime-B30 { | |
| fill: #474d14 !important; } | |
| .fill-yellow-B30 { | |
| fill: #4d4712 !important; } | |
| .fill-amber-B30 { | |
| fill: #4d3a02 !important; } | |
| .fill-orange-B30 { | |
| fill: #4d2e00 !important; } | |
| .fill-deep-orange-B30 { | |
| fill: #4d190a !important; } | |
| .fill-brown-B30 { | |
| fill: #4d362e !important; } | |
| .fill-grey-B30 { | |
| fill: #4d4d4d !important; } | |
| .fill-blue-grey-B30 { | |
| fill: #35454d !important; } | |
| .fill-red-B15 { | |
| fill: #330d0b !important; } | |
| .fill-pink-B15 { | |
| fill: #260510 !important; } | |
| .fill-purple-B15 { | |
| fill: #210026 !important; } | |
| .fill-deep-purple-B15 { | |
| fill: #0e0026 !important; } | |
| .fill-indigo-B15 { | |
| fill: #000626 !important; } | |
| .fill-blue-B15 { | |
| fill: #001526 !important; } | |
| .fill-light-blue-B15 { | |
| fill: #001a26 !important; } | |
| .fill-cyan-B15 { | |
| fill: #002226 !important; } | |
| .fill-teal-B15 { | |
| fill: #002622 !important; } | |
| .fill-green-B15 { | |
| fill: #102611 !important; } | |
| .fill-light-green-B15 { | |
| fill: #1b260f !important; } | |
| .fill-lime-B15 { | |
| fill: #172621 !important; } | |
| .fill-yellow-B15 { | |
| fill: #26160c !important; } | |
| .fill-amber-B15 { | |
| fill: #261c15 !important; } | |
| .fill-orange-B15 { | |
| fill: #261700 !important; } | |
| .fill-deep-orange-B15 { | |
| fill: #260d05 !important; } | |
| .fill-brown-B15 { | |
| fill: #261b17 !important; } | |
| .fill-grey-B15 { | |
| fill: #262626 !important; } | |
| .fill-blue-grey-B15 { | |
| fill: #1a2226 !important; } | |
| /* | |
| * | |
| * Responsive attributes | |
| * | |
| * References: | |
| * 1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex | |
| * 2) https://css-tricks.com/almanac/properties/f/flex/ | |
| * 3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/ | |
| * 4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items | |
| * 5) http://godban.com.ua/projects/flexgrid | |
| * | |
| */ | |
| @-moz-document url-prefix() { | |
| [layout-fill] { | |
| margin: 0; | |
| width: 100%; | |
| min-height: 100%; | |
| height: 100%; } } | |
| /* | |
| * Apply Mixins to create Layout/Flexbox styles | |
| * | |
| */ | |
| [flex-order] { | |
| order: 0; } | |
| [flex-order="-20"] { | |
| order: -20; } | |
| [flex-order="-19"] { | |
| order: -19; } | |
| [flex-order="-18"] { | |
| order: -18; } | |
| [flex-order="-17"] { | |
| order: -17; } | |
| [flex-order="-16"] { | |
| order: -16; } | |
| [flex-order="-15"] { | |
| order: -15; } | |
| [flex-order="-14"] { | |
| order: -14; } | |
| [flex-order="-13"] { | |
| order: -13; } | |
| [flex-order="-12"] { | |
| order: -12; } | |
| [flex-order="-11"] { | |
| order: -11; } | |
| [flex-order="-10"] { | |
| order: -10; } | |
| [flex-order="-9"] { | |
| order: -9; } | |
| [flex-order="-8"] { | |
| order: -8; } | |
| [flex-order="-7"] { | |
| order: -7; } | |
| [flex-order="-6"] { | |
| order: -6; } | |
| [flex-order="-5"] { | |
| order: -5; } | |
| [flex-order="-4"] { | |
| order: -4; } | |
| [flex-order="-3"] { | |
| order: -3; } | |
| [flex-order="-2"] { | |
| order: -2; } | |
| [flex-order="-1"] { | |
| order: -1; } | |
| [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: 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-noshrink] { | |
| flex: 1 0 auto; | |
| box-sizing: border-box; } | |
| [flex-nogrow] { | |
| flex: 0 1 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%; | |
| max-width: calc(100% / 3); | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex="34"], [layout="row"] > [flex="34"], [layout="row"] > [flex="34"], [layout="row"] > [flex="34"] { | |
| flex: 1 1 34%; | |
| max-width: 34%; | |
| 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%; | |
| max-width: calc(200% / 3); | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex="67"], [layout="row"] > [flex="67"], [layout="row"] > [flex="67"], [layout="row"] > [flex="67"] { | |
| flex: 1 1 67%; | |
| max-width: 67%; | |
| 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%; | |
| max-width: 100%; | |
| max-height: calc(100% / 3); | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex="34"], [layout="column"] > [flex="34"], [layout="column"] > [flex="34"], [layout="column"] > [flex="34"] { | |
| flex: 1 1 34%; | |
| max-width: 100%; | |
| max-height: 34%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex="66"], [layout="column"] > [flex="66"], [layout="column"] > [flex="66"], [layout="column"] > [flex="66"] { | |
| flex: 1 1 66%; | |
| max-width: 100%; | |
| max-height: calc(200% / 3); | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex="67"], [layout="column"] > [flex="67"], [layout="column"] > [flex="67"], [layout="column"] > [flex="67"] { | |
| flex: 1 1 67%; | |
| max-width: 100%; | |
| max-height: 67%; | |
| box-sizing: border-box; } | |
| [layout], [layout="column"], [layout="row"] { | |
| box-sizing: border-box; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -moz-box; | |
| display: -ms-flexbox; | |
| 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%; } | |
| /** | |
| * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px | |
| * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px | |
| * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)` | |
| * | |
| * hide means hide everywhere | |
| * Sizes: | |
| * $layout-breakpoint-xs: 600px !default; | |
| * $layout-breakpoint-sm: 960px !default; | |
| * $layout-breakpoint-md: 1280px !default; | |
| * $layout-breakpoint-lg: 1920px !default; | |
| */ | |
| @media (max-width: 599px) { | |
| [hide-xs]:not([show-xs]):not([show]), [hide]:not([show-xs]):not([show]) { | |
| display: none; } | |
| [flex-order-xs="-20"] { | |
| order: -20; } | |
| [flex-order-xs="-19"] { | |
| order: -19; } | |
| [flex-order-xs="-18"] { | |
| order: -18; } | |
| [flex-order-xs="-17"] { | |
| order: -17; } | |
| [flex-order-xs="-16"] { | |
| order: -16; } | |
| [flex-order-xs="-15"] { | |
| order: -15; } | |
| [flex-order-xs="-14"] { | |
| order: -14; } | |
| [flex-order-xs="-13"] { | |
| order: -13; } | |
| [flex-order-xs="-12"] { | |
| order: -12; } | |
| [flex-order-xs="-11"] { | |
| order: -11; } | |
| [flex-order-xs="-10"] { | |
| order: -10; } | |
| [flex-order-xs="-9"] { | |
| order: -9; } | |
| [flex-order-xs="-8"] { | |
| order: -8; } | |
| [flex-order-xs="-7"] { | |
| order: -7; } | |
| [flex-order-xs="-6"] { | |
| order: -6; } | |
| [flex-order-xs="-5"] { | |
| order: -5; } | |
| [flex-order-xs="-4"] { | |
| order: -4; } | |
| [flex-order-xs="-3"] { | |
| order: -3; } | |
| [flex-order-xs="-2"] { | |
| order: -2; } | |
| [flex-order-xs="-1"] { | |
| order: -1; } | |
| [flex-order-xs="0"] { | |
| order: 0; } | |
| [flex-order-xs="1"] { | |
| order: 1; } | |
| [flex-order-xs="2"] { | |
| order: 2; } | |
| [flex-order-xs="3"] { | |
| order: 3; } | |
| [flex-order-xs="4"] { | |
| order: 4; } | |
| [flex-order-xs="5"] { | |
| order: 5; } | |
| [flex-order-xs="6"] { | |
| order: 6; } | |
| [flex-order-xs="7"] { | |
| order: 7; } | |
| [flex-order-xs="8"] { | |
| order: 8; } | |
| [flex-order-xs="9"] { | |
| order: 9; } | |
| [flex-order-xs="10"] { | |
| order: 10; } | |
| [flex-order-xs="11"] { | |
| order: 11; } | |
| [flex-order-xs="12"] { | |
| order: 12; } | |
| [flex-order-xs="13"] { | |
| order: 13; } | |
| [flex-order-xs="14"] { | |
| order: 14; } | |
| [flex-order-xs="15"] { | |
| order: 15; } | |
| [flex-order-xs="16"] { | |
| order: 16; } | |
| [flex-order-xs="17"] { | |
| order: 17; } | |
| [flex-order-xs="18"] { | |
| order: 18; } | |
| [flex-order-xs="19"] { | |
| order: 19; } | |
| [flex-order-xs="20"] { | |
| order: 20; } | |
| [flex-offset-xs="0"] { | |
| margin-left: 0%; } | |
| [flex-offset-xs="5"] { | |
| margin-left: 5%; } | |
| [flex-offset-xs="10"] { | |
| margin-left: 10%; } | |
| [flex-offset-xs="15"] { | |
| margin-left: 15%; } | |
| [flex-offset-xs="20"] { | |
| margin-left: 20%; } | |
| [flex-offset-xs="25"] { | |
| margin-left: 25%; } | |
| [flex-offset-xs="30"] { | |
| margin-left: 30%; } | |
| [flex-offset-xs="35"] { | |
| margin-left: 35%; } | |
| [flex-offset-xs="40"] { | |
| margin-left: 40%; } | |
| [flex-offset-xs="45"] { | |
| margin-left: 45%; } | |
| [flex-offset-xs="50"] { | |
| margin-left: 50%; } | |
| [flex-offset-xs="55"] { | |
| margin-left: 55%; } | |
| [flex-offset-xs="60"] { | |
| margin-left: 60%; } | |
| [flex-offset-xs="65"] { | |
| margin-left: 65%; } | |
| [flex-offset-xs="70"] { | |
| margin-left: 70%; } | |
| [flex-offset-xs="75"] { | |
| margin-left: 75%; } | |
| [flex-offset-xs="80"] { | |
| margin-left: 80%; } | |
| [flex-offset-xs="85"] { | |
| margin-left: 85%; } | |
| [flex-offset-xs="90"] { | |
| margin-left: 90%; } | |
| [flex-offset-xs="95"] { | |
| margin-left: 95%; } | |
| [flex-offset-xs="33"] { | |
| margin-left: calc(100% / 3); } | |
| [flex-offset-xs="66"] { | |
| margin-left: calc(200% / 3); } | |
| [layout-align-xs], | |
| [layout-align-xs="start stretch"] { | |
| justify-content: flex-start; | |
| align-content: stretch; | |
| align-items: stretch; } | |
| [layout-align-xs="start"], | |
| [layout-align-xs="start start"], | |
| [layout-align-xs="start center"], | |
| [layout-align-xs="start end"], | |
| [layout-align-xs="start stretch"] { | |
| justify-content: start; } | |
| [layout-align-xs="center"], | |
| [layout-align-xs="center start"], | |
| [layout-align-xs="center center"], | |
| [layout-align-xs="center end"], | |
| [layout-align-xs="center stretch"] { | |
| justify-content: center; } | |
| [layout-align-xs="end"], | |
| [layout-align-xs="end center"], | |
| [layout-align-xs="end start"], | |
| [layout-align-xs="end end"], | |
| [layout-align-xs="end stretch"] { | |
| justify-content: flex-end; } | |
| [layout-align-xs="space-around"], | |
| [layout-align-xs="space-around center"], | |
| [layout-align-xs="space-around start"], | |
| [layout-align-xs="space-around end"], | |
| [layout-align-xs="space-around stretch"] { | |
| justify-content: space-around; } | |
| [layout-align-xs="space-between"], | |
| [layout-align-xs="space-between center"], | |
| [layout-align-xs="space-between start"], | |
| [layout-align-xs="space-between end"], | |
| [layout-align-xs="space-between stretch"] { | |
| justify-content: space-between; } | |
| [layout-align-xs="start start"], | |
| [layout-align-xs="center start"], | |
| [layout-align-xs="end start"], | |
| [layout-align-xs="space-between start"], | |
| [layout-align-xs="space-around start"] { | |
| align-items: flex-start; | |
| align-content: flex-start; } | |
| [layout-align-xs="start center"], | |
| [layout-align-xs="center center"], | |
| [layout-align-xs="end center"], | |
| [layout-align-xs="space-between center"], | |
| [layout-align-xs="space-around center"] { | |
| align-items: center; | |
| align-content: center; | |
| max-width: 100%; } | |
| [layout-align-xs="start center"] > *, | |
| [layout-align-xs="center center"] > *, | |
| [layout-align-xs="end center"] > *, | |
| [layout-align-xs="space-between center"] > *, | |
| [layout-align-xs="space-around center"] > * { | |
| max-width: 100%; | |
| box-sizing: border-box; } | |
| [layout-align-xs="start end"], | |
| [layout-align-xs="center end"], | |
| [layout-align-xs="end end"], | |
| [layout-align-xs="space-between end"], | |
| [layout-align-xs="space-around end"] { | |
| align-items: flex-end; | |
| align-content: flex-end; } | |
| [layout-align-xs="start stretch"], | |
| [layout-align-xs="center stretch"], | |
| [layout-align-xs="end stretch"], | |
| [layout-align-xs="space-between stretch"], | |
| [layout-align-xs="space-around stretch"] { | |
| align-items: stretch; | |
| align-content: stretch; } | |
| [flex-xs] { | |
| flex: 1; | |
| box-sizing: border-box; } } | |
| @media screen\0 and (max-width: 599px) { | |
| [flex-xs] { | |
| flex: 1 1 0%; } } | |
| @media (max-width: 599px) { | |
| [flex-xs-grow] { | |
| flex: 1 1 100%; | |
| box-sizing: border-box; } | |
| [flex-xs-initial] { | |
| flex: 0 1 auto; | |
| box-sizing: border-box; } | |
| [flex-xs-auto] { | |
| flex: 1 1 auto; | |
| box-sizing: border-box; } | |
| [flex-xs-none] { | |
| flex: 0 0 auto; | |
| box-sizing: border-box; } | |
| [flex-xs-noshrink] { | |
| flex: 1 0 auto; | |
| box-sizing: border-box; } | |
| [flex-xs-nogrow] { | |
| flex: 0 1 auto; | |
| box-sizing: border-box; } | |
| [flex-xs="0"] { | |
| flex: 1 1 0%; | |
| max-width: 0%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="0"], | |
| [layout-xs="row"] > [flex-xs="0"] { | |
| flex: 1 1 0%; | |
| max-width: 0%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="0"], | |
| [layout-xs="column"] > [flex-xs="0"] { | |
| flex: 1 1 0%; | |
| max-width: 100%; | |
| max-height: 0%; | |
| box-sizing: border-box; } | |
| [flex-xs="5"] { | |
| flex: 1 1 5%; | |
| max-width: 5%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="5"], | |
| [layout-xs="row"] > [flex-xs="5"] { | |
| flex: 1 1 5%; | |
| max-width: 5%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="5"], | |
| [layout-xs="column"] > [flex-xs="5"] { | |
| flex: 1 1 5%; | |
| max-width: 100%; | |
| max-height: 5%; | |
| box-sizing: border-box; } | |
| [flex-xs="10"] { | |
| flex: 1 1 10%; | |
| max-width: 10%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="10"], | |
| [layout-xs="row"] > [flex-xs="10"] { | |
| flex: 1 1 10%; | |
| max-width: 10%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="10"], | |
| [layout-xs="column"] > [flex-xs="10"] { | |
| flex: 1 1 10%; | |
| max-width: 100%; | |
| max-height: 10%; | |
| box-sizing: border-box; } | |
| [flex-xs="15"] { | |
| flex: 1 1 15%; | |
| max-width: 15%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="15"], | |
| [layout-xs="row"] > [flex-xs="15"] { | |
| flex: 1 1 15%; | |
| max-width: 15%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="15"], | |
| [layout-xs="column"] > [flex-xs="15"] { | |
| flex: 1 1 15%; | |
| max-width: 100%; | |
| max-height: 15%; | |
| box-sizing: border-box; } | |
| [flex-xs="20"] { | |
| flex: 1 1 20%; | |
| max-width: 20%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="20"], | |
| [layout-xs="row"] > [flex-xs="20"] { | |
| flex: 1 1 20%; | |
| max-width: 20%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="20"], | |
| [layout-xs="column"] > [flex-xs="20"] { | |
| flex: 1 1 20%; | |
| max-width: 100%; | |
| max-height: 20%; | |
| box-sizing: border-box; } | |
| [flex-xs="25"] { | |
| flex: 1 1 25%; | |
| max-width: 25%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="25"], | |
| [layout-xs="row"] > [flex-xs="25"] { | |
| flex: 1 1 25%; | |
| max-width: 25%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="25"], | |
| [layout-xs="column"] > [flex-xs="25"] { | |
| flex: 1 1 25%; | |
| max-width: 100%; | |
| max-height: 25%; | |
| box-sizing: border-box; } | |
| [flex-xs="30"] { | |
| flex: 1 1 30%; | |
| max-width: 30%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="30"], | |
| [layout-xs="row"] > [flex-xs="30"] { | |
| flex: 1 1 30%; | |
| max-width: 30%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="30"], | |
| [layout-xs="column"] > [flex-xs="30"] { | |
| flex: 1 1 30%; | |
| max-width: 100%; | |
| max-height: 30%; | |
| box-sizing: border-box; } | |
| [flex-xs="35"] { | |
| flex: 1 1 35%; | |
| max-width: 35%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="35"], | |
| [layout-xs="row"] > [flex-xs="35"] { | |
| flex: 1 1 35%; | |
| max-width: 35%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="35"], | |
| [layout-xs="column"] > [flex-xs="35"] { | |
| flex: 1 1 35%; | |
| max-width: 100%; | |
| max-height: 35%; | |
| box-sizing: border-box; } | |
| [flex-xs="40"] { | |
| flex: 1 1 40%; | |
| max-width: 40%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="40"], | |
| [layout-xs="row"] > [flex-xs="40"] { | |
| flex: 1 1 40%; | |
| max-width: 40%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="40"], | |
| [layout-xs="column"] > [flex-xs="40"] { | |
| flex: 1 1 40%; | |
| max-width: 100%; | |
| max-height: 40%; | |
| box-sizing: border-box; } | |
| [flex-xs="45"] { | |
| flex: 1 1 45%; | |
| max-width: 45%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="45"], | |
| [layout-xs="row"] > [flex-xs="45"] { | |
| flex: 1 1 45%; | |
| max-width: 45%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="45"], | |
| [layout-xs="column"] > [flex-xs="45"] { | |
| flex: 1 1 45%; | |
| max-width: 100%; | |
| max-height: 45%; | |
| box-sizing: border-box; } | |
| [flex-xs="50"] { | |
| flex: 1 1 50%; | |
| max-width: 50%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="50"], | |
| [layout-xs="row"] > [flex-xs="50"] { | |
| flex: 1 1 50%; | |
| max-width: 50%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="50"], | |
| [layout-xs="column"] > [flex-xs="50"] { | |
| flex: 1 1 50%; | |
| max-width: 100%; | |
| max-height: 50%; | |
| box-sizing: border-box; } | |
| [flex-xs="55"] { | |
| flex: 1 1 55%; | |
| max-width: 55%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="55"], | |
| [layout-xs="row"] > [flex-xs="55"] { | |
| flex: 1 1 55%; | |
| max-width: 55%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="55"], | |
| [layout-xs="column"] > [flex-xs="55"] { | |
| flex: 1 1 55%; | |
| max-width: 100%; | |
| max-height: 55%; | |
| box-sizing: border-box; } | |
| [flex-xs="60"] { | |
| flex: 1 1 60%; | |
| max-width: 60%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="60"], | |
| [layout-xs="row"] > [flex-xs="60"] { | |
| flex: 1 1 60%; | |
| max-width: 60%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="60"], | |
| [layout-xs="column"] > [flex-xs="60"] { | |
| flex: 1 1 60%; | |
| max-width: 100%; | |
| max-height: 60%; | |
| box-sizing: border-box; } | |
| [flex-xs="65"] { | |
| flex: 1 1 65%; | |
| max-width: 65%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="65"], | |
| [layout-xs="row"] > [flex-xs="65"] { | |
| flex: 1 1 65%; | |
| max-width: 65%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="65"], | |
| [layout-xs="column"] > [flex-xs="65"] { | |
| flex: 1 1 65%; | |
| max-width: 100%; | |
| max-height: 65%; | |
| box-sizing: border-box; } | |
| [flex-xs="70"] { | |
| flex: 1 1 70%; | |
| max-width: 70%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="70"], | |
| [layout-xs="row"] > [flex-xs="70"] { | |
| flex: 1 1 70%; | |
| max-width: 70%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="70"], | |
| [layout-xs="column"] > [flex-xs="70"] { | |
| flex: 1 1 70%; | |
| max-width: 100%; | |
| max-height: 70%; | |
| box-sizing: border-box; } | |
| [flex-xs="75"] { | |
| flex: 1 1 75%; | |
| max-width: 75%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="75"], | |
| [layout-xs="row"] > [flex-xs="75"] { | |
| flex: 1 1 75%; | |
| max-width: 75%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="75"], | |
| [layout-xs="column"] > [flex-xs="75"] { | |
| flex: 1 1 75%; | |
| max-width: 100%; | |
| max-height: 75%; | |
| box-sizing: border-box; } | |
| [flex-xs="80"] { | |
| flex: 1 1 80%; | |
| max-width: 80%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="80"], | |
| [layout-xs="row"] > [flex-xs="80"] { | |
| flex: 1 1 80%; | |
| max-width: 80%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="80"], | |
| [layout-xs="column"] > [flex-xs="80"] { | |
| flex: 1 1 80%; | |
| max-width: 100%; | |
| max-height: 80%; | |
| box-sizing: border-box; } | |
| [flex-xs="85"] { | |
| flex: 1 1 85%; | |
| max-width: 85%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="85"], | |
| [layout-xs="row"] > [flex-xs="85"] { | |
| flex: 1 1 85%; | |
| max-width: 85%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="85"], | |
| [layout-xs="column"] > [flex-xs="85"] { | |
| flex: 1 1 85%; | |
| max-width: 100%; | |
| max-height: 85%; | |
| box-sizing: border-box; } | |
| [flex-xs="90"] { | |
| flex: 1 1 90%; | |
| max-width: 90%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="90"], | |
| [layout-xs="row"] > [flex-xs="90"] { | |
| flex: 1 1 90%; | |
| max-width: 90%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="90"], | |
| [layout-xs="column"] > [flex-xs="90"] { | |
| flex: 1 1 90%; | |
| max-width: 100%; | |
| max-height: 90%; | |
| box-sizing: border-box; } | |
| [flex-xs="95"] { | |
| flex: 1 1 95%; | |
| max-width: 95%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="95"], | |
| [layout-xs="row"] > [flex-xs="95"] { | |
| flex: 1 1 95%; | |
| max-width: 95%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="95"], | |
| [layout-xs="column"] > [flex-xs="95"] { | |
| flex: 1 1 95%; | |
| max-width: 100%; | |
| max-height: 95%; | |
| box-sizing: border-box; } | |
| [flex-xs="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="100"], | |
| [layout-xs="row"] > [flex-xs="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="100"], | |
| [layout-xs="column"] > [flex-xs="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="33"], [layout="row"] > [flex-xs="33"], [layout-xs="row"] > [flex-xs="33"], [layout-xs="row"] > [flex-xs="33"] { | |
| flex: 1 1 33%; | |
| max-width: calc(100% / 3); | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="34"], [layout="row"] > [flex-xs="34"], [layout-xs="row"] > [flex-xs="34"], [layout-xs="row"] > [flex-xs="34"] { | |
| flex: 1 1 34%; | |
| max-width: 34%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="66"], [layout="row"] > [flex-xs="66"], [layout-xs="row"] > [flex-xs="66"], [layout-xs="row"] > [flex-xs="66"] { | |
| flex: 1 1 66%; | |
| max-width: calc(200% / 3); | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xs="67"], [layout="row"] > [flex-xs="67"], [layout-xs="row"] > [flex-xs="67"], [layout-xs="row"] > [flex-xs="67"] { | |
| flex: 1 1 67%; | |
| max-width: 67%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="33"], [layout="column"] > [flex-xs="33"], [layout-xs="column"] > [flex-xs="33"], [layout-xs="column"] > [flex-xs="33"] { | |
| flex: 1 1 33%; | |
| max-width: 100%; | |
| max-height: calc(100% / 3); | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="34"], [layout="column"] > [flex-xs="34"], [layout-xs="column"] > [flex-xs="34"], [layout-xs="column"] > [flex-xs="34"] { | |
| flex: 1 1 34%; | |
| max-width: 100%; | |
| max-height: 34%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="66"], [layout="column"] > [flex-xs="66"], [layout-xs="column"] > [flex-xs="66"], [layout-xs="column"] > [flex-xs="66"] { | |
| flex: 1 1 66%; | |
| max-width: 100%; | |
| max-height: calc(200% / 3); | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xs="67"], [layout="column"] > [flex-xs="67"], [layout-xs="column"] > [flex-xs="67"], [layout-xs="column"] > [flex-xs="67"] { | |
| flex: 1 1 67%; | |
| max-width: 100%; | |
| max-height: 67%; | |
| box-sizing: border-box; } | |
| [layout-xs], [layout-xs="column"], [layout-xs="row"] { | |
| box-sizing: border-box; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -moz-box; | |
| display: -ms-flexbox; | |
| display: flex; } | |
| [layout-xs="column"] { | |
| flex-direction: column; } | |
| [layout-xs="row"] { | |
| flex-direction: row; } } | |
| @media (min-width: 600px) { | |
| [flex-order-gt-xs="-20"] { | |
| order: -20; } | |
| [flex-order-gt-xs="-19"] { | |
| order: -19; } | |
| [flex-order-gt-xs="-18"] { | |
| order: -18; } | |
| [flex-order-gt-xs="-17"] { | |
| order: -17; } | |
| [flex-order-gt-xs="-16"] { | |
| order: -16; } | |
| [flex-order-gt-xs="-15"] { | |
| order: -15; } | |
| [flex-order-gt-xs="-14"] { | |
| order: -14; } | |
| [flex-order-gt-xs="-13"] { | |
| order: -13; } | |
| [flex-order-gt-xs="-12"] { | |
| order: -12; } | |
| [flex-order-gt-xs="-11"] { | |
| order: -11; } | |
| [flex-order-gt-xs="-10"] { | |
| order: -10; } | |
| [flex-order-gt-xs="-9"] { | |
| order: -9; } | |
| [flex-order-gt-xs="-8"] { | |
| order: -8; } | |
| [flex-order-gt-xs="-7"] { | |
| order: -7; } | |
| [flex-order-gt-xs="-6"] { | |
| order: -6; } | |
| [flex-order-gt-xs="-5"] { | |
| order: -5; } | |
| [flex-order-gt-xs="-4"] { | |
| order: -4; } | |
| [flex-order-gt-xs="-3"] { | |
| order: -3; } | |
| [flex-order-gt-xs="-2"] { | |
| order: -2; } | |
| [flex-order-gt-xs="-1"] { | |
| order: -1; } | |
| [flex-order-gt-xs="0"] { | |
| order: 0; } | |
| [flex-order-gt-xs="1"] { | |
| order: 1; } | |
| [flex-order-gt-xs="2"] { | |
| order: 2; } | |
| [flex-order-gt-xs="3"] { | |
| order: 3; } | |
| [flex-order-gt-xs="4"] { | |
| order: 4; } | |
| [flex-order-gt-xs="5"] { | |
| order: 5; } | |
| [flex-order-gt-xs="6"] { | |
| order: 6; } | |
| [flex-order-gt-xs="7"] { | |
| order: 7; } | |
| [flex-order-gt-xs="8"] { | |
| order: 8; } | |
| [flex-order-gt-xs="9"] { | |
| order: 9; } | |
| [flex-order-gt-xs="10"] { | |
| order: 10; } | |
| [flex-order-gt-xs="11"] { | |
| order: 11; } | |
| [flex-order-gt-xs="12"] { | |
| order: 12; } | |
| [flex-order-gt-xs="13"] { | |
| order: 13; } | |
| [flex-order-gt-xs="14"] { | |
| order: 14; } | |
| [flex-order-gt-xs="15"] { | |
| order: 15; } | |
| [flex-order-gt-xs="16"] { | |
| order: 16; } | |
| [flex-order-gt-xs="17"] { | |
| order: 17; } | |
| [flex-order-gt-xs="18"] { | |
| order: 18; } | |
| [flex-order-gt-xs="19"] { | |
| order: 19; } | |
| [flex-order-gt-xs="20"] { | |
| order: 20; } | |
| [flex-offset-gt-xs="0"] { | |
| margin-left: 0%; } | |
| [flex-offset-gt-xs="5"] { | |
| margin-left: 5%; } | |
| [flex-offset-gt-xs="10"] { | |
| margin-left: 10%; } | |
| [flex-offset-gt-xs="15"] { | |
| margin-left: 15%; } | |
| [flex-offset-gt-xs="20"] { | |
| margin-left: 20%; } | |
| [flex-offset-gt-xs="25"] { | |
| margin-left: 25%; } | |
| [flex-offset-gt-xs="30"] { | |
| margin-left: 30%; } | |
| [flex-offset-gt-xs="35"] { | |
| margin-left: 35%; } | |
| [flex-offset-gt-xs="40"] { | |
| margin-left: 40%; } | |
| [flex-offset-gt-xs="45"] { | |
| margin-left: 45%; } | |
| [flex-offset-gt-xs="50"] { | |
| margin-left: 50%; } | |
| [flex-offset-gt-xs="55"] { | |
| margin-left: 55%; } | |
| [flex-offset-gt-xs="60"] { | |
| margin-left: 60%; } | |
| [flex-offset-gt-xs="65"] { | |
| margin-left: 65%; } | |
| [flex-offset-gt-xs="70"] { | |
| margin-left: 70%; } | |
| [flex-offset-gt-xs="75"] { | |
| margin-left: 75%; } | |
| [flex-offset-gt-xs="80"] { | |
| margin-left: 80%; } | |
| [flex-offset-gt-xs="85"] { | |
| margin-left: 85%; } | |
| [flex-offset-gt-xs="90"] { | |
| margin-left: 90%; } | |
| [flex-offset-gt-xs="95"] { | |
| margin-left: 95%; } | |
| [flex-offset-gt-xs="33"] { | |
| margin-left: calc(100% / 3); } | |
| [flex-offset-gt-xs="66"] { | |
| margin-left: calc(200% / 3); } | |
| [layout-align-gt-xs], | |
| [layout-align-gt-xs="start stretch"] { | |
| justify-content: flex-start; | |
| align-content: stretch; | |
| align-items: stretch; } | |
| [layout-align-gt-xs="start"], | |
| [layout-align-gt-xs="start start"], | |
| [layout-align-gt-xs="start center"], | |
| [layout-align-gt-xs="start end"], | |
| [layout-align-gt-xs="start stretch"] { | |
| justify-content: start; } | |
| [layout-align-gt-xs="center"], | |
| [layout-align-gt-xs="center start"], | |
| [layout-align-gt-xs="center center"], | |
| [layout-align-gt-xs="center end"], | |
| [layout-align-gt-xs="center stretch"] { | |
| justify-content: center; } | |
| [layout-align-gt-xs="end"], | |
| [layout-align-gt-xs="end center"], | |
| [layout-align-gt-xs="end start"], | |
| [layout-align-gt-xs="end end"], | |
| [layout-align-gt-xs="end stretch"] { | |
| justify-content: flex-end; } | |
| [layout-align-gt-xs="space-around"], | |
| [layout-align-gt-xs="space-around center"], | |
| [layout-align-gt-xs="space-around start"], | |
| [layout-align-gt-xs="space-around end"], | |
| [layout-align-gt-xs="space-around stretch"] { | |
| justify-content: space-around; } | |
| [layout-align-gt-xs="space-between"], | |
| [layout-align-gt-xs="space-between center"], | |
| [layout-align-gt-xs="space-between start"], | |
| [layout-align-gt-xs="space-between end"], | |
| [layout-align-gt-xs="space-between stretch"] { | |
| justify-content: space-between; } | |
| [layout-align-gt-xs="start start"], | |
| [layout-align-gt-xs="center start"], | |
| [layout-align-gt-xs="end start"], | |
| [layout-align-gt-xs="space-between start"], | |
| [layout-align-gt-xs="space-around start"] { | |
| align-items: flex-start; | |
| align-content: flex-start; } | |
| [layout-align-gt-xs="start center"], | |
| [layout-align-gt-xs="center center"], | |
| [layout-align-gt-xs="end center"], | |
| [layout-align-gt-xs="space-between center"], | |
| [layout-align-gt-xs="space-around center"] { | |
| align-items: center; | |
| align-content: center; | |
| max-width: 100%; } | |
| [layout-align-gt-xs="start center"] > *, | |
| [layout-align-gt-xs="center center"] > *, | |
| [layout-align-gt-xs="end center"] > *, | |
| [layout-align-gt-xs="space-between center"] > *, | |
| [layout-align-gt-xs="space-around center"] > * { | |
| max-width: 100%; | |
| box-sizing: border-box; } | |
| [layout-align-gt-xs="start end"], | |
| [layout-align-gt-xs="center end"], | |
| [layout-align-gt-xs="end end"], | |
| [layout-align-gt-xs="space-between end"], | |
| [layout-align-gt-xs="space-around end"] { | |
| align-items: flex-end; | |
| align-content: flex-end; } | |
| [layout-align-gt-xs="start stretch"], | |
| [layout-align-gt-xs="center stretch"], | |
| [layout-align-gt-xs="end stretch"], | |
| [layout-align-gt-xs="space-between stretch"], | |
| [layout-align-gt-xs="space-around stretch"] { | |
| align-items: stretch; | |
| align-content: stretch; } | |
| [flex-gt-xs] { | |
| flex: 1; | |
| box-sizing: border-box; } } | |
| @media screen\0 and (min-width: 600px) { | |
| [flex-gt-xs] { | |
| flex: 1 1 0%; } } | |
| @media (min-width: 600px) { | |
| [flex-gt-xs-grow] { | |
| flex: 1 1 100%; | |
| box-sizing: border-box; } | |
| [flex-gt-xs-initial] { | |
| flex: 0 1 auto; | |
| box-sizing: border-box; } | |
| [flex-gt-xs-auto] { | |
| flex: 1 1 auto; | |
| box-sizing: border-box; } | |
| [flex-gt-xs-none] { | |
| flex: 0 0 auto; | |
| box-sizing: border-box; } | |
| [flex-gt-xs-noshrink] { | |
| flex: 1 0 auto; | |
| box-sizing: border-box; } | |
| [flex-gt-xs-nogrow] { | |
| flex: 0 1 auto; | |
| box-sizing: border-box; } | |
| [flex-gt-xs="0"] { | |
| flex: 1 1 0%; | |
| max-width: 0%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="0"], | |
| [layout-gt-xs="row"] > [flex-gt-xs="0"] { | |
| flex: 1 1 0%; | |
| max-width: 0%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="0"], | |
| [layout-gt-xs="column"] > [flex-gt-xs="0"] { | |
| flex: 1 1 0%; | |
| max-width: 100%; | |
| max-height: 0%; | |
| box-sizing: border-box; } | |
| [flex-gt-xs="5"] { | |
| flex: 1 1 5%; | |
| max-width: 5%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="5"], | |
| [layout-gt-xs="row"] > [flex-gt-xs="5"] { | |
| flex: 1 1 5%; | |
| max-width: 5%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="5"], | |
| [layout-gt-xs="column"] > [flex-gt-xs="5"] { | |
| flex: 1 1 5%; | |
| max-width: 100%; | |
| max-height: 5%; | |
| box-sizing: border-box; } | |
| [flex-gt-xs="10"] { | |
| flex: 1 1 10%; | |
| max-width: 10%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="10"], | |
| [layout-gt-xs="row"] > [flex-gt-xs="10"] { | |
| flex: 1 1 10%; | |
| max-width: 10%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="10"], | |
| [layout-gt-xs="column"] > [flex-gt-xs="10"] { | |
| flex: 1 1 10%; | |
| max-width: 100%; | |
| max-height: 10%; | |
| box-sizing: border-box; } | |
| [flex-gt-xs="15"] { | |
| flex: 1 1 15%; | |
| max-width: 15%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="15"], | |
| [layout-gt-xs="row"] > [flex-gt-xs="15"] { | |
| flex: 1 1 15%; | |
| max-width: 15%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="15"], | |
| [layout-gt-xs="column"] > [flex-gt-xs="15"] { | |
| flex: 1 1 15%; | |
| max-width: 100%; | |
| max-height: 15%; | |
| box-sizing: border-box; } | |
| [flex-gt-xs="20"] { | |
| flex: 1 1 20%; | |
| max-width: 20%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="20"], | |
| [layout-gt-xs="row"] > [flex-gt-xs="20"] { | |
| flex: 1 1 20%; | |
| max-width: 20%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="20"], | |
| [layout-gt-xs="column"] > [flex-gt-xs="20"] { | |
| flex: 1 1 20%; | |
| max-width: 100%; | |
| max-height: 20%; | |
| box-sizing: border-box; } | |
| [flex-gt-xs="25"] { | |
| flex: 1 1 25%; | |
| max-width: 25%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="25"], | |
| [layout-gt-xs="row"] > [flex-gt-xs="25"] { | |
| flex: 1 1 25%; | |
| max-width: 25%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="25"], | |
| [layout-gt-xs="column"] > [flex-gt-xs="25"] { | |
| flex: 1 1 25%; | |
| max-width: 100%; | |
| max-height: 25%; | |
| box-sizing: border-box; } | |
| [flex-gt-xs="30"] { | |
| flex: 1 1 30%; | |
| max-width: 30%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="30"], | |
| [layout-gt-xs="row"] > [flex-gt-xs="30"] { | |
| flex: 1 1 30%; | |
| max-width: 30%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="30"], | |
| [layout-gt-xs="column"] > [flex-gt-xs="30"] { | |
| flex: 1 1 30%; | |
| max-width: 100%; | |
| max-height: 30%; | |
| box-sizing: border-box; } | |
| [flex-gt-xs="35"] { | |
| flex: 1 1 35%; | |
| max-width: 35%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="35"], | |
| [layout-gt-xs="row"] > [flex-gt-xs="35"] { | |
| flex: 1 1 35%; | |
| max-width: 35%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="35"], | |
| [layout-gt-xs="column"] > [flex-gt-xs="35"] { | |
| flex: 1 1 35%; | |
| max-width: 100%; | |
| max-height: 35%; | |
| box-sizing: border-box; } | |
| [flex-gt-xs="40"] { | |
| flex: 1 1 40%; | |
| max-width: 40%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="40"], | |
| [layout-gt-xs="row"] > [flex-gt-xs="40"] { | |
| flex: 1 1 40%; | |
| max-width: 40%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="40"], | |
| [layout-gt-xs="column"] > [flex-gt-xs="40"] { | |
| flex: 1 1 40%; | |
| max-width: 100%; | |
| max-height: 40%; | |
| box-sizing: border-box; } | |
| [flex-gt-xs="45"] { | |
| flex: 1 1 45%; | |
| max-width: 45%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="45"], | |
| [layout-gt-xs="row"] > [flex-gt-xs="45"] { | |
| flex: 1 1 45%; | |
| max-width: 45%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="45"], | |
| [layout-gt-xs="column"] > [flex-gt-xs="45"] { | |
| flex: 1 1 45%; | |
| max-width: 100%; | |
| max-height: 45%; | |
| box-sizing: border-box; } | |
| [flex-gt-xs="50"] { | |
| flex: 1 1 50%; | |
| max-width: 50%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="50"], | |
| [layout-gt-xs="row"] > [flex-gt-xs="50"] { | |
| flex: 1 1 50%; | |
| max-width: 50%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="50"], | |
| [layout-gt-xs="column"] > [flex-gt-xs="50"] { | |
| flex: 1 1 50%; | |
| max-width: 100%; | |
| max-height: 50%; | |
| box-sizing: border-box; } | |
| [flex-gt-xs="55"] { | |
| flex: 1 1 55%; | |
| max-width: 55%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="55"], | |
| [layout-gt-xs="row"] > [flex-gt-xs="55"] { | |
| flex: 1 1 55%; | |
| max-width: 55%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="55"], | |
| [layout-gt-xs="column"] > [flex-gt-xs="55"] { | |
| flex: 1 1 55%; | |
| max-width: 100%; | |
| max-height: 55%; | |
| box-sizing: border-box; } | |
| [flex-gt-xs="60"] { | |
| flex: 1 1 60%; | |
| max-width: 60%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="60"], | |
| [layout-gt-xs="row"] > [flex-gt-xs="60"] { | |
| flex: 1 1 60%; | |
| max-width: 60%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="60"], | |
| [layout-gt-xs="column"] > [flex-gt-xs="60"] { | |
| flex: 1 1 60%; | |
| max-width: 100%; | |
| max-height: 60%; | |
| box-sizing: border-box; } | |
| [flex-gt-xs="65"] { | |
| flex: 1 1 65%; | |
| max-width: 65%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="65"], | |
| [layout-gt-xs="row"] > [flex-gt-xs="65"] { | |
| flex: 1 1 65%; | |
| max-width: 65%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="65"], | |
| [layout-gt-xs="column"] > [flex-gt-xs="65"] { | |
| flex: 1 1 65%; | |
| max-width: 100%; | |
| max-height: 65%; | |
| box-sizing: border-box; } | |
| [flex-gt-xs="70"] { | |
| flex: 1 1 70%; | |
| max-width: 70%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="70"], | |
| [layout-gt-xs="row"] > [flex-gt-xs="70"] { | |
| flex: 1 1 70%; | |
| max-width: 70%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="70"], | |
| [layout-gt-xs="column"] > [flex-gt-xs="70"] { | |
| flex: 1 1 70%; | |
| max-width: 100%; | |
| max-height: 70%; | |
| box-sizing: border-box; } | |
| [flex-gt-xs="75"] { | |
| flex: 1 1 75%; | |
| max-width: 75%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="75"], | |
| [layout-gt-xs="row"] > [flex-gt-xs="75"] { | |
| flex: 1 1 75%; | |
| max-width: 75%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="75"], | |
| [layout-gt-xs="column"] > [flex-gt-xs="75"] { | |
| flex: 1 1 75%; | |
| max-width: 100%; | |
| max-height: 75%; | |
| box-sizing: border-box; } | |
| [flex-gt-xs="80"] { | |
| flex: 1 1 80%; | |
| max-width: 80%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="80"], | |
| [layout-gt-xs="row"] > [flex-gt-xs="80"] { | |
| flex: 1 1 80%; | |
| max-width: 80%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="80"], | |
| [layout-gt-xs="column"] > [flex-gt-xs="80"] { | |
| flex: 1 1 80%; | |
| max-width: 100%; | |
| max-height: 80%; | |
| box-sizing: border-box; } | |
| [flex-gt-xs="85"] { | |
| flex: 1 1 85%; | |
| max-width: 85%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="85"], | |
| [layout-gt-xs="row"] > [flex-gt-xs="85"] { | |
| flex: 1 1 85%; | |
| max-width: 85%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="85"], | |
| [layout-gt-xs="column"] > [flex-gt-xs="85"] { | |
| flex: 1 1 85%; | |
| max-width: 100%; | |
| max-height: 85%; | |
| box-sizing: border-box; } | |
| [flex-gt-xs="90"] { | |
| flex: 1 1 90%; | |
| max-width: 90%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="90"], | |
| [layout-gt-xs="row"] > [flex-gt-xs="90"] { | |
| flex: 1 1 90%; | |
| max-width: 90%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="90"], | |
| [layout-gt-xs="column"] > [flex-gt-xs="90"] { | |
| flex: 1 1 90%; | |
| max-width: 100%; | |
| max-height: 90%; | |
| box-sizing: border-box; } | |
| [flex-gt-xs="95"] { | |
| flex: 1 1 95%; | |
| max-width: 95%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="95"], | |
| [layout-gt-xs="row"] > [flex-gt-xs="95"] { | |
| flex: 1 1 95%; | |
| max-width: 95%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="95"], | |
| [layout-gt-xs="column"] > [flex-gt-xs="95"] { | |
| flex: 1 1 95%; | |
| max-width: 100%; | |
| max-height: 95%; | |
| box-sizing: border-box; } | |
| [flex-gt-xs="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="100"], | |
| [layout-gt-xs="row"] > [flex-gt-xs="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="100"], | |
| [layout-gt-xs="column"] > [flex-gt-xs="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="33"], [layout="row"] > [flex-gt-xs="33"], [layout-gt-xs="row"] > [flex-gt-xs="33"], [layout-gt-xs="row"] > [flex-gt-xs="33"] { | |
| flex: 1 1 33%; | |
| max-width: calc(100% / 3); | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="34"], [layout="row"] > [flex-gt-xs="34"], [layout-gt-xs="row"] > [flex-gt-xs="34"], [layout-gt-xs="row"] > [flex-gt-xs="34"] { | |
| flex: 1 1 34%; | |
| max-width: 34%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="66"], [layout="row"] > [flex-gt-xs="66"], [layout-gt-xs="row"] > [flex-gt-xs="66"], [layout-gt-xs="row"] > [flex-gt-xs="66"] { | |
| flex: 1 1 66%; | |
| max-width: calc(200% / 3); | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-xs="67"], [layout="row"] > [flex-gt-xs="67"], [layout-gt-xs="row"] > [flex-gt-xs="67"], [layout-gt-xs="row"] > [flex-gt-xs="67"] { | |
| flex: 1 1 67%; | |
| max-width: 67%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="33"], [layout="column"] > [flex-gt-xs="33"], [layout-gt-xs="column"] > [flex-gt-xs="33"], [layout-gt-xs="column"] > [flex-gt-xs="33"] { | |
| flex: 1 1 33%; | |
| max-width: 100%; | |
| max-height: calc(100% / 3); | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="34"], [layout="column"] > [flex-gt-xs="34"], [layout-gt-xs="column"] > [flex-gt-xs="34"], [layout-gt-xs="column"] > [flex-gt-xs="34"] { | |
| flex: 1 1 34%; | |
| max-width: 100%; | |
| max-height: 34%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="66"], [layout="column"] > [flex-gt-xs="66"], [layout-gt-xs="column"] > [flex-gt-xs="66"], [layout-gt-xs="column"] > [flex-gt-xs="66"] { | |
| flex: 1 1 66%; | |
| max-width: 100%; | |
| max-height: calc(200% / 3); | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-xs="67"], [layout="column"] > [flex-gt-xs="67"], [layout-gt-xs="column"] > [flex-gt-xs="67"], [layout-gt-xs="column"] > [flex-gt-xs="67"] { | |
| flex: 1 1 67%; | |
| max-width: 100%; | |
| max-height: 67%; | |
| box-sizing: border-box; } | |
| [layout-gt-xs], [layout-gt-xs="column"], [layout-gt-xs="row"] { | |
| box-sizing: border-box; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -moz-box; | |
| display: -ms-flexbox; | |
| display: flex; } | |
| [layout-gt-xs="column"] { | |
| flex-direction: column; } | |
| [layout-gt-xs="row"] { | |
| flex-direction: row; } } | |
| @media (min-width: 600px) and (max-width: 599px) { | |
| [hide-sm]: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-sm]):not([show]) { | |
| display: none; } | |
| [flex-order-sm="-20"] { | |
| order: -20; } | |
| [flex-order-sm="-19"] { | |
| order: -19; } | |
| [flex-order-sm="-18"] { | |
| order: -18; } | |
| [flex-order-sm="-17"] { | |
| order: -17; } | |
| [flex-order-sm="-16"] { | |
| order: -16; } | |
| [flex-order-sm="-15"] { | |
| order: -15; } | |
| [flex-order-sm="-14"] { | |
| order: -14; } | |
| [flex-order-sm="-13"] { | |
| order: -13; } | |
| [flex-order-sm="-12"] { | |
| order: -12; } | |
| [flex-order-sm="-11"] { | |
| order: -11; } | |
| [flex-order-sm="-10"] { | |
| order: -10; } | |
| [flex-order-sm="-9"] { | |
| order: -9; } | |
| [flex-order-sm="-8"] { | |
| order: -8; } | |
| [flex-order-sm="-7"] { | |
| order: -7; } | |
| [flex-order-sm="-6"] { | |
| order: -6; } | |
| [flex-order-sm="-5"] { | |
| order: -5; } | |
| [flex-order-sm="-4"] { | |
| order: -4; } | |
| [flex-order-sm="-3"] { | |
| order: -3; } | |
| [flex-order-sm="-2"] { | |
| order: -2; } | |
| [flex-order-sm="-1"] { | |
| order: -1; } | |
| [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: 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 (min-width: 600px) and (max-width: 599px) { | |
| [flex-sm] { | |
| flex: 1 1 0%; } } | |
| @media (min-width: 600px) and (max-width: 599px) { | |
| [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-noshrink] { | |
| flex: 1 0 auto; | |
| box-sizing: border-box; } | |
| [flex-sm-nogrow] { | |
| flex: 0 1 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%; | |
| max-width: calc(100% / 3); | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-sm="34"], [layout="row"] > [flex-sm="34"], [layout-sm="row"] > [flex-sm="34"], [layout-sm="row"] > [flex-sm="34"] { | |
| flex: 1 1 34%; | |
| max-width: 34%; | |
| 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%; | |
| max-width: calc(200% / 3); | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-sm="67"], [layout="row"] > [flex-sm="67"], [layout-sm="row"] > [flex-sm="67"], [layout-sm="row"] > [flex-sm="67"] { | |
| flex: 1 1 67%; | |
| max-width: 67%; | |
| 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%; | |
| max-width: 100%; | |
| max-height: calc(100% / 3); | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-sm="34"], [layout="column"] > [flex-sm="34"], [layout-sm="column"] > [flex-sm="34"], [layout-sm="column"] > [flex-sm="34"] { | |
| flex: 1 1 34%; | |
| max-width: 100%; | |
| max-height: 34%; | |
| 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%; | |
| max-width: 100%; | |
| max-height: calc(200% / 3); | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-sm="67"], [layout="column"] > [flex-sm="67"], [layout-sm="column"] > [flex-sm="67"], [layout-sm="column"] > [flex-sm="67"] { | |
| flex: 1 1 67%; | |
| max-width: 100%; | |
| max-height: 67%; | |
| box-sizing: border-box; } | |
| [layout-sm], [layout-sm="column"], [layout-sm="row"] { | |
| box-sizing: border-box; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -moz-box; | |
| display: -ms-flexbox; | |
| display: flex; } | |
| [layout-sm="column"] { | |
| flex-direction: column; } | |
| [layout-sm="row"] { | |
| flex-direction: row; } } | |
| @media (min-width: 600px) { | |
| [flex-order-gt-sm="-20"] { | |
| order: -20; } | |
| [flex-order-gt-sm="-19"] { | |
| order: -19; } | |
| [flex-order-gt-sm="-18"] { | |
| order: -18; } | |
| [flex-order-gt-sm="-17"] { | |
| order: -17; } | |
| [flex-order-gt-sm="-16"] { | |
| order: -16; } | |
| [flex-order-gt-sm="-15"] { | |
| order: -15; } | |
| [flex-order-gt-sm="-14"] { | |
| order: -14; } | |
| [flex-order-gt-sm="-13"] { | |
| order: -13; } | |
| [flex-order-gt-sm="-12"] { | |
| order: -12; } | |
| [flex-order-gt-sm="-11"] { | |
| order: -11; } | |
| [flex-order-gt-sm="-10"] { | |
| order: -10; } | |
| [flex-order-gt-sm="-9"] { | |
| order: -9; } | |
| [flex-order-gt-sm="-8"] { | |
| order: -8; } | |
| [flex-order-gt-sm="-7"] { | |
| order: -7; } | |
| [flex-order-gt-sm="-6"] { | |
| order: -6; } | |
| [flex-order-gt-sm="-5"] { | |
| order: -5; } | |
| [flex-order-gt-sm="-4"] { | |
| order: -4; } | |
| [flex-order-gt-sm="-3"] { | |
| order: -3; } | |
| [flex-order-gt-sm="-2"] { | |
| order: -2; } | |
| [flex-order-gt-sm="-1"] { | |
| order: -1; } | |
| [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: 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: 600px) { | |
| [flex-gt-sm] { | |
| flex: 1 1 0%; } } | |
| @media (min-width: 600px) { | |
| [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-noshrink] { | |
| flex: 1 0 auto; | |
| box-sizing: border-box; } | |
| [flex-gt-sm-nogrow] { | |
| flex: 0 1 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%; | |
| max-width: calc(100% / 3); | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-sm="34"], [layout="row"] > [flex-gt-sm="34"], [layout-gt-sm="row"] > [flex-gt-sm="34"], [layout-gt-sm="row"] > [flex-gt-sm="34"] { | |
| flex: 1 1 34%; | |
| max-width: 34%; | |
| 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%; | |
| max-width: calc(200% / 3); | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-sm="67"], [layout="row"] > [flex-gt-sm="67"], [layout-gt-sm="row"] > [flex-gt-sm="67"], [layout-gt-sm="row"] > [flex-gt-sm="67"] { | |
| flex: 1 1 67%; | |
| max-width: 67%; | |
| 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%; | |
| max-width: 100%; | |
| max-height: calc(100% / 3); | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-sm="34"], [layout="column"] > [flex-gt-sm="34"], [layout-gt-sm="column"] > [flex-gt-sm="34"], [layout-gt-sm="column"] > [flex-gt-sm="34"] { | |
| flex: 1 1 34%; | |
| max-width: 100%; | |
| max-height: 34%; | |
| 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%; | |
| max-width: 100%; | |
| max-height: calc(200% / 3); | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-sm="67"], [layout="column"] > [flex-gt-sm="67"], [layout-gt-sm="column"] > [flex-gt-sm="67"], [layout-gt-sm="column"] > [flex-gt-sm="67"] { | |
| flex: 1 1 67%; | |
| max-width: 100%; | |
| max-height: 67%; | |
| box-sizing: border-box; } | |
| [layout-gt-sm], [layout-gt-sm="column"], [layout-gt-sm="row"] { | |
| box-sizing: border-box; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -moz-box; | |
| display: -ms-flexbox; | |
| display: flex; } | |
| [layout-gt-sm="column"] { | |
| flex-direction: column; } | |
| [layout-gt-sm="row"] { | |
| flex-direction: row; } } | |
| @media (min-width: 600px) and (max-width: 959px) { | |
| [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="-20"] { | |
| order: -20; } | |
| [flex-order-md="-19"] { | |
| order: -19; } | |
| [flex-order-md="-18"] { | |
| order: -18; } | |
| [flex-order-md="-17"] { | |
| order: -17; } | |
| [flex-order-md="-16"] { | |
| order: -16; } | |
| [flex-order-md="-15"] { | |
| order: -15; } | |
| [flex-order-md="-14"] { | |
| order: -14; } | |
| [flex-order-md="-13"] { | |
| order: -13; } | |
| [flex-order-md="-12"] { | |
| order: -12; } | |
| [flex-order-md="-11"] { | |
| order: -11; } | |
| [flex-order-md="-10"] { | |
| order: -10; } | |
| [flex-order-md="-9"] { | |
| order: -9; } | |
| [flex-order-md="-8"] { | |
| order: -8; } | |
| [flex-order-md="-7"] { | |
| order: -7; } | |
| [flex-order-md="-6"] { | |
| order: -6; } | |
| [flex-order-md="-5"] { | |
| order: -5; } | |
| [flex-order-md="-4"] { | |
| order: -4; } | |
| [flex-order-md="-3"] { | |
| order: -3; } | |
| [flex-order-md="-2"] { | |
| order: -2; } | |
| [flex-order-md="-1"] { | |
| order: -1; } | |
| [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: 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: 600px) and (max-width: 959px) { | |
| [flex-md] { | |
| flex: 1 1 0%; } } | |
| @media (min-width: 600px) and (max-width: 959px) { | |
| [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-noshrink] { | |
| flex: 1 0 auto; | |
| box-sizing: border-box; } | |
| [flex-md-nogrow] { | |
| flex: 0 1 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%; | |
| max-width: calc(100% / 3); | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-md="34"], [layout="row"] > [flex-md="34"], [layout-md="row"] > [flex-md="34"], [layout-md="row"] > [flex-md="34"] { | |
| flex: 1 1 34%; | |
| max-width: 34%; | |
| 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%; | |
| max-width: calc(200% / 3); | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-md="67"], [layout="row"] > [flex-md="67"], [layout-md="row"] > [flex-md="67"], [layout-md="row"] > [flex-md="67"] { | |
| flex: 1 1 67%; | |
| max-width: 67%; | |
| 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%; | |
| max-width: 100%; | |
| max-height: calc(100% / 3); | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-md="34"], [layout="column"] > [flex-md="34"], [layout-md="column"] > [flex-md="34"], [layout-md="column"] > [flex-md="34"] { | |
| flex: 1 1 34%; | |
| max-width: 100%; | |
| max-height: 34%; | |
| 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%; | |
| max-width: 100%; | |
| max-height: calc(200% / 3); | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-md="67"], [layout="column"] > [flex-md="67"], [layout-md="column"] > [flex-md="67"], [layout-md="column"] > [flex-md="67"] { | |
| flex: 1 1 67%; | |
| max-width: 100%; | |
| max-height: 67%; | |
| box-sizing: border-box; } | |
| [layout-md], [layout-md="column"], [layout-md="row"] { | |
| box-sizing: border-box; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -moz-box; | |
| display: -ms-flexbox; | |
| display: flex; } | |
| [layout-md="column"] { | |
| flex-direction: column; } | |
| [layout-md="row"] { | |
| flex-direction: row; } } | |
| @media (min-width: 960px) { | |
| [flex-order-gt-md="-20"] { | |
| order: -20; } | |
| [flex-order-gt-md="-19"] { | |
| order: -19; } | |
| [flex-order-gt-md="-18"] { | |
| order: -18; } | |
| [flex-order-gt-md="-17"] { | |
| order: -17; } | |
| [flex-order-gt-md="-16"] { | |
| order: -16; } | |
| [flex-order-gt-md="-15"] { | |
| order: -15; } | |
| [flex-order-gt-md="-14"] { | |
| order: -14; } | |
| [flex-order-gt-md="-13"] { | |
| order: -13; } | |
| [flex-order-gt-md="-12"] { | |
| order: -12; } | |
| [flex-order-gt-md="-11"] { | |
| order: -11; } | |
| [flex-order-gt-md="-10"] { | |
| order: -10; } | |
| [flex-order-gt-md="-9"] { | |
| order: -9; } | |
| [flex-order-gt-md="-8"] { | |
| order: -8; } | |
| [flex-order-gt-md="-7"] { | |
| order: -7; } | |
| [flex-order-gt-md="-6"] { | |
| order: -6; } | |
| [flex-order-gt-md="-5"] { | |
| order: -5; } | |
| [flex-order-gt-md="-4"] { | |
| order: -4; } | |
| [flex-order-gt-md="-3"] { | |
| order: -3; } | |
| [flex-order-gt-md="-2"] { | |
| order: -2; } | |
| [flex-order-gt-md="-1"] { | |
| order: -1; } | |
| [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: 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: 960px) { | |
| [flex-gt-md] { | |
| flex: 1 1 0%; } } | |
| @media (min-width: 960px) { | |
| [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-noshrink] { | |
| flex: 1 0 auto; | |
| box-sizing: border-box; } | |
| [flex-gt-md-nogrow] { | |
| flex: 0 1 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%; | |
| max-width: calc(100% / 3); | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-md="34"], [layout="row"] > [flex-gt-md="34"], [layout-gt-md="row"] > [flex-gt-md="34"], [layout-gt-md="row"] > [flex-gt-md="34"] { | |
| flex: 1 1 34%; | |
| max-width: 34%; | |
| 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%; | |
| max-width: calc(200% / 3); | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-md="67"], [layout="row"] > [flex-gt-md="67"], [layout-gt-md="row"] > [flex-gt-md="67"], [layout-gt-md="row"] > [flex-gt-md="67"] { | |
| flex: 1 1 67%; | |
| max-width: 67%; | |
| 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%; | |
| max-width: 100%; | |
| max-height: calc(100% / 3); | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-md="34"], [layout="column"] > [flex-gt-md="34"], [layout-gt-md="column"] > [flex-gt-md="34"], [layout-gt-md="column"] > [flex-gt-md="34"] { | |
| flex: 1 1 34%; | |
| max-width: 100%; | |
| max-height: 34%; | |
| 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%; | |
| max-width: 100%; | |
| max-height: calc(200% / 3); | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-md="67"], [layout="column"] > [flex-gt-md="67"], [layout-gt-md="column"] > [flex-gt-md="67"], [layout-gt-md="column"] > [flex-gt-md="67"] { | |
| flex: 1 1 67%; | |
| max-width: 100%; | |
| max-height: 67%; | |
| box-sizing: border-box; } | |
| [layout-gt-md], [layout-gt-md="column"], [layout-gt-md="row"] { | |
| box-sizing: border-box; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -moz-box; | |
| display: -ms-flexbox; | |
| display: flex; } | |
| [layout-gt-md="column"] { | |
| flex-direction: column; } | |
| [layout-gt-md="row"] { | |
| flex-direction: row; } } | |
| @media (min-width: 960px) and (max-width: 1279px) { | |
| [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="-20"] { | |
| order: -20; } | |
| [flex-order-lg="-19"] { | |
| order: -19; } | |
| [flex-order-lg="-18"] { | |
| order: -18; } | |
| [flex-order-lg="-17"] { | |
| order: -17; } | |
| [flex-order-lg="-16"] { | |
| order: -16; } | |
| [flex-order-lg="-15"] { | |
| order: -15; } | |
| [flex-order-lg="-14"] { | |
| order: -14; } | |
| [flex-order-lg="-13"] { | |
| order: -13; } | |
| [flex-order-lg="-12"] { | |
| order: -12; } | |
| [flex-order-lg="-11"] { | |
| order: -11; } | |
| [flex-order-lg="-10"] { | |
| order: -10; } | |
| [flex-order-lg="-9"] { | |
| order: -9; } | |
| [flex-order-lg="-8"] { | |
| order: -8; } | |
| [flex-order-lg="-7"] { | |
| order: -7; } | |
| [flex-order-lg="-6"] { | |
| order: -6; } | |
| [flex-order-lg="-5"] { | |
| order: -5; } | |
| [flex-order-lg="-4"] { | |
| order: -4; } | |
| [flex-order-lg="-3"] { | |
| order: -3; } | |
| [flex-order-lg="-2"] { | |
| order: -2; } | |
| [flex-order-lg="-1"] { | |
| order: -1; } | |
| [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: 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: 960px) and (max-width: 1279px) { | |
| [flex-lg] { | |
| flex: 1 1 0%; } } | |
| @media (min-width: 960px) and (max-width: 1279px) { | |
| [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-noshrink] { | |
| flex: 1 0 auto; | |
| box-sizing: border-box; } | |
| [flex-lg-nogrow] { | |
| flex: 0 1 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%; | |
| max-width: calc(100% / 3); | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-lg="34"], [layout="row"] > [flex-lg="34"], [layout-lg="row"] > [flex-lg="34"], [layout-lg="row"] > [flex-lg="34"] { | |
| flex: 1 1 34%; | |
| max-width: 34%; | |
| 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%; | |
| max-width: calc(200% / 3); | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-lg="67"], [layout="row"] > [flex-lg="67"], [layout-lg="row"] > [flex-lg="67"], [layout-lg="row"] > [flex-lg="67"] { | |
| flex: 1 1 67%; | |
| max-width: 67%; | |
| 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%; | |
| max-width: 100%; | |
| max-height: calc(100% / 3); | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-lg="34"], [layout="column"] > [flex-lg="34"], [layout-lg="column"] > [flex-lg="34"], [layout-lg="column"] > [flex-lg="34"] { | |
| flex: 1 1 34%; | |
| max-width: 100%; | |
| max-height: 34%; | |
| 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%; | |
| max-width: 100%; | |
| max-height: calc(200% / 3); | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-lg="67"], [layout="column"] > [flex-lg="67"], [layout-lg="column"] > [flex-lg="67"], [layout-lg="column"] > [flex-lg="67"] { | |
| flex: 1 1 67%; | |
| max-width: 100%; | |
| max-height: 67%; | |
| box-sizing: border-box; } | |
| [layout-lg], [layout-lg="column"], [layout-lg="row"] { | |
| box-sizing: border-box; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -moz-box; | |
| display: -ms-flexbox; | |
| display: flex; } | |
| [layout-lg="column"] { | |
| flex-direction: column; } | |
| [layout-lg="row"] { | |
| flex-direction: row; } } | |
| @media (min-width: 1280px) { | |
| [flex-order-gt-lg="-20"] { | |
| order: -20; } | |
| [flex-order-gt-lg="-19"] { | |
| order: -19; } | |
| [flex-order-gt-lg="-18"] { | |
| order: -18; } | |
| [flex-order-gt-lg="-17"] { | |
| order: -17; } | |
| [flex-order-gt-lg="-16"] { | |
| order: -16; } | |
| [flex-order-gt-lg="-15"] { | |
| order: -15; } | |
| [flex-order-gt-lg="-14"] { | |
| order: -14; } | |
| [flex-order-gt-lg="-13"] { | |
| order: -13; } | |
| [flex-order-gt-lg="-12"] { | |
| order: -12; } | |
| [flex-order-gt-lg="-11"] { | |
| order: -11; } | |
| [flex-order-gt-lg="-10"] { | |
| order: -10; } | |
| [flex-order-gt-lg="-9"] { | |
| order: -9; } | |
| [flex-order-gt-lg="-8"] { | |
| order: -8; } | |
| [flex-order-gt-lg="-7"] { | |
| order: -7; } | |
| [flex-order-gt-lg="-6"] { | |
| order: -6; } | |
| [flex-order-gt-lg="-5"] { | |
| order: -5; } | |
| [flex-order-gt-lg="-4"] { | |
| order: -4; } | |
| [flex-order-gt-lg="-3"] { | |
| order: -3; } | |
| [flex-order-gt-lg="-2"] { | |
| order: -2; } | |
| [flex-order-gt-lg="-1"] { | |
| order: -1; } | |
| [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: 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: 1280px) { | |
| [flex-gt-lg] { | |
| flex: 1 1 0%; } } | |
| @media (min-width: 1280px) { | |
| [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-noshrink] { | |
| flex: 1 0 auto; | |
| box-sizing: border-box; } | |
| [flex-gt-lg-nogrow] { | |
| flex: 0 1 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%; | |
| max-width: calc(100% / 3); | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-lg="34"], [layout="row"] > [flex-gt-lg="34"], [layout-gt-lg="row"] > [flex-gt-lg="34"], [layout-gt-lg="row"] > [flex-gt-lg="34"] { | |
| flex: 1 1 34%; | |
| max-width: 34%; | |
| 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%; | |
| max-width: calc(200% / 3); | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-gt-lg="67"], [layout="row"] > [flex-gt-lg="67"], [layout-gt-lg="row"] > [flex-gt-lg="67"], [layout-gt-lg="row"] > [flex-gt-lg="67"] { | |
| flex: 1 1 67%; | |
| max-width: 67%; | |
| 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%; | |
| max-width: 100%; | |
| max-height: calc(100% / 3); | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-lg="34"], [layout="column"] > [flex-gt-lg="34"], [layout-gt-lg="column"] > [flex-gt-lg="34"], [layout-gt-lg="column"] > [flex-gt-lg="34"] { | |
| flex: 1 1 34%; | |
| max-width: 100%; | |
| max-height: 34%; | |
| 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%; | |
| max-width: 100%; | |
| max-height: calc(200% / 3); | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-gt-lg="67"], [layout="column"] > [flex-gt-lg="67"], [layout-gt-lg="column"] > [flex-gt-lg="67"], [layout-gt-lg="column"] > [flex-gt-lg="67"] { | |
| flex: 1 1 67%; | |
| max-width: 100%; | |
| max-height: 67%; | |
| box-sizing: border-box; } | |
| [layout-gt-lg], [layout-gt-lg="column"], [layout-gt-lg="row"] { | |
| box-sizing: border-box; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -moz-box; | |
| display: -ms-flexbox; | |
| display: flex; } | |
| [layout-gt-lg="column"] { | |
| flex-direction: column; } | |
| [layout-gt-lg="row"] { | |
| flex-direction: row; } | |
| [flex-order-xl="-20"] { | |
| order: -20; } | |
| [flex-order-xl="-19"] { | |
| order: -19; } | |
| [flex-order-xl="-18"] { | |
| order: -18; } | |
| [flex-order-xl="-17"] { | |
| order: -17; } | |
| [flex-order-xl="-16"] { | |
| order: -16; } | |
| [flex-order-xl="-15"] { | |
| order: -15; } | |
| [flex-order-xl="-14"] { | |
| order: -14; } | |
| [flex-order-xl="-13"] { | |
| order: -13; } | |
| [flex-order-xl="-12"] { | |
| order: -12; } | |
| [flex-order-xl="-11"] { | |
| order: -11; } | |
| [flex-order-xl="-10"] { | |
| order: -10; } | |
| [flex-order-xl="-9"] { | |
| order: -9; } | |
| [flex-order-xl="-8"] { | |
| order: -8; } | |
| [flex-order-xl="-7"] { | |
| order: -7; } | |
| [flex-order-xl="-6"] { | |
| order: -6; } | |
| [flex-order-xl="-5"] { | |
| order: -5; } | |
| [flex-order-xl="-4"] { | |
| order: -4; } | |
| [flex-order-xl="-3"] { | |
| order: -3; } | |
| [flex-order-xl="-2"] { | |
| order: -2; } | |
| [flex-order-xl="-1"] { | |
| order: -1; } | |
| [flex-order-xl="0"] { | |
| order: 0; } | |
| [flex-order-xl="1"] { | |
| order: 1; } | |
| [flex-order-xl="2"] { | |
| order: 2; } | |
| [flex-order-xl="3"] { | |
| order: 3; } | |
| [flex-order-xl="4"] { | |
| order: 4; } | |
| [flex-order-xl="5"] { | |
| order: 5; } | |
| [flex-order-xl="6"] { | |
| order: 6; } | |
| [flex-order-xl="7"] { | |
| order: 7; } | |
| [flex-order-xl="8"] { | |
| order: 8; } | |
| [flex-order-xl="9"] { | |
| order: 9; } | |
| [flex-order-xl="10"] { | |
| order: 10; } | |
| [flex-order-xl="11"] { | |
| order: 11; } | |
| [flex-order-xl="12"] { | |
| order: 12; } | |
| [flex-order-xl="13"] { | |
| order: 13; } | |
| [flex-order-xl="14"] { | |
| order: 14; } | |
| [flex-order-xl="15"] { | |
| order: 15; } | |
| [flex-order-xl="16"] { | |
| order: 16; } | |
| [flex-order-xl="17"] { | |
| order: 17; } | |
| [flex-order-xl="18"] { | |
| order: 18; } | |
| [flex-order-xl="19"] { | |
| order: 19; } | |
| [flex-order-xl="20"] { | |
| order: 20; } | |
| [flex-offset-xl="0"] { | |
| margin-left: 0%; } | |
| [flex-offset-xl="5"] { | |
| margin-left: 5%; } | |
| [flex-offset-xl="10"] { | |
| margin-left: 10%; } | |
| [flex-offset-xl="15"] { | |
| margin-left: 15%; } | |
| [flex-offset-xl="20"] { | |
| margin-left: 20%; } | |
| [flex-offset-xl="25"] { | |
| margin-left: 25%; } | |
| [flex-offset-xl="30"] { | |
| margin-left: 30%; } | |
| [flex-offset-xl="35"] { | |
| margin-left: 35%; } | |
| [flex-offset-xl="40"] { | |
| margin-left: 40%; } | |
| [flex-offset-xl="45"] { | |
| margin-left: 45%; } | |
| [flex-offset-xl="50"] { | |
| margin-left: 50%; } | |
| [flex-offset-xl="55"] { | |
| margin-left: 55%; } | |
| [flex-offset-xl="60"] { | |
| margin-left: 60%; } | |
| [flex-offset-xl="65"] { | |
| margin-left: 65%; } | |
| [flex-offset-xl="70"] { | |
| margin-left: 70%; } | |
| [flex-offset-xl="75"] { | |
| margin-left: 75%; } | |
| [flex-offset-xl="80"] { | |
| margin-left: 80%; } | |
| [flex-offset-xl="85"] { | |
| margin-left: 85%; } | |
| [flex-offset-xl="90"] { | |
| margin-left: 90%; } | |
| [flex-offset-xl="95"] { | |
| margin-left: 95%; } | |
| [flex-offset-xl="33"] { | |
| margin-left: calc(100% / 3); } | |
| [flex-offset-xl="66"] { | |
| margin-left: calc(200% / 3); } | |
| [layout-align-xl], | |
| [layout-align-xl="start stretch"] { | |
| justify-content: flex-start; | |
| align-content: stretch; | |
| align-items: stretch; } | |
| [layout-align-xl="start"], | |
| [layout-align-xl="start start"], | |
| [layout-align-xl="start center"], | |
| [layout-align-xl="start end"], | |
| [layout-align-xl="start stretch"] { | |
| justify-content: start; } | |
| [layout-align-xl="center"], | |
| [layout-align-xl="center start"], | |
| [layout-align-xl="center center"], | |
| [layout-align-xl="center end"], | |
| [layout-align-xl="center stretch"] { | |
| justify-content: center; } | |
| [layout-align-xl="end"], | |
| [layout-align-xl="end center"], | |
| [layout-align-xl="end start"], | |
| [layout-align-xl="end end"], | |
| [layout-align-xl="end stretch"] { | |
| justify-content: flex-end; } | |
| [layout-align-xl="space-around"], | |
| [layout-align-xl="space-around center"], | |
| [layout-align-xl="space-around start"], | |
| [layout-align-xl="space-around end"], | |
| [layout-align-xl="space-around stretch"] { | |
| justify-content: space-around; } | |
| [layout-align-xl="space-between"], | |
| [layout-align-xl="space-between center"], | |
| [layout-align-xl="space-between start"], | |
| [layout-align-xl="space-between end"], | |
| [layout-align-xl="space-between stretch"] { | |
| justify-content: space-between; } | |
| [layout-align-xl="start start"], | |
| [layout-align-xl="center start"], | |
| [layout-align-xl="end start"], | |
| [layout-align-xl="space-between start"], | |
| [layout-align-xl="space-around start"] { | |
| align-items: flex-start; | |
| align-content: flex-start; } | |
| [layout-align-xl="start center"], | |
| [layout-align-xl="center center"], | |
| [layout-align-xl="end center"], | |
| [layout-align-xl="space-between center"], | |
| [layout-align-xl="space-around center"] { | |
| align-items: center; | |
| align-content: center; | |
| max-width: 100%; } | |
| [layout-align-xl="start center"] > *, | |
| [layout-align-xl="center center"] > *, | |
| [layout-align-xl="end center"] > *, | |
| [layout-align-xl="space-between center"] > *, | |
| [layout-align-xl="space-around center"] > * { | |
| max-width: 100%; | |
| box-sizing: border-box; } | |
| [layout-align-xl="start end"], | |
| [layout-align-xl="center end"], | |
| [layout-align-xl="end end"], | |
| [layout-align-xl="space-between end"], | |
| [layout-align-xl="space-around end"] { | |
| align-items: flex-end; | |
| align-content: flex-end; } | |
| [layout-align-xl="start stretch"], | |
| [layout-align-xl="center stretch"], | |
| [layout-align-xl="end stretch"], | |
| [layout-align-xl="space-between stretch"], | |
| [layout-align-xl="space-around stretch"] { | |
| align-items: stretch; | |
| align-content: stretch; } | |
| [flex-xl] { | |
| flex: 1; | |
| box-sizing: border-box; } } | |
| @media screen\0 and (min-width: 1280px) { | |
| [flex-xl] { | |
| flex: 1 1 0%; } } | |
| @media (min-width: 1280px) { | |
| [flex-xl-grow] { | |
| flex: 1 1 100%; | |
| box-sizing: border-box; } | |
| [flex-xl-initial] { | |
| flex: 0 1 auto; | |
| box-sizing: border-box; } | |
| [flex-xl-auto] { | |
| flex: 1 1 auto; | |
| box-sizing: border-box; } | |
| [flex-xl-none] { | |
| flex: 0 0 auto; | |
| box-sizing: border-box; } | |
| [flex-xl-noshrink] { | |
| flex: 1 0 auto; | |
| box-sizing: border-box; } | |
| [flex-xl-nogrow] { | |
| flex: 0 1 auto; | |
| box-sizing: border-box; } | |
| [flex-xl="0"] { | |
| flex: 1 1 0%; | |
| max-width: 0%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="0"], | |
| [layout-xl="row"] > [flex-xl="0"] { | |
| flex: 1 1 0%; | |
| max-width: 0%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="0"], | |
| [layout-xl="column"] > [flex-xl="0"] { | |
| flex: 1 1 0%; | |
| max-width: 100%; | |
| max-height: 0%; | |
| box-sizing: border-box; } | |
| [flex-xl="5"] { | |
| flex: 1 1 5%; | |
| max-width: 5%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="5"], | |
| [layout-xl="row"] > [flex-xl="5"] { | |
| flex: 1 1 5%; | |
| max-width: 5%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="5"], | |
| [layout-xl="column"] > [flex-xl="5"] { | |
| flex: 1 1 5%; | |
| max-width: 100%; | |
| max-height: 5%; | |
| box-sizing: border-box; } | |
| [flex-xl="10"] { | |
| flex: 1 1 10%; | |
| max-width: 10%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="10"], | |
| [layout-xl="row"] > [flex-xl="10"] { | |
| flex: 1 1 10%; | |
| max-width: 10%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="10"], | |
| [layout-xl="column"] > [flex-xl="10"] { | |
| flex: 1 1 10%; | |
| max-width: 100%; | |
| max-height: 10%; | |
| box-sizing: border-box; } | |
| [flex-xl="15"] { | |
| flex: 1 1 15%; | |
| max-width: 15%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="15"], | |
| [layout-xl="row"] > [flex-xl="15"] { | |
| flex: 1 1 15%; | |
| max-width: 15%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="15"], | |
| [layout-xl="column"] > [flex-xl="15"] { | |
| flex: 1 1 15%; | |
| max-width: 100%; | |
| max-height: 15%; | |
| box-sizing: border-box; } | |
| [flex-xl="20"] { | |
| flex: 1 1 20%; | |
| max-width: 20%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="20"], | |
| [layout-xl="row"] > [flex-xl="20"] { | |
| flex: 1 1 20%; | |
| max-width: 20%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="20"], | |
| [layout-xl="column"] > [flex-xl="20"] { | |
| flex: 1 1 20%; | |
| max-width: 100%; | |
| max-height: 20%; | |
| box-sizing: border-box; } | |
| [flex-xl="25"] { | |
| flex: 1 1 25%; | |
| max-width: 25%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="25"], | |
| [layout-xl="row"] > [flex-xl="25"] { | |
| flex: 1 1 25%; | |
| max-width: 25%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="25"], | |
| [layout-xl="column"] > [flex-xl="25"] { | |
| flex: 1 1 25%; | |
| max-width: 100%; | |
| max-height: 25%; | |
| box-sizing: border-box; } | |
| [flex-xl="30"] { | |
| flex: 1 1 30%; | |
| max-width: 30%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="30"], | |
| [layout-xl="row"] > [flex-xl="30"] { | |
| flex: 1 1 30%; | |
| max-width: 30%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="30"], | |
| [layout-xl="column"] > [flex-xl="30"] { | |
| flex: 1 1 30%; | |
| max-width: 100%; | |
| max-height: 30%; | |
| box-sizing: border-box; } | |
| [flex-xl="35"] { | |
| flex: 1 1 35%; | |
| max-width: 35%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="35"], | |
| [layout-xl="row"] > [flex-xl="35"] { | |
| flex: 1 1 35%; | |
| max-width: 35%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="35"], | |
| [layout-xl="column"] > [flex-xl="35"] { | |
| flex: 1 1 35%; | |
| max-width: 100%; | |
| max-height: 35%; | |
| box-sizing: border-box; } | |
| [flex-xl="40"] { | |
| flex: 1 1 40%; | |
| max-width: 40%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="40"], | |
| [layout-xl="row"] > [flex-xl="40"] { | |
| flex: 1 1 40%; | |
| max-width: 40%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="40"], | |
| [layout-xl="column"] > [flex-xl="40"] { | |
| flex: 1 1 40%; | |
| max-width: 100%; | |
| max-height: 40%; | |
| box-sizing: border-box; } | |
| [flex-xl="45"] { | |
| flex: 1 1 45%; | |
| max-width: 45%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="45"], | |
| [layout-xl="row"] > [flex-xl="45"] { | |
| flex: 1 1 45%; | |
| max-width: 45%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="45"], | |
| [layout-xl="column"] > [flex-xl="45"] { | |
| flex: 1 1 45%; | |
| max-width: 100%; | |
| max-height: 45%; | |
| box-sizing: border-box; } | |
| [flex-xl="50"] { | |
| flex: 1 1 50%; | |
| max-width: 50%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="50"], | |
| [layout-xl="row"] > [flex-xl="50"] { | |
| flex: 1 1 50%; | |
| max-width: 50%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="50"], | |
| [layout-xl="column"] > [flex-xl="50"] { | |
| flex: 1 1 50%; | |
| max-width: 100%; | |
| max-height: 50%; | |
| box-sizing: border-box; } | |
| [flex-xl="55"] { | |
| flex: 1 1 55%; | |
| max-width: 55%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="55"], | |
| [layout-xl="row"] > [flex-xl="55"] { | |
| flex: 1 1 55%; | |
| max-width: 55%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="55"], | |
| [layout-xl="column"] > [flex-xl="55"] { | |
| flex: 1 1 55%; | |
| max-width: 100%; | |
| max-height: 55%; | |
| box-sizing: border-box; } | |
| [flex-xl="60"] { | |
| flex: 1 1 60%; | |
| max-width: 60%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="60"], | |
| [layout-xl="row"] > [flex-xl="60"] { | |
| flex: 1 1 60%; | |
| max-width: 60%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="60"], | |
| [layout-xl="column"] > [flex-xl="60"] { | |
| flex: 1 1 60%; | |
| max-width: 100%; | |
| max-height: 60%; | |
| box-sizing: border-box; } | |
| [flex-xl="65"] { | |
| flex: 1 1 65%; | |
| max-width: 65%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="65"], | |
| [layout-xl="row"] > [flex-xl="65"] { | |
| flex: 1 1 65%; | |
| max-width: 65%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="65"], | |
| [layout-xl="column"] > [flex-xl="65"] { | |
| flex: 1 1 65%; | |
| max-width: 100%; | |
| max-height: 65%; | |
| box-sizing: border-box; } | |
| [flex-xl="70"] { | |
| flex: 1 1 70%; | |
| max-width: 70%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="70"], | |
| [layout-xl="row"] > [flex-xl="70"] { | |
| flex: 1 1 70%; | |
| max-width: 70%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="70"], | |
| [layout-xl="column"] > [flex-xl="70"] { | |
| flex: 1 1 70%; | |
| max-width: 100%; | |
| max-height: 70%; | |
| box-sizing: border-box; } | |
| [flex-xl="75"] { | |
| flex: 1 1 75%; | |
| max-width: 75%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="75"], | |
| [layout-xl="row"] > [flex-xl="75"] { | |
| flex: 1 1 75%; | |
| max-width: 75%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="75"], | |
| [layout-xl="column"] > [flex-xl="75"] { | |
| flex: 1 1 75%; | |
| max-width: 100%; | |
| max-height: 75%; | |
| box-sizing: border-box; } | |
| [flex-xl="80"] { | |
| flex: 1 1 80%; | |
| max-width: 80%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="80"], | |
| [layout-xl="row"] > [flex-xl="80"] { | |
| flex: 1 1 80%; | |
| max-width: 80%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="80"], | |
| [layout-xl="column"] > [flex-xl="80"] { | |
| flex: 1 1 80%; | |
| max-width: 100%; | |
| max-height: 80%; | |
| box-sizing: border-box; } | |
| [flex-xl="85"] { | |
| flex: 1 1 85%; | |
| max-width: 85%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="85"], | |
| [layout-xl="row"] > [flex-xl="85"] { | |
| flex: 1 1 85%; | |
| max-width: 85%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="85"], | |
| [layout-xl="column"] > [flex-xl="85"] { | |
| flex: 1 1 85%; | |
| max-width: 100%; | |
| max-height: 85%; | |
| box-sizing: border-box; } | |
| [flex-xl="90"] { | |
| flex: 1 1 90%; | |
| max-width: 90%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="90"], | |
| [layout-xl="row"] > [flex-xl="90"] { | |
| flex: 1 1 90%; | |
| max-width: 90%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="90"], | |
| [layout-xl="column"] > [flex-xl="90"] { | |
| flex: 1 1 90%; | |
| max-width: 100%; | |
| max-height: 90%; | |
| box-sizing: border-box; } | |
| [flex-xl="95"] { | |
| flex: 1 1 95%; | |
| max-width: 95%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="95"], | |
| [layout-xl="row"] > [flex-xl="95"] { | |
| flex: 1 1 95%; | |
| max-width: 95%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="95"], | |
| [layout-xl="column"] > [flex-xl="95"] { | |
| flex: 1 1 95%; | |
| max-width: 100%; | |
| max-height: 95%; | |
| box-sizing: border-box; } | |
| [flex-xl="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="100"], | |
| [layout-xl="row"] > [flex-xl="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="100"], | |
| [layout-xl="column"] > [flex-xl="100"] { | |
| flex: 1 1 100%; | |
| max-width: 100%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="33"], [layout="row"] > [flex-xl="33"], [layout-xl="row"] > [flex-xl="33"], [layout-xl="row"] > [flex-xl="33"] { | |
| flex: 1 1 33%; | |
| max-width: calc(100% / 3); | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="34"], [layout="row"] > [flex-xl="34"], [layout-xl="row"] > [flex-xl="34"], [layout-xl="row"] > [flex-xl="34"] { | |
| flex: 1 1 34%; | |
| max-width: 34%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="66"], [layout="row"] > [flex-xl="66"], [layout-xl="row"] > [flex-xl="66"], [layout-xl="row"] > [flex-xl="66"] { | |
| flex: 1 1 66%; | |
| max-width: calc(200% / 3); | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="row"] > [flex-xl="67"], [layout="row"] > [flex-xl="67"], [layout-xl="row"] > [flex-xl="67"], [layout-xl="row"] > [flex-xl="67"] { | |
| flex: 1 1 67%; | |
| max-width: 67%; | |
| max-height: 100%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="33"], [layout="column"] > [flex-xl="33"], [layout-xl="column"] > [flex-xl="33"], [layout-xl="column"] > [flex-xl="33"] { | |
| flex: 1 1 33%; | |
| max-width: 100%; | |
| max-height: calc(100% / 3); | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="34"], [layout="column"] > [flex-xl="34"], [layout-xl="column"] > [flex-xl="34"], [layout-xl="column"] > [flex-xl="34"] { | |
| flex: 1 1 34%; | |
| max-width: 100%; | |
| max-height: 34%; | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="66"], [layout="column"] > [flex-xl="66"], [layout-xl="column"] > [flex-xl="66"], [layout-xl="column"] > [flex-xl="66"] { | |
| flex: 1 1 66%; | |
| max-width: 100%; | |
| max-height: calc(200% / 3); | |
| box-sizing: border-box; } | |
| [layout="column"] > [flex-xl="67"], [layout="column"] > [flex-xl="67"], [layout-xl="column"] > [flex-xl="67"], [layout-xl="column"] > [flex-xl="67"] { | |
| flex: 1 1 67%; | |
| max-width: 100%; | |
| max-height: 67%; | |
| box-sizing: border-box; } | |
| [layout-xl], [layout-xl="column"], [layout-xl="row"] { | |
| box-sizing: border-box; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| display: -moz-box; | |
| display: -ms-flexbox; | |
| display: flex; } | |
| [layout-xl="column"] { | |
| flex-direction: column; } | |
| [layout-xl="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; } } | |
| [flex="none"] { | |
| flex: none; } | |
| md-list md-list-item [md-list-avatar], | |
| md-list a[md-list-item] [md-list-avatar], | |
| md-nav-list md-list-item [md-list-avatar], | |
| md-nav-list a[md-list-item] [md-list-avatar] { | |
| min-width: 40px; } | |
| html, body { | |
| height: 100%; | |
| color: rgba(0, 0, 0, 0.87); | |
| background: white; | |
| position: relative; } | |
| body { | |
| margin: 0; | |
| padding: 0; } | |
| [tabindex='-1']:focus { | |
| outline: none; } | |
| .inset { | |
| padding: 10px; } | |
| button.md-no-style { | |
| font-weight: normal; | |
| background-color: inherit; | |
| text-align: left; | |
| border: none; | |
| padding: 0; | |
| margin: 0; } | |
| html[dir=rtl] button.md-no-style { | |
| text-align: right; | |
| unicode-bidi: embed; } | |
| body[dir=rtl] button.md-no-style { | |
| text-align: right; | |
| unicode-bidi: embed; } | |
| [dir=rtl] button.md-no-style { | |
| text-align: right; | |
| unicode-bidi: embed; } | |
| button.md-no-style bdo[dir=rtl] { | |
| direction: rtl; | |
| unicode-bidi: bidi-override; } | |
| button.md-no-style bdo[dir=ltr] { | |
| direction: ltr; | |
| unicode-bidi: bidi-override; } | |
| select, | |
| button, | |
| textarea, | |
| input { | |
| vertical-align: baseline; } | |
| input[type="reset"], | |
| input[type="submit"], | |
| html input[type="button"], | |
| button { | |
| cursor: pointer; | |
| -webkit-appearance: button; } | |
| input[type="reset"][disabled], | |
| input[type="submit"][disabled], | |
| html input[type="button"][disabled], | |
| button[disabled] { | |
| cursor: default; } | |
| textarea { | |
| vertical-align: top; | |
| overflow: auto; } | |
| input[type="search"] { | |
| -webkit-appearance: textfield; | |
| box-sizing: content-box; | |
| -webkit-box-sizing: content-box; } | |
| input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { | |
| -webkit-appearance: none; } | |
| .md-visually-hidden { | |
| border: 0; | |
| clip: rect(0 0 0 0); | |
| height: 1px; | |
| margin: -1px; | |
| overflow: hidden; | |
| padding: 0; | |
| position: absolute; | |
| text-transform: none; | |
| width: 1px; } | |
| .md-shadow { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| bottom: 0; | |
| right: 0; | |
| border-radius: inherit; | |
| pointer-events: none; } | |
| .md-shadow-bottom-z-1 { | |
| box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); } | |
| .md-shadow-bottom-z-2 { | |
| box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); } | |
| .md-shadow-animated.md-shadow { | |
| transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); } | |
| /* | |
| * A container inside of a rippling element (eg a button), | |
| * which contains all of the individual ripples | |
| */ | |
| .md-ripple-container { | |
| pointer-events: none; | |
| position: absolute; | |
| overflow: hidden; | |
| left: 0; | |
| top: 0; | |
| width: 100%; | |
| height: 100%; } | |
| [dir='rtl'] .md-ripple-container { | |
| right: 0; | |
| left: auto; } | |
| /* | |
| * A container inside of a rippling element (eg a button), | |
| * which contains all of the individual ripples | |
| */ | |
| .md-ripple-container { | |
| pointer-events: none; | |
| position: absolute; | |
| overflow: hidden; | |
| left: 0; | |
| top: 0; | |
| width: 100%; | |
| height: 100%; | |
| transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1); } | |
| [dir='rtl'] .md-ripple-container { | |
| right: 0; | |
| left: auto; } | |
| .md-ripple { | |
| position: absolute; | |
| transform: translate(-50%, -50%) scale(0); | |
| transform-origin: 50% 50%; | |
| opacity: 0; | |
| border-radius: 50%; } | |
| .md-ripple.md-ripple-placed { | |
| transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1); } | |
| .md-ripple.md-ripple-scaled { | |
| transform: translate(-50%, -50%) scale(1); } | |
| .md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible { | |
| opacity: 0.20; } | |
| .md-padding { | |
| padding: 8px; } | |
| .md-margin { | |
| margin: 8px; } | |
| .md-scroll-mask { | |
| position: absolute; | |
| background-color: transparent; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; } | |
| .md-scroll-mask > .md-scroll-mask-bar { | |
| display: block; | |
| position: absolute; | |
| background-color: #fafafa; | |
| right: 0; | |
| top: 0; | |
| bottom: 0; | |
| z-index: 65; | |
| box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.3); } | |
| [dir='rtl'] .md-scroll-mask > .md-scroll-mask-bar { | |
| left: 0; | |
| right: auto; } | |
| .md-no-select { | |
| -webkit-touch-callout: none; | |
| -webkit-user-select: none; | |
| -khtml-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; } | |
| @media (min-width: 600px) { | |
| .md-padding { | |
| padding: 16px; } } | |
| md-sidenav [md-list-item], md-sidenav [md-list-item]:active, md-sidenav [md-list-item]:focus { | |
| outline: none; } | |
| md-toolbar [md-button]:first-of-type:not(:last-child) { | |
| margin-left: -6px; } | |
| [dir='rtl'] md-toolbar [md-button]:first-of-type:not(:last-child) { | |
| margin-right: -6px; | |
| margin-left: 0; } | |
| md-toolbar [md-button]:last-of-type:not(:first-child) { | |
| margin-right: -6px; } | |
| [dir='rtl'] md-toolbar [md-button]:last-of-type:not(:first-child) { | |
| margin-left: -6px; | |
| margin-right: 0; } | |
| md-toolbar .md-icon-logo { | |
| margin-right: 10px; } | |
| [dir='rtl'] md-toolbar .md-icon-logo { | |
| margin-left: 10px; | |
| margin-right: 0; } | |
| md-toolbar [md-icon-button] { | |
| margin: 0 6px; } | |
| /** | |
| * Mixin that creates a new stacking context. | |
| * see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context | |
| */ | |
| html, body { | |
| -webkit-tap-highlight-color: transparent; | |
| -webkit-touch-callout: none; | |
| min-height: 100%; | |
| -webkit-text-size-adjust: 100%; | |
| -ms-text-size-adjust: 100%; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; } | |
| /************ | |
| * Defaults | |
| ************/ | |
| html { | |
| font-family: RobotoDraft, Roboto, "Helvetica Neue", sans-serif; } | |
| body { | |
| /************ | |
| * Headings | |
| ************/ | |
| /************ | |
| * Body Copy | |
| ************/ } | |
| body select, | |
| body button, | |
| body textarea, | |
| body input { | |
| font-family: RobotoDraft, Roboto, "Helvetica Neue", sans-serif; | |
| font-size: 100%; } | |
| body .md-display-4 { | |
| font-size: 112px; | |
| font-weight: 300; | |
| letter-spacing: -0.010em; | |
| line-height: 112px; } | |
| body .md-display-3 { | |
| font-size: 56px; | |
| font-weight: 400; | |
| letter-spacing: -0.005em; | |
| line-height: 56px; } | |
| body .md-display-2 { | |
| font-size: 45px; | |
| font-weight: 400; | |
| line-height: 64px; } | |
| body .md-display-1 { | |
| font-size: 34px; | |
| font-weight: 400; | |
| line-height: 40px; } | |
| body .md-headline { | |
| font-size: 24px; | |
| font-weight: 400; | |
| line-height: 32px; } | |
| body .md-title { | |
| font-size: 20px; | |
| font-weight: 500; | |
| letter-spacing: 0.005em; } | |
| body .md-subhead { | |
| font-size: 16px; | |
| font-weight: 400; | |
| letter-spacing: 0.010em; | |
| line-height: 24px; } | |
| body .md-body-1 { | |
| font-size: 14px; | |
| font-weight: 400; | |
| letter-spacing: 0.010em; | |
| line-height: 20px; } | |
| body .md-body-2 { | |
| font-size: 14px; | |
| font-weight: 500; | |
| letter-spacing: 0.010em; | |
| line-height: 24px; } | |
| body .md-caption { | |
| font-size: 12px; | |
| letter-spacing: 0.020em; } | |
| body .md-button { | |
| letter-spacing: 0.010em; } | |
| .md-whiteframe-1dp, .md-whiteframe-z1 { | |
| box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-2dp { | |
| box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-3dp { | |
| box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-4dp, .md-whiteframe-z2 { | |
| box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-5dp { | |
| box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-6dp { | |
| box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-7dp, .md-whiteframe-z3 { | |
| box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-8dp { | |
| box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-9dp { | |
| box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-10dp, .md-whiteframe-z4 { | |
| box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-11dp { | |
| box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-12dp { | |
| box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-13dp, .md-whiteframe-z5 { | |
| box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-14dp { | |
| box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-15dp { | |
| box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-16dp { | |
| box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-17dp { | |
| box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-18dp { | |
| box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-19dp { | |
| box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-20dp { | |
| box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-21dp { | |
| box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-22dp { | |
| box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-23dp { | |
| box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } | |
| .md-whiteframe-24dp { | |
| box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } | |
| @media screen and (-ms-high-contrast: active) { | |
| md-whiteframe { | |
| border: 1px solid #fff; } } | |
| body [tabindex]:focus { | |
| outline: none; } | |
| body .radius-none { | |
| border-radius: 0; } | |
| body .overflow-hidden { | |
| overflow: hidden; } | |
| body .overflow-auto { | |
| overflow: auto; } | |
| body .block { | |
| display: block; } | |
| body .inline-block { | |
| display: inline-block; } | |
| body .relative { | |
| position: relative; } | |
| body .fixed { | |
| position: fixed; } | |
| body .height-auto { | |
| min-height: 0; } | |
| body .z-3 { | |
| z-index: 3; } | |
| body .z-2 { | |
| z-index: 2; } | |
| body .z-1 { | |
| z-index: 1; } | |
| body .focus-weight:focus { | |
| outline: 0; | |
| font-weight: 700; } | |
| body .cursor-pointer:hover { | |
| cursor: pointer; } | |
| body .pad { | |
| padding: 20px; } | |
| body .pad-xxl { | |
| padding: 60px; } | |
| body .pad-xl { | |
| padding: 50px; } | |
| body .pad-lg { | |
| padding: 40px; } | |
| body .pad-md { | |
| padding: 30px; } | |
| body .pad-sm { | |
| padding: 10px; } | |
| body .pad-xs { | |
| padding: 5px; } | |
| body .pad-none { | |
| padding: 0px; } | |
| body .pad-top { | |
| padding-top: 20px; } | |
| body .pad-top-xxl { | |
| padding-top: 60px; } | |
| body .pad-top-xl { | |
| padding-top: 50px; } | |
| body .pad-top-lg { | |
| padding-top: 40px; } | |
| body .pad-top-md { | |
| padding-top: 30px; } | |
| body .pad-top-sm { | |
| padding-top: 10px; } | |
| body .pad-top-xs { | |
| padding-top: 5px; } | |
| body .pad-top-none { | |
| padding-top: 0px; } | |
| body .pad-right { | |
| padding-right: 20px; } | |
| body .pad-right-xxl { | |
| padding-right: 60px; } | |
| body .pad-right-xl { | |
| padding-right: 50px; } | |
| body .pad-right-lg { | |
| padding-right: 40px; } | |
| body .pad-right-md { | |
| padding-right: 30px; } | |
| body .pad-right-sm { | |
| padding-right: 10px; } | |
| body .pad-right-xs { | |
| padding-right: 5px; } | |
| body .pad-right-none { | |
| padding-right: 0px; } | |
| body .pad-bottom { | |
| padding-bottom: 20px; } | |
| body .pad-bottom-button { | |
| padding-bottom: 100px; } | |
| body .pad-bottom-xxl { | |
| padding-bottom: 60px; } | |
| body .pad-bottom-xl { | |
| padding-bottom: 50px; } | |
| body .pad-bottom-lg { | |
| padding-bottom: 40px; } | |
| body .pad-bottom-md { | |
| padding-bottom: 30px; } | |
| body .pad-bottom-sm { | |
| padding-bottom: 10px; } | |
| body .pad-bottom-xs { | |
| padding-bottom: 5px; } | |
| body .pad-bottom-none { | |
| padding-bottom: 0px; } | |
| body .pad-left { | |
| padding-left: 20px; } | |
| body .pad-left-xxl { | |
| padding-left: 60px; } | |
| body .pad-left-xl { | |
| padding-left: 50px; } | |
| body .pad-left-lg { | |
| padding-left: 40px; } | |
| body .pad-left-md { | |
| padding-left: 30px; } | |
| body .pad-left-sm { | |
| padding-left: 10px; } | |
| body .pad-left-xs { | |
| padding-left: 5px; } | |
| body .pad-left-none { | |
| padding-left: 0px; } | |
| body .pull { | |
| margin: -20px; } | |
| body .pull-xxl { | |
| margin: -40px; } | |
| body .pull-xl { | |
| margin: -30px; } | |
| body .pull-lg { | |
| margin: -20px; } | |
| body .pull-md { | |
| margin: -15px; } | |
| body .pull-sm { | |
| margin: -10px; } | |
| body .pull-xs { | |
| margin: -5px; } | |
| body .pull-none { | |
| margin: -0px; } | |
| body .pull-top { | |
| margin-top: -20px; } | |
| body .pull-top-xxl { | |
| margin-top: -40px; } | |
| body .pull-top-xl { | |
| margin-top: -30px; } | |
| body .pull-top-lg { | |
| margin-top: -20px; } | |
| body .pull-top-md { | |
| margin-top: -15px; } | |
| body .pull-top-sm { | |
| margin-top: -10px; } | |
| body .pull-top-xs { | |
| margin-top: -5px; } | |
| body .pull-top-none { | |
| margin-top: -0px; } | |
| body .pull-right-xxl { | |
| margin-right: -40px; } | |
| body .pull-right-xl { | |
| margin-right: -30px; } | |
| body .pull-right-lg { | |
| margin-right: -20px; } | |
| body .pull-right-md { | |
| margin-right: -15px; } | |
| body .pull-right-sm { | |
| margin-right: -10px; } | |
| body .pull-right-xs { | |
| margin-right: -5px; } | |
| body .pull-right-none { | |
| margin-right: -0px; } | |
| body .pull-bottom { | |
| margin-bottom: -20px; } | |
| body .pull-bottom-xxxl { | |
| margin-bottom: -100px; } | |
| body .pull-bottom-xxl { | |
| margin-bottom: -40px; } | |
| body .pull-bottom-xl { | |
| margin-bottom: -30px; } | |
| body .pull-bottom-lg { | |
| margin-bottom: -20px; } | |
| body .pull-bottom-md { | |
| margin-bottom: -15px; } | |
| body .pull-bottom-sm { | |
| margin-bottom: -10px; } | |
| body .pull-bottom-xs { | |
| margin-bottom: -5px; } | |
| body .pull-bottom-none { | |
| margin-bottom: -0px; } | |
| body .pull-left-xxl { | |
| margin-left: -40px; } | |
| body .pull-left-xl { | |
| margin-left: -30px; } | |
| body .pull-left-lg { | |
| margin-left: -20px; } | |
| body .pull-left-md { | |
| margin-left: -15px; } | |
| body .pull-left-sm { | |
| margin-left: -10px; } | |
| body .pull-left-xs { | |
| margin-left: -5px; } | |
| body .pull-left-none { | |
| margin-left: -0px; } | |
| body .push { | |
| margin: 20px; } | |
| body .push-xxl { | |
| margin: 60px; } | |
| body .push-xl { | |
| margin: 50px; } | |
| body .push-lg { | |
| margin: 40px; } | |
| body .push-md { | |
| margin: 30px; } | |
| body .push-sm { | |
| margin: 10px; } | |
| body .push-xs { | |
| margin: 5px; } | |
| body .push-none { | |
| margin: 0px; } | |
| body .push-top { | |
| margin-top: 20px; } | |
| body .push-top-xxl { | |
| margin-top: 60px; } | |
| body .push-top-xl { | |
| margin-top: 50px; } | |
| body .push-top-lg { | |
| margin-top: 40px; } | |
| body .push-top-md { | |
| margin-top: 30px; } | |
| body .push-top-sm { | |
| margin-top: 10px; } | |
| body .push-top-xs { | |
| margin-top: 5px; } | |
| body .push-top-none { | |
| margin-top: 0px; } | |
| body .push-right { | |
| margin-right: 20px; } | |
| body .push-right-xxl { | |
| margin-right: 60px; } | |
| body .push-right-xl { | |
| margin-right: 50px; } | |
| body .push-right-lg { | |
| margin-right: 40px; } | |
| body .push-right-md { | |
| margin-right: 30px; } | |
| body .push-right-sm { | |
| margin-right: 10px; } | |
| body .push-right-xs { | |
| margin-right: 5px; } | |
| body .push-right-none { | |
| margin-right: 0px; } | |
| body .push-bottom { | |
| margin-bottom: 20px; } | |
| body .push-bottom-button { | |
| margin-bottom: 100px; } | |
| body .push-bottom-xxl { | |
| margin-bottom: 60px; } | |
| body .push-bottom-xl { | |
| margin-bottom: 50px; } | |
| body .push-bottom-lg { | |
| margin-bottom: 40px; } | |
| body .push-bottom-md { | |
| margin-bottom: 30px; } | |
| body .push-bottom-sm { | |
| margin-bottom: 10px; } | |
| body .push-bottom-xs { | |
| margin-bottom: 5px; } | |
| body .push-bottom-none { | |
| margin-bottom: 0px; } | |
| body .push-left { | |
| margin-left: 20px; } | |
| body .push-left-xxl { | |
| margin-left: 60px; } | |
| body .push-left-xl { | |
| margin-left: 50px; } | |
| body .push-left-lg { | |
| margin-left: 40px; } | |
| body .push-left-md { | |
| margin-left: 30px; } | |
| body .push-left-sm { | |
| margin-left: 10px; } | |
| body .push-left-xs { | |
| margin-left: 5px; } | |
| body .push-left-none { | |
| margin-left: 0px; } | |
| .size-12 { | |
| height: 12px; | |
| width: 12px; } | |
| .size-16 { | |
| height: 16px; | |
| width: 16px; } | |
| .size-24 { | |
| height: 24px; | |
| width: 24px; } | |
| .size-32 { | |
| height: 32px; | |
| width: 32px; } | |
| .size-50 { | |
| height: 50px; | |
| width: 50px; } | |
| .size-64 { | |
| height: 64px; | |
| width: 64px; } | |
| .size-72 { | |
| height: 72px; | |
| width: 72px; } | |
| .size-100 { | |
| height: 100px; | |
| width: 100px; } | |
| .size-128 { | |
| height: 128px; | |
| width: 128px; } | |
| .size-256 { | |
| height: 256px; | |
| width: 256px; } | |
| .size-height-12 { | |
| height: 12px; | |
| width: auto; } | |
| .size-height-16 { | |
| height: 16px; | |
| width: auto; } | |
| .size-height-24 { | |
| height: 24px; | |
| width: auto; } | |
| .size-height-32 { | |
| height: 32px; | |
| width: auto; } | |
| .size-height-50 { | |
| height: 50px; | |
| width: auto; } | |
| .size-height-64 { | |
| height: 64px; | |
| width: auto; } | |
| .size-height-72 { | |
| height: 72px; | |
| width: auto; } | |
| .size-height-100 { | |
| height: 100px; | |
| width: auto; } | |
| .size-height-128 { | |
| height: 128px; | |
| width: auto; } | |
| .size-height-256 { | |
| height: 256px; | |
| width: auto; } | |
| .size-width-12 { | |
| width: 12px; | |
| height: auto; } | |
| .size-width-16 { | |
| width: 16px; | |
| height: auto; } | |
| .size-width-24 { | |
| width: 24px; | |
| height: auto; } | |
| .size-width-32 { | |
| width: 32px; | |
| height: auto; } | |
| .size-width-50 { | |
| width: 50px; | |
| height: auto; } | |
| .size-width-64 { | |
| width: 64px; | |
| height: auto; } | |
| .size-width-72 { | |
| width: 72px; | |
| height: auto; } | |
| .size-width-100 { | |
| width: 100px; | |
| height: auto; } | |
| .size-width-128 { | |
| width: 128px; | |
| height: auto; } | |
| .size-width-256 { | |
| width: 256px; | |
| height: auto; } | |
| body h1 > small, body h2 > small, body h3 > small, body h4 > small, body h5 > small, body h6 > small { | |
| font-size: 60%; } | |
| body .text-normal { | |
| font-style: normal; } | |
| body .text-center { | |
| text-align: center; } | |
| body .text-left { | |
| text-align: left; } | |
| body .text-right { | |
| text-align: right; } | |
| body .text-normal { | |
| font-style: normal; } | |
| body .text-xs, | |
| body .text-sm, | |
| body .text-md, | |
| body .text-lg { | |
| text-rendering: optimizeLegibility; } | |
| body .text-micro { | |
| font-size: 10px; | |
| font-weight: normal; | |
| letter-spacing: 1px; } | |
| body .text-xs { | |
| font-size: 50%; } | |
| body .text-sm { | |
| font-size: 70%; } | |
| body .text-md { | |
| font-size: 80%; } | |
| body .text-lg { | |
| font-size: 110%; } | |
| body .text-xl { | |
| font-size: 120%; } | |
| body .text-xxl { | |
| font-size: 130%; } | |
| body .text-30 { | |
| font-size: 30px; } | |
| body .text-super { | |
| font-size: 60px; } | |
| body .text-wrap { | |
| white-space: normal; } | |
| body .text-break { | |
| word-break: break-word; } | |
| body .text-upper { | |
| text-transform: uppercase; } | |
| body .text-lower { | |
| text-transform: lowercase; } | |
| body .text-caps { | |
| text-transform: capitalize; } | |
| body .text-truncate { | |
| white-space: nowrap; | |
| overflow: hidden; | |
| text-overflow: ellipsis; } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment