2433 lines
60 KiB
CSS
2433 lines
60 KiB
CSS
@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_: _#fdd835_,_700_: _#fbc02d_,_800_: _#f9a825_,_900_: _#f57f17_,_A100_: _#ffff8d_,_A200_: _#ffff00_,_A400_: _#ffea00_,_A700_: _#ffd600_,_contrastDefaultColor_: _dark_},_amber_: {_50_: _#fff8e1_,_100_: _#ffecb3_,_200_: _#ffe082_,_300_: _#ffd54f_,_400_: _#ffca28_,_500_: _#ffc107_,_600_: _#ffb300_,_700_: _#ffa000_,_800_: _#ff8f00_,_900_: _#ff6f00_,_A100_: _#ffe57f_,_A200_: _#ffd740_,_A400_: _#ffc400_,_A700_: _#ffab00_,_contrastDefaultColor_: _dark_},_orange_: {_50_: _#fff3e0_,_100_: _#ffe0b2_,_200_: _#ffcc80_,_300_: _#ffb74d_,_400_: _#ffa726_,_500_: _#ff9800_,_600_: _#fb8c00_,_700_: _#f57c00_,_800_: _#ef6c00_,_900_: _#e65100_,_A100_: _#ffd180_,_A200_: _#ffab40_,_A400_: _#ff9100_,_A700_: _#ff6d00_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _800 900_},_deep-orange_: {_50_: _#fbe9e7_,_100_: _#ffccbc_,_200_: _#ffab91_,_300_: _#ff8a65_,_400_: _#ff7043_,_500_: _#ff5722_,_600_: _#f4511e_,_700_: _#e64a19_,_800_: _#d84315_,_900_: _#bf360c_,_A100_: _#ff9e80_,_A200_: _#ff6e40_,_A400_: _#ff3d00_,_A700_: _#dd2c00_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 300 400 A100 A200_},_brown_: {_50_: _#efebe9_,_100_: _#d7ccc8_,_200_: _#bcaaa4_,_300_: _#a1887f_,_400_: _#8d6e63_,_500_: _#795548_,_600_: _#6d4c41_,_700_: _#5d4037_,_800_: _#4e342e_,_900_: _#3e2723_,_A100_: _#d7ccc8_,_A200_: _#bcaaa4_,_A400_: _#8d6e63_,_A700_: _#5d4037_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200_},_grey_: {_0_: _#ffffff_,_50_: _#fafafa_,_100_: _#f5f5f5_,_200_: _#eeeeee_,_300_: _#e0e0e0_,_400_: _#bdbdbd_,_500_: _#9e9e9e_,_600_: _#757575_,_700_: _#616161_,_800_: _#424242_,_900_: _#212121_,_1000_: _#000000_,_A100_: _#ffffff_,_A200_: _#eeeeee_,_A400_: _#bdbdbd_,_A700_: _#616161_,_contrastDefaultColor_: _dark_,_contrastLightColors_: _600 700 800 900_},_blue-grey_: {_50_: _#eceff1_,_100_: _#cfd8dc_,_200_: _#b0bec5_,_300_: _#90a4ae_,_400_: _#78909c_,_500_: _#607d8b_,_600_: _#546e7a_,_700_: _#455a64_,_800_: _#37474f_,_900_: _#263238_,_A100_: _#cfd8dc_,_A200_: _#b0bec5_,_A400_: _#78909c_,_A700_: _#455a64_,_contrastDefaultColor_: _light_,_contrastDarkColors_: _50 100 200 300_}}");
|
||
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; }
|
||
|
||
.view[layout=row] {
|
||
max-height: 100%; }
|
||
|
||
/* 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; }
|
||
|
||
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; }
|
||
|
||
/**
|
||
*
|
||
* 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 */
|