2015-01-21 17:23:25 +01:00
|
|
|
|
@charset "UTF-8";
|
|
|
|
|
/**
|
|
|
|
|
*
|
|
|
|
|
* Main Stylesheet SOGo
|
|
|
|
|
* Based on Angular Material Design
|
|
|
|
|
* IMPORTANT : This scss file might interfere with actual Angular-Material grunt-build
|
|
|
|
|
* and will generate a (too)) long css file because of the overrides
|
|
|
|
|
*
|
|
|
|
|
**/
|
|
|
|
|
/*
|
|
|
|
|
* A partial implementation of the Ruby list functions from Compass:
|
|
|
|
|
* https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/lists.rb
|
|
|
|
|
*/
|
|
|
|
|
/*
|
|
|
|
|
* A partial implementation of the Ruby constants functions from Compass:
|
|
|
|
|
* https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/constants.rb
|
|
|
|
|
*/
|
|
|
|
|
/*
|
|
|
|
|
* A partial implementation of the Ruby display functions from Compass:
|
|
|
|
|
* https://github.com/Compass/compass/blob/stable/core/lib/compass/core/sass_extensions/functions/display.rb
|
|
|
|
|
*/
|
|
|
|
|
/* Welcome to Compass.
|
|
|
|
|
* In this file you should write your main styles. (or centralize your imports)
|
|
|
|
|
* Import this file using the following HTML or equivalent:
|
|
|
|
|
* <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
|
|
|
|
|
/* line 5, ../../.rvm/gems/ruby-2.1.5/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
|
|
|
|
html, body, div, span, applet, object, iframe,
|
|
|
|
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
|
|
|
a, abbr, acronym, address, big, cite, code,
|
|
|
|
|
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
|
|
|
small, strike, strong, sub, sup, tt, var,
|
|
|
|
|
b, u, i, center,
|
|
|
|
|
dl, dt, dd, ol, ul, li,
|
|
|
|
|
fieldset, form, label, legend,
|
|
|
|
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
|
|
|
article, aside, canvas, details, embed,
|
|
|
|
|
figure, figcaption, footer, header, hgroup,
|
|
|
|
|
menu, nav, output, ruby, section, summary,
|
|
|
|
|
time, mark, audio, video {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
border: 0;
|
|
|
|
|
font: inherit;
|
|
|
|
|
font-size: 100%;
|
|
|
|
|
vertical-align: baseline; }
|
|
|
|
|
|
|
|
|
|
/* line 22, ../../.rvm/gems/ruby-2.1.5/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
|
|
|
|
html {
|
|
|
|
|
line-height: 1; }
|
|
|
|
|
|
|
|
|
|
/* line 24, ../../.rvm/gems/ruby-2.1.5/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
|
|
|
|
ol, ul {
|
|
|
|
|
list-style: none; }
|
|
|
|
|
|
|
|
|
|
/* line 26, ../../.rvm/gems/ruby-2.1.5/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
|
|
|
|
table {
|
|
|
|
|
border-collapse: collapse;
|
|
|
|
|
border-spacing: 0; }
|
|
|
|
|
|
|
|
|
|
/* line 28, ../../.rvm/gems/ruby-2.1.5/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
|
|
|
|
caption, th, td {
|
|
|
|
|
text-align: left;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
vertical-align: middle; }
|
|
|
|
|
|
|
|
|
|
/* line 30, ../../.rvm/gems/ruby-2.1.5/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
|
|
|
|
q, blockquote {
|
|
|
|
|
quotes: none; }
|
|
|
|
|
|
|
|
|
|
/* line 103, ../../.rvm/gems/ruby-2.1.5/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
|
|
|
|
q:before, q:after, blockquote:before, blockquote:after {
|
|
|
|
|
content: "";
|
|
|
|
|
content: none; }
|
|
|
|
|
|
|
|
|
|
/* line 32, ../../.rvm/gems/ruby-2.1.5/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
|
|
|
|
a img {
|
|
|
|
|
border: none; }
|
|
|
|
|
|
|
|
|
|
/* line 116, ../../.rvm/gems/ruby-2.1.5/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
|
|
|
|
|
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
|
|
|
|
|
display: block; }
|
|
|
|
|
|
|
|
|
|
/* TODO : remplacer par Google Web font loader (https://developers.google.com/fonts/docs/webfont_loader) */
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'ubuntu';
|
|
|
|
|
src: url("../fonts/ubuntu-b.eot");
|
|
|
|
|
src: url("../fonts/ubuntu-b.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu-b.woff2") format("woff2"), url("../fonts/ubuntu-b.woff") format("woff"), url("../fonts/ubuntu-b.ttf") format("truetype"), url("../fonts/ubuntu-b.svg#ubuntubold") format("svg");
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-style: normal; }
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'ubuntu';
|
|
|
|
|
src: url("../fonts/ubuntu-m.eot");
|
|
|
|
|
src: url("../fonts/ubuntu-m.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu-m.woff2") format("woff2"), url("../fonts/ubuntu-m.woff") format("woff"), url("../fonts/ubuntu-m.ttf") format("truetype"), url("../fonts/ubuntu-m.svg#ubuntumedium") format("svg");
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-style: normal; }
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'ubuntu';
|
|
|
|
|
src: url("../fonts/ubuntu-l.eot");
|
|
|
|
|
src: url("../fonts/ubuntu-l.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu-l.woff2") format("woff2"), url("../fonts/ubuntu-l.woff") format("woff"), url("../fonts/ubuntu-l.ttf") format("truetype"), url("../fonts/ubuntu-l.svg#ubuntulight") format("svg");
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
font-style: normal; }
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'ubuntu';
|
|
|
|
|
src: url("ubuntu-li.eot");
|
|
|
|
|
src: url("ubuntu-li.eot?#iefix") format("embedded-opentype"), url("ubuntu-li.woff2") format("woff2"), url("ubuntu-li.woff") format("woff"), url("ubuntu-li.ttf") format("truetype"), url("ubuntu-li.svg#ubuntulight_italic") format("svg");
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
font-style: italic; }
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'ubuntu';
|
|
|
|
|
src: url("ubuntu-bi.eot");
|
|
|
|
|
src: url("ubuntu-bi.eot?#iefix") format("embedded-opentype"), url("ubuntu-bi.woff2") format("woff2"), url("ubuntu-bi.woff") format("woff"), url("ubuntu-bi.ttf") format("truetype"), url("ubuntu-bi.svg#ubuntubold_italic") format("svg");
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
font-style: italic; }
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'ubuntu';
|
|
|
|
|
src: url("ubuntu-mi.eot");
|
|
|
|
|
src: url("ubuntu-mi.eot?#iefix") format("embedded-opentype"), url("ubuntu-mi.woff2") format("woff2"), url("ubuntu-mi.woff") format("woff"), url("ubuntu-mi.ttf") format("truetype"), url("ubuntu-mi.svg#ubuntumedium_italic") format("svg");
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
font-style: italic; }
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'ubuntu';
|
|
|
|
|
src: url("ubuntu-r.eot");
|
|
|
|
|
src: url("ubuntu-r.eot?#iefix") format("embedded-opentype"), url("ubuntu-r.woff2") format("woff2"), url("ubuntu-r.woff") format("woff"), url("ubuntu-r.ttf") format("truetype"), url("ubuntu-r.svg#ubunturegular") format("svg");
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
font-style: normal; }
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'ubuntu';
|
|
|
|
|
src: url("ubuntu-ri.eot");
|
|
|
|
|
src: url("ubuntu-ri.eot?#iefix") format("embedded-opentype"), url("ubuntu-ri.woff2") format("woff2"), url("ubuntu-ri.woff") format("woff"), url("ubuntu-ri.ttf") format("truetype"), url("ubuntu-ri.svg#ubuntuitalic") format("svg");
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
font-style: italic; }
|
|
|
|
|
/* Local overrides from angular-material src */
|
|
|
|
|
/**
|
|
|
|
|
*
|
|
|
|
|
* SOGo v3
|
|
|
|
|
* ng-Material overrides and project variables
|
|
|
|
|
* typography - definitions from http://www.google.com/design/spec/style/typography.html#typography-standard-styles
|
|
|
|
|
**/
|
|
|
|
|
*,
|
|
|
|
|
*:before,
|
|
|
|
|
*:after {
|
|
|
|
|
box-sizing: border-box; }
|
|
|
|
|
|
|
|
|
|
:focus {
|
|
|
|
|
outline: none; }
|
|
|
|
|
|
|
|
|
|
html, body {
|
|
|
|
|
height: 100%;
|
|
|
|
|
color: rgba(0, 0, 0, 0.87);
|
|
|
|
|
background: #ffffff;
|
|
|
|
|
-webkit-tap-highlight-color: transparent;
|
|
|
|
|
-webkit-touch-callout: none;
|
|
|
|
|
-webkit-text-size-adjust: 100%;
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
text-rendering: optimizeLegibility; }
|
|
|
|
|
html p, body p {
|
|
|
|
|
line-height: 1.846; }
|
|
|
|
|
html h3, body h3 {
|
|
|
|
|
display: block;
|
|
|
|
|
-webkit-margin-before: 1em;
|
|
|
|
|
-webkit-margin-after: 1em;
|
|
|
|
|
-webkit-margin-start: 0px;
|
|
|
|
|
-webkit-margin-end: 0px;
|
|
|
|
|
font-size: 1.17em;
|
|
|
|
|
font-weight: bold; }
|
|
|
|
|
|
|
|
|
|
button,
|
|
|
|
|
select,
|
|
|
|
|
html,
|
|
|
|
|
textarea,
|
|
|
|
|
input {
|
|
|
|
|
font-family: Ubuntu, "Helvetica Neue", sans-serif; }
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
outline: none; }
|
|
|
|
|
|
|
|
|
|
.inset {
|
|
|
|
|
padding: 10px; }
|
|
|
|
|
|
|
|
|
|
button {
|
|
|
|
|
font-family: Ubuntu, "Helvetica Neue", sans-serif; }
|
|
|
|
|
|
|
|
|
|
a,
|
|
|
|
|
a:-webkit-any-link {
|
|
|
|
|
background: transparent;
|
|
|
|
|
color: inherit;
|
|
|
|
|
outline: none;
|
|
|
|
|
text-decoration: none; }
|
|
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
|
font-size: 2em;
|
|
|
|
|
margin: 0.67em 0; }
|
|
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
|
font-size: 1.5em;
|
|
|
|
|
margin: 0.83em 0; }
|
|
|
|
|
|
|
|
|
|
h3 {
|
|
|
|
|
font-size: 1.17em;
|
|
|
|
|
margin: 1em 0; }
|
|
|
|
|
|
|
|
|
|
h4 {
|
|
|
|
|
font-size: 1em;
|
|
|
|
|
margin: 1.33em 0; }
|
|
|
|
|
|
|
|
|
|
h5 {
|
|
|
|
|
font-size: 0.83em;
|
|
|
|
|
margin: 1.67em 0; }
|
|
|
|
|
|
|
|
|
|
h6 {
|
|
|
|
|
font-size: 0.75em;
|
|
|
|
|
margin: 2.33em 0; }
|
|
|
|
|
|
|
|
|
|
select,
|
|
|
|
|
button,
|
|
|
|
|
textarea,
|
|
|
|
|
input {
|
|
|
|
|
margin: 0;
|
|
|
|
|
font-size: 100%;
|
|
|
|
|
font-family: inherit;
|
|
|
|
|
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="radio"], input[type="checkbox"] {
|
|
|
|
|
padding: 0;
|
|
|
|
|
box-sizing: border-box; }
|
|
|
|
|
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-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%;
|
|
|
|
|
transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1); }
|
|
|
|
|
|
|
|
|
|
.md-ripple {
|
|
|
|
|
position: absolute;
|
|
|
|
|
transform: scale(0);
|
|
|
|
|
transform-origin: 50% 50%;
|
|
|
|
|
opacity: 0;
|
|
|
|
|
border-radius: 50%; }
|
|
|
|
|
.md-ripple.md-ripple-placed {
|
|
|
|
|
transition: left 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), top 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), margin 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1); }
|
|
|
|
|
.md-ripple.md-ripple-scaled {
|
|
|
|
|
transform: scale(1); }
|
|
|
|
|
.md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {
|
|
|
|
|
opacity: 0.20; }
|
|
|
|
|
|
|
|
|
|
md-tab > .md-ripple-container .md-ripple {
|
|
|
|
|
box-sizing: content-box;
|
|
|
|
|
background-color: transparent !important;
|
|
|
|
|
border-width: 0;
|
|
|
|
|
border-style: solid;
|
|
|
|
|
opacity: 0.20;
|
|
|
|
|
transform: none !important; }
|
|
|
|
|
md-tab > .md-ripple-container .md-ripple.md-ripple-active, md-tab > .md-ripple-container .md-ripple.md-ripple-full, md-tab > .md-ripple-container .md-ripple.md-ripple-visible {
|
|
|
|
|
opacity: 0.20; }
|
|
|
|
|
|
|
|
|
|
.md-color-palette-definition {
|
|
|
|
|
background-image: url("data:image/svg+xml;utf8,{_red_: {_50_: _#ffebee_,_100_: _#ffcdd2_,_200_: _#ef9a9a_,_300_: _#e57373_,_400_: _#ef5350_,_500_: _#f44336_,_600_: _#e53935_,_700_: _#d32f2f_,_800_: _#c62828_,_900_: _#b71c1c_,_A100_: _#ff8a80_,_A200_: _#ff5252_,_A400_: _#ff1744_,_A700_: _#d50000_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 300 400 A100_},_pink_: {_50_: _#fce4ec_,_100_: _#f8bbd0_,_200_: _#f48fb1_,_300_: _#f06292_,_400_: _#ec407a_,_500_: _#e91e63_,_600_: _#d81b60_,_700_: _#c2185b_,_800_: _#ad1457_,_900_: _#880E4F_,_A100_: _#ff80ab_,_A200_: _#ff4081_,_A400_: _#f50057_,_A700_: _#c51162_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 300 400 A100_},_purple_: {_50_: _#f3e5f5_,_100_: _#e1bee7_,_200_: _#ce93d8_,_300_: _#ba68c8_,_400_: _#ab47bc_,_500_: _#9c27b0_,_600_: _#8e24aa_,_700_: _#7b1fa2_,_800_: _#6a1b9a_,_900_: _#4a148c_,_A100_: _#ea80fc_,_A200_: _#e040fb_,_A400_: _#d500f9_,_A700_: _#aa00ff_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 A100_},_deep-purple_: {_50_: _#ede7f6_,_100_: _#d1c4e9_,_200_: _#b39ddb_,_300_: _#9575cd_,_400_: _#7e57c2_,_500_: _#673ab7_,_600_: _#5e35b1_,_700_: _#512da8_,_800_: _#4527a0_,_900_: _#311b92_,_A100_: _#b388ff_,_A200_: _#7c4dff_,_A400_: _#651fff_,_A700_: _#6200ea_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 A100_},_indigo_: {_50_: _#e8eaf6_,_100_: _#c5cae9_,_200_: _#9fa8da_,_300_: _#7986cb_,_400_: _#5c6bc0_,_500_: _#3f51b5_,_600_: _#3949ab_,_700_: _#303f9f_,_800_: _#283593_,_900_: _#1a237e_,_A100_: _#8c9eff_,_A200_: _#536dfe_,_A400_: _#3d5afe_,_A700_: _#304ffe_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 A100_},_blue_: {_50_: _#e3f2fd_,_100_: _#bbdefb_,_200_: _#90caf9_,_300_: _#64b5f6_,_400_: _#42a5f5_,_500_: _#2196f3_,_600_: _#1e88e5_,_700_: _#1976d2_,_800_: _#1565c0_,_900_: _#0d47a1_,_A100_: _#82b1ff_,_A200_: _#448aff_,_A400_: _#2979ff_,_A700_: _#2962ff_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _100 200 300 400 A100_},_light-blue_: {_50_: _#e1f5fe_,_100_: _#b3e5fc_,_200_: _#81d4fa_,_300_: _#4fc3f7_,_400_: _#29b6f6_,_500_: _#03a9f4_,_600_: _#039be5_,_700_: _#0288d1_,_800_: _#0277bd_,_900_: _#01579b_,_A100_: _#80d8ff_,_A200_: _#40c4ff_,_A400_: _#00b0ff_,_A700_: _#0091ea_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _500 600 700 800 900 A700_},_cyan_: {_50_: _#e0f7fa_,_100_: _#b2ebf2_,_200_: _#80deea_,_300_: _#4dd0e1_,_400_: _#26c6da_,_500_: _#00bcd4_,_600_: _#00acc1_,_700_: _#0097a7_,_800_: _#00838f_,_900_: _#006064_,_A100_: _#84ffff_,_A200_: _#18ffff_,_A400_: _#00e5ff_,_A700_: _#00b8d4_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _500 600 700 800 900_},_teal_: {_50_: _#e0f2f1_,_100_: _#b2dfdb_,_200_: _#80cbc4_,_300_: _#4db6ac_,_400_: _#26a69a_,_500_: _#009688_,_600_: _#00897b_,_700_: _#00796b_,_800_: _#00695c_,_900_: _#004d40_,_A100_: _#a7ffeb_,_A200_: _#64ffda_,_A400_: _#1de9b6_,_A700_: _#00bfa5_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _500 600 700 800 900_},_green_: {_50_: _#e8f5e9_,_100_: _#c8e6c9_,_200_: _#a5d6a7_,_300_: _#81c784_,_400_: _#66bb6a_,_500_: _#4caf50_,_600_: _#43a047_,_700_: _#388e3c_,_800_: _#2e7d32_,_900_: _#1b5e20_,_A100_: _#b9f6ca_,_A200_: _#69f0ae_,_A400_: _#00e676_,_A700_: _#00c853_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _500 600 700 800 900_},_light-green_: {_50_: _#f1f8e9_,_100_: _#dcedc8_,_200_: _#c5e1a5_,_300_: _#aed581_,_400_: _#9ccc65_,_500_: _#8bc34a_,_600_: _#7cb342_,_700_: _#689f38_,_800_: _#558b2f_,_900_: _#33691e_,_A100_: _#ccff90_,_A200_: _#b2ff59_,_A400_: _#76ff03_,_A700_: _#64dd17_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _800 900_},_lime_: {_50_: _#f9fbe7_,_100_: _#f0f4c3_,_200_: _#e6ee9c_,_300_: _#dce775_,_400_: _#d4e157_,_500_: _#cddc39_,_600_: _#c0ca33_,_700_: _#afb42b_,_800_: _#9e9d24_,_900_: _#827717_,_A100_: _#f4ff81_,_A200_: _#eeff41_,_A400_: _#c6ff00_,_A700_: _#aeea00_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _900_},_yellow_: {_50_: _#fffde7_,_100_: _#fff9c4_,_200_: _#fff59d_,_300_: _#fff176_,_400_: _#ffee58_,_500_: _#ffeb3b_,_600_: _#fd
|
|
|
|
|
display: none; }
|
|
|
|
|
|
|
|
|
|
/* Sizes:
|
|
|
|
|
0 <= size <= 600 Phone
|
|
|
|
|
600 <= size <= 960 Tablet
|
|
|
|
|
960 <= size <= 1200 Tablet-Landscape
|
|
|
|
|
1200 <= size PC
|
|
|
|
|
*/
|
|
|
|
|
[layout] {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
display: flex; }
|
|
|
|
|
|
|
|
|
|
[layout=column] {
|
|
|
|
|
flex-direction: column; }
|
|
|
|
|
|
|
|
|
|
[layout=row] {
|
|
|
|
|
flex-direction: row; }
|
|
|
|
|
|
|
|
|
|
[layout-padding],
|
|
|
|
|
[layout-padding] > [flex] {
|
|
|
|
|
padding: 8px; }
|
|
|
|
|
|
|
|
|
|
[layout-margin],
|
|
|
|
|
[layout-margin] > [flex] {
|
|
|
|
|
margin: 8px; }
|
|
|
|
|
|
|
|
|
|
[layout-wrap] {
|
|
|
|
|
flex-wrap: wrap; }
|
|
|
|
|
|
|
|
|
|
[layout-fill] {
|
|
|
|
|
margin: 0;
|
|
|
|
|
min-height: 100%;
|
|
|
|
|
width: 100%; }
|
|
|
|
|
|
|
|
|
|
@-moz-document url-prefix() {
|
|
|
|
|
[layout-fill] {
|
|
|
|
|
margin: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
min-height: auto;
|
|
|
|
|
height: inherit; } }
|
|
|
|
|
[flex] {
|
|
|
|
|
flex: 1; }
|
|
|
|
|
|
|
|
|
|
[flex="0"] {
|
|
|
|
|
flex: 0 0 0%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="0"] {
|
|
|
|
|
max-width: 0%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="0"] {
|
|
|
|
|
max-height: 0%; }
|
|
|
|
|
|
|
|
|
|
[flex="5"] {
|
|
|
|
|
flex: 0 0 5%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="5"] {
|
|
|
|
|
max-width: 5%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="5"] {
|
|
|
|
|
max-height: 5%; }
|
|
|
|
|
|
|
|
|
|
[flex="10"] {
|
|
|
|
|
flex: 0 0 10%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="10"] {
|
|
|
|
|
max-width: 10%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="10"] {
|
|
|
|
|
max-height: 10%; }
|
|
|
|
|
|
|
|
|
|
[flex="15"] {
|
|
|
|
|
flex: 0 0 15%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="15"] {
|
|
|
|
|
max-width: 15%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="15"] {
|
|
|
|
|
max-height: 15%; }
|
|
|
|
|
|
|
|
|
|
[flex="20"] {
|
|
|
|
|
flex: 0 0 20%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="20"] {
|
|
|
|
|
max-width: 20%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="20"] {
|
|
|
|
|
max-height: 20%; }
|
|
|
|
|
|
|
|
|
|
[flex="25"] {
|
|
|
|
|
flex: 0 0 25%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="25"] {
|
|
|
|
|
max-width: 25%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="25"] {
|
|
|
|
|
max-height: 25%; }
|
|
|
|
|
|
|
|
|
|
[flex="30"] {
|
|
|
|
|
flex: 0 0 30%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="30"] {
|
|
|
|
|
max-width: 30%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="30"] {
|
|
|
|
|
max-height: 30%; }
|
|
|
|
|
|
|
|
|
|
[flex="35"] {
|
|
|
|
|
flex: 0 0 35%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="35"] {
|
|
|
|
|
max-width: 35%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="35"] {
|
|
|
|
|
max-height: 35%; }
|
|
|
|
|
|
|
|
|
|
[flex="40"] {
|
|
|
|
|
flex: 0 0 40%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="40"] {
|
|
|
|
|
max-width: 40%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="40"] {
|
|
|
|
|
max-height: 40%; }
|
|
|
|
|
|
|
|
|
|
[flex="45"] {
|
|
|
|
|
flex: 0 0 45%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="45"] {
|
|
|
|
|
max-width: 45%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="45"] {
|
|
|
|
|
max-height: 45%; }
|
|
|
|
|
|
|
|
|
|
[flex="50"] {
|
|
|
|
|
flex: 0 0 50%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="50"] {
|
|
|
|
|
max-width: 50%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="50"] {
|
|
|
|
|
max-height: 50%; }
|
|
|
|
|
|
|
|
|
|
[flex="55"] {
|
|
|
|
|
flex: 0 0 55%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="55"] {
|
|
|
|
|
max-width: 55%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="55"] {
|
|
|
|
|
max-height: 55%; }
|
|
|
|
|
|
|
|
|
|
[flex="60"] {
|
|
|
|
|
flex: 0 0 60%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="60"] {
|
|
|
|
|
max-width: 60%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="60"] {
|
|
|
|
|
max-height: 60%; }
|
|
|
|
|
|
|
|
|
|
[flex="65"] {
|
|
|
|
|
flex: 0 0 65%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="65"] {
|
|
|
|
|
max-width: 65%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="65"] {
|
|
|
|
|
max-height: 65%; }
|
|
|
|
|
|
|
|
|
|
[flex="70"] {
|
|
|
|
|
flex: 0 0 70%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="70"] {
|
|
|
|
|
max-width: 70%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="70"] {
|
|
|
|
|
max-height: 70%; }
|
|
|
|
|
|
|
|
|
|
[flex="75"] {
|
|
|
|
|
flex: 0 0 75%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="75"] {
|
|
|
|
|
max-width: 75%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="75"] {
|
|
|
|
|
max-height: 75%; }
|
|
|
|
|
|
|
|
|
|
[flex="80"] {
|
|
|
|
|
flex: 0 0 80%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="80"] {
|
|
|
|
|
max-width: 80%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="80"] {
|
|
|
|
|
max-height: 80%; }
|
|
|
|
|
|
|
|
|
|
[flex="85"] {
|
|
|
|
|
flex: 0 0 85%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="85"] {
|
|
|
|
|
max-width: 85%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="85"] {
|
|
|
|
|
max-height: 85%; }
|
|
|
|
|
|
|
|
|
|
[flex="90"] {
|
|
|
|
|
flex: 0 0 90%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="90"] {
|
|
|
|
|
max-width: 90%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="90"] {
|
|
|
|
|
max-height: 90%; }
|
|
|
|
|
|
|
|
|
|
[flex="95"] {
|
|
|
|
|
flex: 0 0 95%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="95"] {
|
|
|
|
|
max-width: 95%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="95"] {
|
|
|
|
|
max-height: 95%; }
|
|
|
|
|
|
|
|
|
|
[flex="100"] {
|
|
|
|
|
flex: 0 0 100%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="100"] {
|
|
|
|
|
max-width: 100%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="100"] {
|
|
|
|
|
max-height: 100%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex="33"], [layout="row"] > [flex="34"] {
|
|
|
|
|
flex: 0 0 33.33%;
|
|
|
|
|
max-width: 33.33%; }
|
|
|
|
|
[layout="row"] > [flex="66"], [layout="row"] > [flex="67"] {
|
|
|
|
|
flex: 0 0 66.66%;
|
|
|
|
|
max-width: 66.66%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex="33"], [layout="column"] > [flex="34"] {
|
|
|
|
|
flex: 0 0 33.33%;
|
|
|
|
|
max-height: 33.33%; }
|
|
|
|
|
[layout="column"] > [flex="66"], [layout="column"] > [flex="67"] {
|
|
|
|
|
flex: 0 0 66.66%;
|
|
|
|
|
max-height: 66.66%; }
|
|
|
|
|
|
|
|
|
|
[layout-align="center"],
|
|
|
|
|
[layout-align="center center"],
|
|
|
|
|
[layout-align="center start"],
|
|
|
|
|
[layout-align="center end"] {
|
|
|
|
|
justify-content: center; }
|
|
|
|
|
|
|
|
|
|
[layout-align="end"],
|
|
|
|
|
[layout-align="end center"],
|
|
|
|
|
[layout-align="end start"],
|
|
|
|
|
[layout-align="end end"] {
|
|
|
|
|
justify-content: flex-end; }
|
|
|
|
|
|
|
|
|
|
[layout-align="space-around"],
|
|
|
|
|
[layout-align="space-around center"],
|
|
|
|
|
[layout-align="space-around start"],
|
|
|
|
|
[layout-align="space-around end"] {
|
|
|
|
|
justify-content: space-around; }
|
|
|
|
|
|
|
|
|
|
[layout-align="space-between"],
|
|
|
|
|
[layout-align="space-between center"],
|
|
|
|
|
[layout-align="space-between start"],
|
|
|
|
|
[layout-align="space-between end"] {
|
|
|
|
|
justify-content: space-between; }
|
|
|
|
|
|
|
|
|
|
[layout-align="center center"],
|
|
|
|
|
[layout-align="start center"],
|
|
|
|
|
[layout-align="end center"],
|
|
|
|
|
[layout-align="space-between center"],
|
|
|
|
|
[layout-align="space-around center"] {
|
|
|
|
|
align-items: center; }
|
|
|
|
|
|
|
|
|
|
[layout-align="center start"],
|
|
|
|
|
[layout-align="start start"],
|
|
|
|
|
[layout-align="end start"],
|
|
|
|
|
[layout-align="space-between start"],
|
|
|
|
|
[layout-align="space-around start"] {
|
|
|
|
|
align-items: flex-start; }
|
|
|
|
|
|
|
|
|
|
[layout-align="center end"],
|
|
|
|
|
[layout-align="start end"],
|
|
|
|
|
[layout-align="end end"],
|
|
|
|
|
[layout-align="space-between end"],
|
|
|
|
|
[layout-align="space-around end"] {
|
|
|
|
|
align-items: flex-end; }
|
|
|
|
|
|
|
|
|
|
[hide]:not([show]) {
|
|
|
|
|
display: none; }
|
|
|
|
|
|
|
|
|
|
@media (max-width: 600px) {
|
|
|
|
|
[hide-sm]:not([show-sm]), [hide]:not([show-sm]) {
|
|
|
|
|
display: none; }
|
|
|
|
|
|
|
|
|
|
[layout-align-sm="center"],
|
|
|
|
|
[layout-align-sm="center center"],
|
|
|
|
|
[layout-align-sm="center start"],
|
|
|
|
|
[layout-align-sm="center end"] {
|
|
|
|
|
justify-content: center; }
|
|
|
|
|
|
|
|
|
|
[layout-align-sm="end"],
|
|
|
|
|
[layout-align-sm="end center"],
|
|
|
|
|
[layout-align-sm="end start"],
|
|
|
|
|
[layout-align-sm="end end"] {
|
|
|
|
|
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"] {
|
|
|
|
|
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"] {
|
|
|
|
|
justify-content: space-between; }
|
|
|
|
|
|
|
|
|
|
[layout-align-sm="center center"],
|
|
|
|
|
[layout-align-sm="start center"],
|
|
|
|
|
[layout-align-sm="end center"],
|
|
|
|
|
[layout-align-sm="space-between center"],
|
|
|
|
|
[layout-align-sm="space-around center"] {
|
|
|
|
|
align-items: center; }
|
|
|
|
|
|
|
|
|
|
[layout-align-sm="center start"],
|
|
|
|
|
[layout-align-sm="start start"],
|
|
|
|
|
[layout-align-sm="end start"],
|
|
|
|
|
[layout-align-sm="space-between start"],
|
|
|
|
|
[layout-align-sm="space-around start"] {
|
|
|
|
|
align-items: flex-start; }
|
|
|
|
|
|
|
|
|
|
[layout-align-sm="center end"],
|
|
|
|
|
[layout-align-sm="start end"],
|
|
|
|
|
[layout-align-sm="end end"],
|
|
|
|
|
[layout-align-sm="space-between end"],
|
|
|
|
|
[layout-align-sm="space-around end"] {
|
|
|
|
|
align-items: flex-end; }
|
|
|
|
|
|
|
|
|
|
[layout-sm] {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
display: flex; }
|
|
|
|
|
|
|
|
|
|
[layout-sm=column] {
|
|
|
|
|
flex-direction: column; }
|
|
|
|
|
|
|
|
|
|
[layout-sm=row] {
|
|
|
|
|
flex-direction: row; }
|
|
|
|
|
|
|
|
|
|
[flex-sm] {
|
|
|
|
|
flex: 1; }
|
|
|
|
|
|
|
|
|
|
[flex-sm="0"] {
|
|
|
|
|
flex: 0 0 0%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="0"] {
|
|
|
|
|
max-width: 0%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="0"] {
|
|
|
|
|
max-height: 0%; }
|
|
|
|
|
|
|
|
|
|
[flex-sm="5"] {
|
|
|
|
|
flex: 0 0 5%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="5"] {
|
|
|
|
|
max-width: 5%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="5"] {
|
|
|
|
|
max-height: 5%; }
|
|
|
|
|
|
|
|
|
|
[flex-sm="10"] {
|
|
|
|
|
flex: 0 0 10%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="10"] {
|
|
|
|
|
max-width: 10%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="10"] {
|
|
|
|
|
max-height: 10%; }
|
|
|
|
|
|
|
|
|
|
[flex-sm="15"] {
|
|
|
|
|
flex: 0 0 15%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="15"] {
|
|
|
|
|
max-width: 15%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="15"] {
|
|
|
|
|
max-height: 15%; }
|
|
|
|
|
|
|
|
|
|
[flex-sm="20"] {
|
|
|
|
|
flex: 0 0 20%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="20"] {
|
|
|
|
|
max-width: 20%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="20"] {
|
|
|
|
|
max-height: 20%; }
|
|
|
|
|
|
|
|
|
|
[flex-sm="25"] {
|
|
|
|
|
flex: 0 0 25%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="25"] {
|
|
|
|
|
max-width: 25%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="25"] {
|
|
|
|
|
max-height: 25%; }
|
|
|
|
|
|
|
|
|
|
[flex-sm="30"] {
|
|
|
|
|
flex: 0 0 30%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="30"] {
|
|
|
|
|
max-width: 30%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="30"] {
|
|
|
|
|
max-height: 30%; }
|
|
|
|
|
|
|
|
|
|
[flex-sm="35"] {
|
|
|
|
|
flex: 0 0 35%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="35"] {
|
|
|
|
|
max-width: 35%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="35"] {
|
|
|
|
|
max-height: 35%; }
|
|
|
|
|
|
|
|
|
|
[flex-sm="40"] {
|
|
|
|
|
flex: 0 0 40%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="40"] {
|
|
|
|
|
max-width: 40%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="40"] {
|
|
|
|
|
max-height: 40%; }
|
|
|
|
|
|
|
|
|
|
[flex-sm="45"] {
|
|
|
|
|
flex: 0 0 45%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="45"] {
|
|
|
|
|
max-width: 45%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="45"] {
|
|
|
|
|
max-height: 45%; }
|
|
|
|
|
|
|
|
|
|
[flex-sm="50"] {
|
|
|
|
|
flex: 0 0 50%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="50"] {
|
|
|
|
|
max-width: 50%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="50"] {
|
|
|
|
|
max-height: 50%; }
|
|
|
|
|
|
|
|
|
|
[flex-sm="55"] {
|
|
|
|
|
flex: 0 0 55%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="55"] {
|
|
|
|
|
max-width: 55%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="55"] {
|
|
|
|
|
max-height: 55%; }
|
|
|
|
|
|
|
|
|
|
[flex-sm="60"] {
|
|
|
|
|
flex: 0 0 60%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="60"] {
|
|
|
|
|
max-width: 60%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="60"] {
|
|
|
|
|
max-height: 60%; }
|
|
|
|
|
|
|
|
|
|
[flex-sm="65"] {
|
|
|
|
|
flex: 0 0 65%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="65"] {
|
|
|
|
|
max-width: 65%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="65"] {
|
|
|
|
|
max-height: 65%; }
|
|
|
|
|
|
|
|
|
|
[flex-sm="70"] {
|
|
|
|
|
flex: 0 0 70%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="70"] {
|
|
|
|
|
max-width: 70%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="70"] {
|
|
|
|
|
max-height: 70%; }
|
|
|
|
|
|
|
|
|
|
[flex-sm="75"] {
|
|
|
|
|
flex: 0 0 75%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="75"] {
|
|
|
|
|
max-width: 75%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="75"] {
|
|
|
|
|
max-height: 75%; }
|
|
|
|
|
|
|
|
|
|
[flex-sm="80"] {
|
|
|
|
|
flex: 0 0 80%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="80"] {
|
|
|
|
|
max-width: 80%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="80"] {
|
|
|
|
|
max-height: 80%; }
|
|
|
|
|
|
|
|
|
|
[flex-sm="85"] {
|
|
|
|
|
flex: 0 0 85%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="85"] {
|
|
|
|
|
max-width: 85%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="85"] {
|
|
|
|
|
max-height: 85%; }
|
|
|
|
|
|
|
|
|
|
[flex-sm="90"] {
|
|
|
|
|
flex: 0 0 90%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="90"] {
|
|
|
|
|
max-width: 90%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="90"] {
|
|
|
|
|
max-height: 90%; }
|
|
|
|
|
|
|
|
|
|
[flex-sm="95"] {
|
|
|
|
|
flex: 0 0 95%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="95"] {
|
|
|
|
|
max-width: 95%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="95"] {
|
|
|
|
|
max-height: 95%; }
|
|
|
|
|
|
|
|
|
|
[flex-sm="100"] {
|
|
|
|
|
flex: 0 0 100%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="100"] {
|
|
|
|
|
max-width: 100%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="100"] {
|
|
|
|
|
max-height: 100%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-sm="33"], [layout="row"] > [flex-sm="34"] {
|
|
|
|
|
flex: 0 0 33.33%;
|
|
|
|
|
max-width: 33.33%; }
|
|
|
|
|
[layout="row"] > [flex-sm="66"], [layout="row"] > [flex-sm="67"] {
|
|
|
|
|
flex: 0 0 66.66%;
|
|
|
|
|
max-width: 66.66%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-sm="33"], [layout="column"] > [flex-sm="34"] {
|
|
|
|
|
flex: 0 0 33.33%;
|
|
|
|
|
max-height: 33.33%; }
|
|
|
|
|
[layout="column"] > [flex-sm="66"], [layout="column"] > [flex-sm="67"] {
|
|
|
|
|
flex: 0 0 66.66%;
|
|
|
|
|
max-height: 66.66%; } }
|
|
|
|
|
@media (min-width: 600px) {
|
|
|
|
|
[hide-gt-sm]:not([show-gt-sm]):not([show-md]):not([show-gt-md]):not([show-lg]):not([show-gt-lg]), [hide]:not([show-gt-sm]):not([show-md]):not([show-gt-md]):not([show-lg]):not([show-gt-lg]) {
|
|
|
|
|
display: none; }
|
|
|
|
|
|
|
|
|
|
[layout-align-gt-sm="center"],
|
|
|
|
|
[layout-align-gt-sm="center center"],
|
|
|
|
|
[layout-align-gt-sm="center start"],
|
|
|
|
|
[layout-align-gt-sm="center end"] {
|
|
|
|
|
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"] {
|
|
|
|
|
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"] {
|
|
|
|
|
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"] {
|
|
|
|
|
justify-content: space-between; }
|
|
|
|
|
|
|
|
|
|
[layout-align-gt-sm="center center"],
|
|
|
|
|
[layout-align-gt-sm="start center"],
|
|
|
|
|
[layout-align-gt-sm="end center"],
|
|
|
|
|
[layout-align-gt-sm="space-between center"],
|
|
|
|
|
[layout-align-gt-sm="space-around center"] {
|
|
|
|
|
align-items: center; }
|
|
|
|
|
|
|
|
|
|
[layout-align-gt-sm="center start"],
|
|
|
|
|
[layout-align-gt-sm="start 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; }
|
|
|
|
|
|
|
|
|
|
[layout-align-gt-sm="center end"],
|
|
|
|
|
[layout-align-gt-sm="start 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; }
|
|
|
|
|
|
|
|
|
|
[layout-gt-sm] {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
display: flex; }
|
|
|
|
|
|
|
|
|
|
[layout-gt-sm=column] {
|
|
|
|
|
flex-direction: column; }
|
|
|
|
|
|
|
|
|
|
[layout-gt-sm=row] {
|
|
|
|
|
flex-direction: row; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm] {
|
|
|
|
|
flex: 1; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm="0"] {
|
|
|
|
|
flex: 0 0 0%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="0"] {
|
|
|
|
|
max-width: 0%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="0"] {
|
|
|
|
|
max-height: 0%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm="5"] {
|
|
|
|
|
flex: 0 0 5%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="5"] {
|
|
|
|
|
max-width: 5%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="5"] {
|
|
|
|
|
max-height: 5%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm="10"] {
|
|
|
|
|
flex: 0 0 10%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="10"] {
|
|
|
|
|
max-width: 10%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="10"] {
|
|
|
|
|
max-height: 10%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm="15"] {
|
|
|
|
|
flex: 0 0 15%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="15"] {
|
|
|
|
|
max-width: 15%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="15"] {
|
|
|
|
|
max-height: 15%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm="20"] {
|
|
|
|
|
flex: 0 0 20%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="20"] {
|
|
|
|
|
max-width: 20%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="20"] {
|
|
|
|
|
max-height: 20%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm="25"] {
|
|
|
|
|
flex: 0 0 25%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="25"] {
|
|
|
|
|
max-width: 25%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="25"] {
|
|
|
|
|
max-height: 25%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm="30"] {
|
|
|
|
|
flex: 0 0 30%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="30"] {
|
|
|
|
|
max-width: 30%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="30"] {
|
|
|
|
|
max-height: 30%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm="35"] {
|
|
|
|
|
flex: 0 0 35%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="35"] {
|
|
|
|
|
max-width: 35%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="35"] {
|
|
|
|
|
max-height: 35%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm="40"] {
|
|
|
|
|
flex: 0 0 40%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="40"] {
|
|
|
|
|
max-width: 40%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="40"] {
|
|
|
|
|
max-height: 40%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm="45"] {
|
|
|
|
|
flex: 0 0 45%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="45"] {
|
|
|
|
|
max-width: 45%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="45"] {
|
|
|
|
|
max-height: 45%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm="50"] {
|
|
|
|
|
flex: 0 0 50%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="50"] {
|
|
|
|
|
max-width: 50%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="50"] {
|
|
|
|
|
max-height: 50%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm="55"] {
|
|
|
|
|
flex: 0 0 55%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="55"] {
|
|
|
|
|
max-width: 55%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="55"] {
|
|
|
|
|
max-height: 55%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm="60"] {
|
|
|
|
|
flex: 0 0 60%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="60"] {
|
|
|
|
|
max-width: 60%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="60"] {
|
|
|
|
|
max-height: 60%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm="65"] {
|
|
|
|
|
flex: 0 0 65%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="65"] {
|
|
|
|
|
max-width: 65%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="65"] {
|
|
|
|
|
max-height: 65%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm="70"] {
|
|
|
|
|
flex: 0 0 70%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="70"] {
|
|
|
|
|
max-width: 70%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="70"] {
|
|
|
|
|
max-height: 70%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm="75"] {
|
|
|
|
|
flex: 0 0 75%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="75"] {
|
|
|
|
|
max-width: 75%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="75"] {
|
|
|
|
|
max-height: 75%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm="80"] {
|
|
|
|
|
flex: 0 0 80%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="80"] {
|
|
|
|
|
max-width: 80%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="80"] {
|
|
|
|
|
max-height: 80%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm="85"] {
|
|
|
|
|
flex: 0 0 85%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="85"] {
|
|
|
|
|
max-width: 85%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="85"] {
|
|
|
|
|
max-height: 85%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm="90"] {
|
|
|
|
|
flex: 0 0 90%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="90"] {
|
|
|
|
|
max-width: 90%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="90"] {
|
|
|
|
|
max-height: 90%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm="95"] {
|
|
|
|
|
flex: 0 0 95%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="95"] {
|
|
|
|
|
max-width: 95%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="95"] {
|
|
|
|
|
max-height: 95%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-sm="100"] {
|
|
|
|
|
flex: 0 0 100%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="100"] {
|
|
|
|
|
max-width: 100%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="100"] {
|
|
|
|
|
max-height: 100%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-sm="33"], [layout="row"] > [flex-gt-sm="34"] {
|
|
|
|
|
flex: 0 0 33.33%;
|
|
|
|
|
max-width: 33.33%; }
|
|
|
|
|
[layout="row"] > [flex-gt-sm="66"], [layout="row"] > [flex-gt-sm="67"] {
|
|
|
|
|
flex: 0 0 66.66%;
|
|
|
|
|
max-width: 66.66%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-sm="33"], [layout="column"] > [flex-gt-sm="34"] {
|
|
|
|
|
flex: 0 0 33.33%;
|
|
|
|
|
max-height: 33.33%; }
|
|
|
|
|
[layout="column"] > [flex-gt-sm="66"], [layout="column"] > [flex-gt-sm="67"] {
|
|
|
|
|
flex: 0 0 66.66%;
|
|
|
|
|
max-height: 66.66%; } }
|
|
|
|
|
@media (min-width: 600px) and (max-width: 960px) {
|
|
|
|
|
[hide-md]:not([show-md]), [hide]:not([show-md]) {
|
|
|
|
|
display: none; }
|
|
|
|
|
|
|
|
|
|
[layout-align-md="center"],
|
|
|
|
|
[layout-align-md="center center"],
|
|
|
|
|
[layout-align-md="center start"],
|
|
|
|
|
[layout-align-md="center end"] {
|
|
|
|
|
justify-content: center; }
|
|
|
|
|
|
|
|
|
|
[layout-align-md="end"],
|
|
|
|
|
[layout-align-md="end center"],
|
|
|
|
|
[layout-align-md="end start"],
|
|
|
|
|
[layout-align-md="end end"] {
|
|
|
|
|
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"] {
|
|
|
|
|
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"] {
|
|
|
|
|
justify-content: space-between; }
|
|
|
|
|
|
|
|
|
|
[layout-align-md="center center"],
|
|
|
|
|
[layout-align-md="start center"],
|
|
|
|
|
[layout-align-md="end center"],
|
|
|
|
|
[layout-align-md="space-between center"],
|
|
|
|
|
[layout-align-md="space-around center"] {
|
|
|
|
|
align-items: center; }
|
|
|
|
|
|
|
|
|
|
[layout-align-md="center start"],
|
|
|
|
|
[layout-align-md="start start"],
|
|
|
|
|
[layout-align-md="end start"],
|
|
|
|
|
[layout-align-md="space-between start"],
|
|
|
|
|
[layout-align-md="space-around start"] {
|
|
|
|
|
align-items: flex-start; }
|
|
|
|
|
|
|
|
|
|
[layout-align-md="center end"],
|
|
|
|
|
[layout-align-md="start end"],
|
|
|
|
|
[layout-align-md="end end"],
|
|
|
|
|
[layout-align-md="space-between end"],
|
|
|
|
|
[layout-align-md="space-around end"] {
|
|
|
|
|
align-items: flex-end; }
|
|
|
|
|
|
|
|
|
|
[layout-md] {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
display: flex; }
|
|
|
|
|
|
|
|
|
|
[layout-md=column] {
|
|
|
|
|
flex-direction: column; }
|
|
|
|
|
|
|
|
|
|
[layout-md=row] {
|
|
|
|
|
flex-direction: row; }
|
|
|
|
|
|
|
|
|
|
[flex-md] {
|
|
|
|
|
flex: 1; }
|
|
|
|
|
|
|
|
|
|
[flex-md="0"] {
|
|
|
|
|
flex: 0 0 0%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="0"] {
|
|
|
|
|
max-width: 0%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="0"] {
|
|
|
|
|
max-height: 0%; }
|
|
|
|
|
|
|
|
|
|
[flex-md="5"] {
|
|
|
|
|
flex: 0 0 5%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="5"] {
|
|
|
|
|
max-width: 5%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="5"] {
|
|
|
|
|
max-height: 5%; }
|
|
|
|
|
|
|
|
|
|
[flex-md="10"] {
|
|
|
|
|
flex: 0 0 10%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="10"] {
|
|
|
|
|
max-width: 10%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="10"] {
|
|
|
|
|
max-height: 10%; }
|
|
|
|
|
|
|
|
|
|
[flex-md="15"] {
|
|
|
|
|
flex: 0 0 15%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="15"] {
|
|
|
|
|
max-width: 15%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="15"] {
|
|
|
|
|
max-height: 15%; }
|
|
|
|
|
|
|
|
|
|
[flex-md="20"] {
|
|
|
|
|
flex: 0 0 20%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="20"] {
|
|
|
|
|
max-width: 20%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="20"] {
|
|
|
|
|
max-height: 20%; }
|
|
|
|
|
|
|
|
|
|
[flex-md="25"] {
|
|
|
|
|
flex: 0 0 25%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="25"] {
|
|
|
|
|
max-width: 25%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="25"] {
|
|
|
|
|
max-height: 25%; }
|
|
|
|
|
|
|
|
|
|
[flex-md="30"] {
|
|
|
|
|
flex: 0 0 30%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="30"] {
|
|
|
|
|
max-width: 30%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="30"] {
|
|
|
|
|
max-height: 30%; }
|
|
|
|
|
|
|
|
|
|
[flex-md="35"] {
|
|
|
|
|
flex: 0 0 35%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="35"] {
|
|
|
|
|
max-width: 35%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="35"] {
|
|
|
|
|
max-height: 35%; }
|
|
|
|
|
|
|
|
|
|
[flex-md="40"] {
|
|
|
|
|
flex: 0 0 40%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="40"] {
|
|
|
|
|
max-width: 40%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="40"] {
|
|
|
|
|
max-height: 40%; }
|
|
|
|
|
|
|
|
|
|
[flex-md="45"] {
|
|
|
|
|
flex: 0 0 45%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="45"] {
|
|
|
|
|
max-width: 45%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="45"] {
|
|
|
|
|
max-height: 45%; }
|
|
|
|
|
|
|
|
|
|
[flex-md="50"] {
|
|
|
|
|
flex: 0 0 50%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="50"] {
|
|
|
|
|
max-width: 50%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="50"] {
|
|
|
|
|
max-height: 50%; }
|
|
|
|
|
|
|
|
|
|
[flex-md="55"] {
|
|
|
|
|
flex: 0 0 55%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="55"] {
|
|
|
|
|
max-width: 55%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="55"] {
|
|
|
|
|
max-height: 55%; }
|
|
|
|
|
|
|
|
|
|
[flex-md="60"] {
|
|
|
|
|
flex: 0 0 60%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="60"] {
|
|
|
|
|
max-width: 60%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="60"] {
|
|
|
|
|
max-height: 60%; }
|
|
|
|
|
|
|
|
|
|
[flex-md="65"] {
|
|
|
|
|
flex: 0 0 65%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="65"] {
|
|
|
|
|
max-width: 65%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="65"] {
|
|
|
|
|
max-height: 65%; }
|
|
|
|
|
|
|
|
|
|
[flex-md="70"] {
|
|
|
|
|
flex: 0 0 70%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="70"] {
|
|
|
|
|
max-width: 70%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="70"] {
|
|
|
|
|
max-height: 70%; }
|
|
|
|
|
|
|
|
|
|
[flex-md="75"] {
|
|
|
|
|
flex: 0 0 75%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="75"] {
|
|
|
|
|
max-width: 75%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="75"] {
|
|
|
|
|
max-height: 75%; }
|
|
|
|
|
|
|
|
|
|
[flex-md="80"] {
|
|
|
|
|
flex: 0 0 80%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="80"] {
|
|
|
|
|
max-width: 80%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="80"] {
|
|
|
|
|
max-height: 80%; }
|
|
|
|
|
|
|
|
|
|
[flex-md="85"] {
|
|
|
|
|
flex: 0 0 85%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="85"] {
|
|
|
|
|
max-width: 85%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="85"] {
|
|
|
|
|
max-height: 85%; }
|
|
|
|
|
|
|
|
|
|
[flex-md="90"] {
|
|
|
|
|
flex: 0 0 90%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="90"] {
|
|
|
|
|
max-width: 90%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="90"] {
|
|
|
|
|
max-height: 90%; }
|
|
|
|
|
|
|
|
|
|
[flex-md="95"] {
|
|
|
|
|
flex: 0 0 95%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="95"] {
|
|
|
|
|
max-width: 95%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="95"] {
|
|
|
|
|
max-height: 95%; }
|
|
|
|
|
|
|
|
|
|
[flex-md="100"] {
|
|
|
|
|
flex: 0 0 100%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="100"] {
|
|
|
|
|
max-width: 100%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="100"] {
|
|
|
|
|
max-height: 100%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-md="33"], [layout="row"] > [flex-md="34"] {
|
|
|
|
|
flex: 0 0 33.33%;
|
|
|
|
|
max-width: 33.33%; }
|
|
|
|
|
[layout="row"] > [flex-md="66"], [layout="row"] > [flex-md="67"] {
|
|
|
|
|
flex: 0 0 66.66%;
|
|
|
|
|
max-width: 66.66%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-md="33"], [layout="column"] > [flex-md="34"] {
|
|
|
|
|
flex: 0 0 33.33%;
|
|
|
|
|
max-height: 33.33%; }
|
|
|
|
|
[layout="column"] > [flex-md="66"], [layout="column"] > [flex-md="67"] {
|
|
|
|
|
flex: 0 0 66.66%;
|
|
|
|
|
max-height: 66.66%; } }
|
|
|
|
|
@media (min-width: 960px) {
|
|
|
|
|
[hide-gt-md]:not([show-gt-md]):not([show-lg]):not([show-gt-lg]), [hide]:not([show-gt-md]):not([show-lg]):not([show-gt-lg]) {
|
|
|
|
|
display: none; }
|
|
|
|
|
|
|
|
|
|
[layout-align-gt-md="center"],
|
|
|
|
|
[layout-align-gt-md="center center"],
|
|
|
|
|
[layout-align-gt-md="center start"],
|
|
|
|
|
[layout-align-gt-md="center end"] {
|
|
|
|
|
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"] {
|
|
|
|
|
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"] {
|
|
|
|
|
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"] {
|
|
|
|
|
justify-content: space-between; }
|
|
|
|
|
|
|
|
|
|
[layout-align-gt-md="center center"],
|
|
|
|
|
[layout-align-gt-md="start center"],
|
|
|
|
|
[layout-align-gt-md="end center"],
|
|
|
|
|
[layout-align-gt-md="space-between center"],
|
|
|
|
|
[layout-align-gt-md="space-around center"] {
|
|
|
|
|
align-items: center; }
|
|
|
|
|
|
|
|
|
|
[layout-align-gt-md="center start"],
|
|
|
|
|
[layout-align-gt-md="start 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; }
|
|
|
|
|
|
|
|
|
|
[layout-align-gt-md="center end"],
|
|
|
|
|
[layout-align-gt-md="start 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; }
|
|
|
|
|
|
|
|
|
|
[layout-gt-md] {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
display: flex; }
|
|
|
|
|
|
|
|
|
|
[layout-gt-md=column] {
|
|
|
|
|
flex-direction: column; }
|
|
|
|
|
|
|
|
|
|
[layout-gt-md=row] {
|
|
|
|
|
flex-direction: row; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md] {
|
|
|
|
|
flex: 1; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md="0"] {
|
|
|
|
|
flex: 0 0 0%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="0"] {
|
|
|
|
|
max-width: 0%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="0"] {
|
|
|
|
|
max-height: 0%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md="5"] {
|
|
|
|
|
flex: 0 0 5%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="5"] {
|
|
|
|
|
max-width: 5%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="5"] {
|
|
|
|
|
max-height: 5%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md="10"] {
|
|
|
|
|
flex: 0 0 10%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="10"] {
|
|
|
|
|
max-width: 10%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="10"] {
|
|
|
|
|
max-height: 10%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md="15"] {
|
|
|
|
|
flex: 0 0 15%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="15"] {
|
|
|
|
|
max-width: 15%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="15"] {
|
|
|
|
|
max-height: 15%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md="20"] {
|
|
|
|
|
flex: 0 0 20%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="20"] {
|
|
|
|
|
max-width: 20%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="20"] {
|
|
|
|
|
max-height: 20%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md="25"] {
|
|
|
|
|
flex: 0 0 25%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="25"] {
|
|
|
|
|
max-width: 25%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="25"] {
|
|
|
|
|
max-height: 25%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md="30"] {
|
|
|
|
|
flex: 0 0 30%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="30"] {
|
|
|
|
|
max-width: 30%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="30"] {
|
|
|
|
|
max-height: 30%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md="35"] {
|
|
|
|
|
flex: 0 0 35%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="35"] {
|
|
|
|
|
max-width: 35%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="35"] {
|
|
|
|
|
max-height: 35%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md="40"] {
|
|
|
|
|
flex: 0 0 40%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="40"] {
|
|
|
|
|
max-width: 40%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="40"] {
|
|
|
|
|
max-height: 40%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md="45"] {
|
|
|
|
|
flex: 0 0 45%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="45"] {
|
|
|
|
|
max-width: 45%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="45"] {
|
|
|
|
|
max-height: 45%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md="50"] {
|
|
|
|
|
flex: 0 0 50%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="50"] {
|
|
|
|
|
max-width: 50%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="50"] {
|
|
|
|
|
max-height: 50%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md="55"] {
|
|
|
|
|
flex: 0 0 55%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="55"] {
|
|
|
|
|
max-width: 55%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="55"] {
|
|
|
|
|
max-height: 55%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md="60"] {
|
|
|
|
|
flex: 0 0 60%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="60"] {
|
|
|
|
|
max-width: 60%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="60"] {
|
|
|
|
|
max-height: 60%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md="65"] {
|
|
|
|
|
flex: 0 0 65%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="65"] {
|
|
|
|
|
max-width: 65%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="65"] {
|
|
|
|
|
max-height: 65%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md="70"] {
|
|
|
|
|
flex: 0 0 70%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="70"] {
|
|
|
|
|
max-width: 70%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="70"] {
|
|
|
|
|
max-height: 70%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md="75"] {
|
|
|
|
|
flex: 0 0 75%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="75"] {
|
|
|
|
|
max-width: 75%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="75"] {
|
|
|
|
|
max-height: 75%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md="80"] {
|
|
|
|
|
flex: 0 0 80%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="80"] {
|
|
|
|
|
max-width: 80%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="80"] {
|
|
|
|
|
max-height: 80%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md="85"] {
|
|
|
|
|
flex: 0 0 85%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="85"] {
|
|
|
|
|
max-width: 85%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="85"] {
|
|
|
|
|
max-height: 85%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md="90"] {
|
|
|
|
|
flex: 0 0 90%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="90"] {
|
|
|
|
|
max-width: 90%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="90"] {
|
|
|
|
|
max-height: 90%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md="95"] {
|
|
|
|
|
flex: 0 0 95%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="95"] {
|
|
|
|
|
max-width: 95%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="95"] {
|
|
|
|
|
max-height: 95%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-md="100"] {
|
|
|
|
|
flex: 0 0 100%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="100"] {
|
|
|
|
|
max-width: 100%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="100"] {
|
|
|
|
|
max-height: 100%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-md="33"], [layout="row"] > [flex-gt-md="34"] {
|
|
|
|
|
flex: 0 0 33.33%;
|
|
|
|
|
max-width: 33.33%; }
|
|
|
|
|
[layout="row"] > [flex-gt-md="66"], [layout="row"] > [flex-gt-md="67"] {
|
|
|
|
|
flex: 0 0 66.66%;
|
|
|
|
|
max-width: 66.66%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-md="33"], [layout="column"] > [flex-gt-md="34"] {
|
|
|
|
|
flex: 0 0 33.33%;
|
|
|
|
|
max-height: 33.33%; }
|
|
|
|
|
[layout="column"] > [flex-gt-md="66"], [layout="column"] > [flex-gt-md="67"] {
|
|
|
|
|
flex: 0 0 66.66%;
|
|
|
|
|
max-height: 66.66%; } }
|
|
|
|
|
@media (min-width: 960px) and (max-width: 1200px) {
|
|
|
|
|
[hide-lg]:not([show-lg]), [hide]:not([show-lg]) {
|
|
|
|
|
display: none; }
|
|
|
|
|
|
|
|
|
|
[layout-align-lg="center"],
|
|
|
|
|
[layout-align-lg="center center"],
|
|
|
|
|
[layout-align-lg="center start"],
|
|
|
|
|
[layout-align-lg="center end"] {
|
|
|
|
|
justify-content: center; }
|
|
|
|
|
|
|
|
|
|
[layout-align-lg="end"],
|
|
|
|
|
[layout-align-lg="end center"],
|
|
|
|
|
[layout-align-lg="end start"],
|
|
|
|
|
[layout-align-lg="end end"] {
|
|
|
|
|
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"] {
|
|
|
|
|
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"] {
|
|
|
|
|
justify-content: space-between; }
|
|
|
|
|
|
|
|
|
|
[layout-align-lg="center center"],
|
|
|
|
|
[layout-align-lg="start center"],
|
|
|
|
|
[layout-align-lg="end center"],
|
|
|
|
|
[layout-align-lg="space-between center"],
|
|
|
|
|
[layout-align-lg="space-around center"] {
|
|
|
|
|
align-items: center; }
|
|
|
|
|
|
|
|
|
|
[layout-align-lg="center start"],
|
|
|
|
|
[layout-align-lg="start start"],
|
|
|
|
|
[layout-align-lg="end start"],
|
|
|
|
|
[layout-align-lg="space-between start"],
|
|
|
|
|
[layout-align-lg="space-around start"] {
|
|
|
|
|
align-items: flex-start; }
|
|
|
|
|
|
|
|
|
|
[layout-align-lg="center end"],
|
|
|
|
|
[layout-align-lg="start end"],
|
|
|
|
|
[layout-align-lg="end end"],
|
|
|
|
|
[layout-align-lg="space-between end"],
|
|
|
|
|
[layout-align-lg="space-around end"] {
|
|
|
|
|
align-items: flex-end; }
|
|
|
|
|
|
|
|
|
|
[layout-lg] {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
display: flex; }
|
|
|
|
|
|
|
|
|
|
[layout-lg=column] {
|
|
|
|
|
flex-direction: column; }
|
|
|
|
|
|
|
|
|
|
[layout-lg=row] {
|
|
|
|
|
flex-direction: row; }
|
|
|
|
|
|
|
|
|
|
[flex-lg] {
|
|
|
|
|
flex: 1; }
|
|
|
|
|
|
|
|
|
|
[flex-lg="0"] {
|
|
|
|
|
flex: 0 0 0%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="0"] {
|
|
|
|
|
max-width: 0%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="0"] {
|
|
|
|
|
max-height: 0%; }
|
|
|
|
|
|
|
|
|
|
[flex-lg="5"] {
|
|
|
|
|
flex: 0 0 5%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="5"] {
|
|
|
|
|
max-width: 5%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="5"] {
|
|
|
|
|
max-height: 5%; }
|
|
|
|
|
|
|
|
|
|
[flex-lg="10"] {
|
|
|
|
|
flex: 0 0 10%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="10"] {
|
|
|
|
|
max-width: 10%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="10"] {
|
|
|
|
|
max-height: 10%; }
|
|
|
|
|
|
|
|
|
|
[flex-lg="15"] {
|
|
|
|
|
flex: 0 0 15%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="15"] {
|
|
|
|
|
max-width: 15%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="15"] {
|
|
|
|
|
max-height: 15%; }
|
|
|
|
|
|
|
|
|
|
[flex-lg="20"] {
|
|
|
|
|
flex: 0 0 20%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="20"] {
|
|
|
|
|
max-width: 20%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="20"] {
|
|
|
|
|
max-height: 20%; }
|
|
|
|
|
|
|
|
|
|
[flex-lg="25"] {
|
|
|
|
|
flex: 0 0 25%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="25"] {
|
|
|
|
|
max-width: 25%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="25"] {
|
|
|
|
|
max-height: 25%; }
|
|
|
|
|
|
|
|
|
|
[flex-lg="30"] {
|
|
|
|
|
flex: 0 0 30%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="30"] {
|
|
|
|
|
max-width: 30%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="30"] {
|
|
|
|
|
max-height: 30%; }
|
|
|
|
|
|
|
|
|
|
[flex-lg="35"] {
|
|
|
|
|
flex: 0 0 35%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="35"] {
|
|
|
|
|
max-width: 35%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="35"] {
|
|
|
|
|
max-height: 35%; }
|
|
|
|
|
|
|
|
|
|
[flex-lg="40"] {
|
|
|
|
|
flex: 0 0 40%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="40"] {
|
|
|
|
|
max-width: 40%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="40"] {
|
|
|
|
|
max-height: 40%; }
|
|
|
|
|
|
|
|
|
|
[flex-lg="45"] {
|
|
|
|
|
flex: 0 0 45%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="45"] {
|
|
|
|
|
max-width: 45%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="45"] {
|
|
|
|
|
max-height: 45%; }
|
|
|
|
|
|
|
|
|
|
[flex-lg="50"] {
|
|
|
|
|
flex: 0 0 50%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="50"] {
|
|
|
|
|
max-width: 50%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="50"] {
|
|
|
|
|
max-height: 50%; }
|
|
|
|
|
|
|
|
|
|
[flex-lg="55"] {
|
|
|
|
|
flex: 0 0 55%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="55"] {
|
|
|
|
|
max-width: 55%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="55"] {
|
|
|
|
|
max-height: 55%; }
|
|
|
|
|
|
|
|
|
|
[flex-lg="60"] {
|
|
|
|
|
flex: 0 0 60%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="60"] {
|
|
|
|
|
max-width: 60%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="60"] {
|
|
|
|
|
max-height: 60%; }
|
|
|
|
|
|
|
|
|
|
[flex-lg="65"] {
|
|
|
|
|
flex: 0 0 65%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="65"] {
|
|
|
|
|
max-width: 65%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="65"] {
|
|
|
|
|
max-height: 65%; }
|
|
|
|
|
|
|
|
|
|
[flex-lg="70"] {
|
|
|
|
|
flex: 0 0 70%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="70"] {
|
|
|
|
|
max-width: 70%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="70"] {
|
|
|
|
|
max-height: 70%; }
|
|
|
|
|
|
|
|
|
|
[flex-lg="75"] {
|
|
|
|
|
flex: 0 0 75%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="75"] {
|
|
|
|
|
max-width: 75%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="75"] {
|
|
|
|
|
max-height: 75%; }
|
|
|
|
|
|
|
|
|
|
[flex-lg="80"] {
|
|
|
|
|
flex: 0 0 80%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="80"] {
|
|
|
|
|
max-width: 80%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="80"] {
|
|
|
|
|
max-height: 80%; }
|
|
|
|
|
|
|
|
|
|
[flex-lg="85"] {
|
|
|
|
|
flex: 0 0 85%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="85"] {
|
|
|
|
|
max-width: 85%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="85"] {
|
|
|
|
|
max-height: 85%; }
|
|
|
|
|
|
|
|
|
|
[flex-lg="90"] {
|
|
|
|
|
flex: 0 0 90%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="90"] {
|
|
|
|
|
max-width: 90%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="90"] {
|
|
|
|
|
max-height: 90%; }
|
|
|
|
|
|
|
|
|
|
[flex-lg="95"] {
|
|
|
|
|
flex: 0 0 95%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="95"] {
|
|
|
|
|
max-width: 95%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="95"] {
|
|
|
|
|
max-height: 95%; }
|
|
|
|
|
|
|
|
|
|
[flex-lg="100"] {
|
|
|
|
|
flex: 0 0 100%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="100"] {
|
|
|
|
|
max-width: 100%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="100"] {
|
|
|
|
|
max-height: 100%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-lg="33"], [layout="row"] > [flex-lg="34"] {
|
|
|
|
|
flex: 0 0 33.33%;
|
|
|
|
|
max-width: 33.33%; }
|
|
|
|
|
[layout="row"] > [flex-lg="66"], [layout="row"] > [flex-lg="67"] {
|
|
|
|
|
flex: 0 0 66.66%;
|
|
|
|
|
max-width: 66.66%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-lg="33"], [layout="column"] > [flex-lg="34"] {
|
|
|
|
|
flex: 0 0 33.33%;
|
|
|
|
|
max-height: 33.33%; }
|
|
|
|
|
[layout="column"] > [flex-lg="66"], [layout="column"] > [flex-lg="67"] {
|
|
|
|
|
flex: 0 0 66.66%;
|
|
|
|
|
max-height: 66.66%; } }
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
|
[hide-gt-lg]:not([show-gt-lg]), [hide]:not([show-gt-lg]) {
|
|
|
|
|
display: none; }
|
|
|
|
|
|
|
|
|
|
[layout-align-gt-lg="center"],
|
|
|
|
|
[layout-align-gt-lg="center center"],
|
|
|
|
|
[layout-align-gt-lg="center start"],
|
|
|
|
|
[layout-align-gt-lg="center end"] {
|
|
|
|
|
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"] {
|
|
|
|
|
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"] {
|
|
|
|
|
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"] {
|
|
|
|
|
justify-content: space-between; }
|
|
|
|
|
|
|
|
|
|
[layout-align-gt-lg="center center"],
|
|
|
|
|
[layout-align-gt-lg="start center"],
|
|
|
|
|
[layout-align-gt-lg="end center"],
|
|
|
|
|
[layout-align-gt-lg="space-between center"],
|
|
|
|
|
[layout-align-gt-lg="space-around center"] {
|
|
|
|
|
align-items: center; }
|
|
|
|
|
|
|
|
|
|
[layout-align-gt-lg="center start"],
|
|
|
|
|
[layout-align-gt-lg="start 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; }
|
|
|
|
|
|
|
|
|
|
[layout-align-gt-lg="center end"],
|
|
|
|
|
[layout-align-gt-lg="start 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; }
|
|
|
|
|
|
|
|
|
|
[layout-gt-lg] {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
display: flex; }
|
|
|
|
|
|
|
|
|
|
[layout-gt-lg=column] {
|
|
|
|
|
flex-direction: column; }
|
|
|
|
|
|
|
|
|
|
[layout-gt-lg=row] {
|
|
|
|
|
flex-direction: row; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg] {
|
|
|
|
|
flex: 1; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg="0"] {
|
|
|
|
|
flex: 0 0 0%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="0"] {
|
|
|
|
|
max-width: 0%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="0"] {
|
|
|
|
|
max-height: 0%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg="5"] {
|
|
|
|
|
flex: 0 0 5%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="5"] {
|
|
|
|
|
max-width: 5%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="5"] {
|
|
|
|
|
max-height: 5%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg="10"] {
|
|
|
|
|
flex: 0 0 10%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="10"] {
|
|
|
|
|
max-width: 10%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="10"] {
|
|
|
|
|
max-height: 10%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg="15"] {
|
|
|
|
|
flex: 0 0 15%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="15"] {
|
|
|
|
|
max-width: 15%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="15"] {
|
|
|
|
|
max-height: 15%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg="20"] {
|
|
|
|
|
flex: 0 0 20%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="20"] {
|
|
|
|
|
max-width: 20%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="20"] {
|
|
|
|
|
max-height: 20%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg="25"] {
|
|
|
|
|
flex: 0 0 25%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="25"] {
|
|
|
|
|
max-width: 25%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="25"] {
|
|
|
|
|
max-height: 25%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg="30"] {
|
|
|
|
|
flex: 0 0 30%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="30"] {
|
|
|
|
|
max-width: 30%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="30"] {
|
|
|
|
|
max-height: 30%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg="35"] {
|
|
|
|
|
flex: 0 0 35%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="35"] {
|
|
|
|
|
max-width: 35%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="35"] {
|
|
|
|
|
max-height: 35%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg="40"] {
|
|
|
|
|
flex: 0 0 40%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="40"] {
|
|
|
|
|
max-width: 40%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="40"] {
|
|
|
|
|
max-height: 40%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg="45"] {
|
|
|
|
|
flex: 0 0 45%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="45"] {
|
|
|
|
|
max-width: 45%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="45"] {
|
|
|
|
|
max-height: 45%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg="50"] {
|
|
|
|
|
flex: 0 0 50%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="50"] {
|
|
|
|
|
max-width: 50%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="50"] {
|
|
|
|
|
max-height: 50%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg="55"] {
|
|
|
|
|
flex: 0 0 55%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="55"] {
|
|
|
|
|
max-width: 55%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="55"] {
|
|
|
|
|
max-height: 55%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg="60"] {
|
|
|
|
|
flex: 0 0 60%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="60"] {
|
|
|
|
|
max-width: 60%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="60"] {
|
|
|
|
|
max-height: 60%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg="65"] {
|
|
|
|
|
flex: 0 0 65%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="65"] {
|
|
|
|
|
max-width: 65%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="65"] {
|
|
|
|
|
max-height: 65%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg="70"] {
|
|
|
|
|
flex: 0 0 70%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="70"] {
|
|
|
|
|
max-width: 70%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="70"] {
|
|
|
|
|
max-height: 70%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg="75"] {
|
|
|
|
|
flex: 0 0 75%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="75"] {
|
|
|
|
|
max-width: 75%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="75"] {
|
|
|
|
|
max-height: 75%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg="80"] {
|
|
|
|
|
flex: 0 0 80%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="80"] {
|
|
|
|
|
max-width: 80%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="80"] {
|
|
|
|
|
max-height: 80%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg="85"] {
|
|
|
|
|
flex: 0 0 85%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="85"] {
|
|
|
|
|
max-width: 85%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="85"] {
|
|
|
|
|
max-height: 85%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg="90"] {
|
|
|
|
|
flex: 0 0 90%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="90"] {
|
|
|
|
|
max-width: 90%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="90"] {
|
|
|
|
|
max-height: 90%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg="95"] {
|
|
|
|
|
flex: 0 0 95%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="95"] {
|
|
|
|
|
max-width: 95%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="95"] {
|
|
|
|
|
max-height: 95%; }
|
|
|
|
|
|
|
|
|
|
[flex-gt-lg="100"] {
|
|
|
|
|
flex: 0 0 100%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="100"] {
|
|
|
|
|
max-width: 100%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="100"] {
|
|
|
|
|
max-height: 100%; }
|
|
|
|
|
|
|
|
|
|
[layout="row"] > [flex-gt-lg="33"], [layout="row"] > [flex-gt-lg="34"] {
|
|
|
|
|
flex: 0 0 33.33%;
|
|
|
|
|
max-width: 33.33%; }
|
|
|
|
|
[layout="row"] > [flex-gt-lg="66"], [layout="row"] > [flex-gt-lg="67"] {
|
|
|
|
|
flex: 0 0 66.66%;
|
|
|
|
|
max-width: 66.66%; }
|
|
|
|
|
|
|
|
|
|
[layout="column"] > [flex-gt-lg="33"], [layout="column"] > [flex-gt-lg="34"] {
|
|
|
|
|
flex: 0 0 33.33%;
|
|
|
|
|
max-height: 33.33%; }
|
|
|
|
|
[layout="column"] > [flex-gt-lg="66"], [layout="column"] > [flex-gt-lg="67"] {
|
|
|
|
|
flex: 0 0 66.66%;
|
|
|
|
|
max-height: 66.66%; } }
|
|
|
|
|
[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; }
|
|
|
|
|
|
|
|
|
|
/* Angular-material components local overrides */
|
|
|
|
|
md-list {
|
|
|
|
|
padding: 8px 0px 8px 0px; }
|
|
|
|
|
|
|
|
|
|
md-item-content {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
position: relative;
|
|
|
|
|
padding: 0px 0px 0px 0px; }
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* The left tile for a list item.
|
|
|
|
|
*/
|
|
|
|
|
.md-tile-left {
|
|
|
|
|
min-width: 56px;
|
|
|
|
|
margin-right: -16px;
|
|
|
|
|
height: 56px;
|
|
|
|
|
background-color: grey; }
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* The center content tile for a list item.
|
|
|
|
|
*/
|
|
|
|
|
.md-tile-content, .sg-tile-content {
|
|
|
|
|
flex: 1;
|
|
|
|
|
padding: 16px;
|
|
|
|
|
text-overflow: ellipsis; }
|
|
|
|
|
.md-tile-content h3, .sg-tile-content h3 {
|
|
|
|
|
margin: 0 0 3px 0;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-size: 1.1em; }
|
|
|
|
|
.md-tile-content h4, .sg-tile-content h4 {
|
|
|
|
|
margin: 0 0 3px 0;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-size: 0.9em; }
|
|
|
|
|
.md-tile-content p, .sg-tile-content p {
|
|
|
|
|
margin: 0 0 3px 0;
|
|
|
|
|
font-size: 0.75em; }
|
|
|
|
|
|
|
|
|
|
.sg-tile-content {
|
|
|
|
|
margin-left: 16px; }
|
|
|
|
|
.sg-tile-content .name {
|
|
|
|
|
margin: 0 0 3px 0;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-size: 1.1em; }
|
|
|
|
|
.sg-tile-content .subject {
|
|
|
|
|
margin: 0 0 3px 0;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
font-size: 0.9em;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
white-space: nowrap; }
|
|
|
|
|
.sg-tile-content p {
|
|
|
|
|
margin: 0 0 3px 0;
|
|
|
|
|
font-size: 0.75em; }
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* The right tile for a list item.
|
|
|
|
|
*/
|
|
|
|
|
.md-tile-right {
|
|
|
|
|
padding-right: 0px; }
|
|
|
|
|
|
|
|
|
|
md-divider {
|
|
|
|
|
display: block;
|
|
|
|
|
border-top: 1px solid;
|
|
|
|
|
margin: 0; }
|
|
|
|
|
md-divider[md-inset] {
|
|
|
|
|
margin-left: 72px; }
|
|
|
|
|
|
|
|
|
|
md-toolbar {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
font-size: 1.3em;
|
|
|
|
|
min-height: 64px;
|
|
|
|
|
width: 100%; }
|
|
|
|
|
md-toolbar.md-tall {
|
|
|
|
|
height: 128px;
|
|
|
|
|
min-height: 128px;
|
|
|
|
|
max-height: 128px; }
|
|
|
|
|
md-toolbar.md-medium-tall {
|
|
|
|
|
height: 88px;
|
|
|
|
|
min-height: 88px;
|
|
|
|
|
max-height: 88px; }
|
|
|
|
|
md-toolbar.md-medium-tall .md-toolbar-tools {
|
|
|
|
|
height: 48px;
|
|
|
|
|
min-height: 48px;
|
|
|
|
|
max-height: 48px; }
|
|
|
|
|
md-toolbar.md-toolbar-small {
|
|
|
|
|
min-height: 48px; }
|
|
|
|
|
md-toolbar .md-indent {
|
|
|
|
|
margin-left: 64px; }
|
|
|
|
|
|
|
|
|
|
.md-toolbar-tools {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 64px;
|
|
|
|
|
min-height: 100%;
|
|
|
|
|
max-height: 64px;
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
padding: 0 16px;
|
|
|
|
|
margin: 0; }
|
|
|
|
|
.md-toolbar-tools > * {
|
|
|
|
|
font-size: inherit; }
|
|
|
|
|
.md-toolbar-tools h2, .md-toolbar-tools h3 {
|
|
|
|
|
font-weight: normal; }
|
|
|
|
|
.md-toolbar-tools a {
|
|
|
|
|
color: inherit;
|
|
|
|
|
text-decoration: none; }
|
|
|
|
|
.md-toolbar-tools .fill-height {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center; }
|
|
|
|
|
.md-toolbar-tools .md-tools {
|
|
|
|
|
margin-left: auto; }
|
|
|
|
|
.md-toolbar-tools .md-button {
|
|
|
|
|
font-size: 14px; }
|
|
|
|
|
|
2015-01-21 19:16:33 +01:00
|
|
|
|
md-toolbar {
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
position: relative;
|
|
|
|
|
z-index: 2;
|
|
|
|
|
font-size: 1.3em;
|
|
|
|
|
min-height: 64px;
|
|
|
|
|
width: 100%; }
|
|
|
|
|
md-toolbar.md-tall {
|
|
|
|
|
height: 128px;
|
|
|
|
|
min-height: 128px;
|
|
|
|
|
max-height: 128px; }
|
|
|
|
|
md-toolbar.md-medium-tall {
|
|
|
|
|
height: 88px;
|
|
|
|
|
min-height: 88px;
|
|
|
|
|
max-height: 88px; }
|
|
|
|
|
md-toolbar.md-medium-tall .md-toolbar-tools {
|
|
|
|
|
height: 48px;
|
|
|
|
|
min-height: 48px;
|
|
|
|
|
max-height: 48px; }
|
|
|
|
|
md-toolbar.md-toolbar-small {
|
|
|
|
|
min-height: 48px; }
|
|
|
|
|
md-toolbar .md-indent {
|
|
|
|
|
margin-left: 64px; }
|
|
|
|
|
|
|
|
|
|
.md-toolbar-tools {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 64px;
|
|
|
|
|
min-height: 100%;
|
|
|
|
|
max-height: 64px;
|
|
|
|
|
font-size: inherit;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
padding: 0 16px;
|
|
|
|
|
margin: 0; }
|
|
|
|
|
.md-toolbar-tools > * {
|
|
|
|
|
font-size: inherit; }
|
|
|
|
|
.md-toolbar-tools h2, .md-toolbar-tools h3 {
|
|
|
|
|
font-weight: normal; }
|
|
|
|
|
.md-toolbar-tools a {
|
|
|
|
|
color: inherit;
|
|
|
|
|
text-decoration: none; }
|
|
|
|
|
.md-toolbar-tools .fill-height {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center; }
|
|
|
|
|
.md-toolbar-tools .md-tools {
|
|
|
|
|
margin-left: auto; }
|
|
|
|
|
.md-toolbar-tools .md-button {
|
|
|
|
|
font-size: 14px; }
|
|
|
|
|
|
|
|
|
|
.sg-bottombar {
|
|
|
|
|
@extends md-toolbar;
|
|
|
|
|
background-color: #212121;
|
|
|
|
|
position: fixed;
|
|
|
|
|
bottom: 0px;
|
|
|
|
|
left: 0px;
|
|
|
|
|
z-index: 100; }
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
*
|
|
|
|
|
* @filename _base_styles.scss
|
|
|
|
|
* @project SOGo
|
|
|
|
|
* @version 3.alpha
|
|
|
|
|
*
|
|
|
|
|
* Define basic general styles for base elements
|
|
|
|
|
*
|
|
|
|
|
*
|
|
|
|
|
*/
|
|
|
|
|
body,
|
|
|
|
|
.main {
|
|
|
|
|
padding-bottom: 64px; }
|
|
|
|
|
|
2015-01-21 17:23:25 +01:00
|
|
|
|
/**
|
|
|
|
|
*
|
|
|
|
|
* This is the shame file (http://csswizardry.com/2013/04/shame-css/)
|
|
|
|
|
* RULES
|
|
|
|
|
* 1. If it’s a hack, it goes in shame.css.
|
|
|
|
|
* 2. Document all hacks fully:
|
|
|
|
|
* 1. What part of the codebase does it relate to?
|
|
|
|
|
* 2. Why was this needed?
|
|
|
|
|
* 3. How does this fix it?
|
|
|
|
|
* 4. How might you fix it properly, given more time?
|
|
|
|
|
* 3. Do not blame the developer; if they explained why they had to do it
|
|
|
|
|
* then their reasons are probably (hopefully) valid.
|
|
|
|
|
* 4. Try and clean shame.css up when you have some down time.
|
|
|
|
|
* Even better, get a tech-debt story in which you can dedicate actual sprint time to it.
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
/*# sourceMappingURL=styles.css.map */
|