vendor/assets/stylesheets/material.css in material_design_lite-rails-1.0.0 vs vendor/assets/stylesheets/material.css in material_design_lite-rails-1.0.1
- old
+ new
@@ -1,9 +1,9 @@
/**
* material-design-lite - Material Design Components in CSS, JS and HTML
- * @version v1.0.0
- * @license Apache-2
+ * @version v1.0.1
+ * @license Apache-2.0
* @copyright 2015 Google, Inc.
* @link https://github.com/google/material-design-lite
*/
@charset "UTF-8";
/**
@@ -50,12 +50,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -234,12 +233,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -396,11 +394,15 @@
/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/
-audio, canvas, img, svg, video {
+audio,
+canvas,
+img,
+svg,
+video {
vertical-align: middle; }
/*
* Remove default fieldset styles.
*/
@@ -452,11 +454,12 @@
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
-.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
@@ -477,11 +480,12 @@
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
-.clearfix:before, .clearfix:after {
+.clearfix:before,
+.clearfix:after {
content: " ";
/* 1 */
display: table;
/* 2 */ }
@@ -496,42 +500,51 @@
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request: h5bp.com/r
========================================================================== */
@media print {
- *, *:before, *:after {
+ *,
+ *:before,
+ *:after {
background: transparent !important;
color: #000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important; }
- a, a:visited {
+ a,
+ a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
- a[href^="#"]:after, a[href^="javascript:"]:after {
+ a[href^="#"]:after,
+ a[href^="javascript:"]:after {
content: ""; }
- pre, blockquote {
+ pre,
+ blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group;
/* h5bp.com/t */ }
- tr, img {
+ tr,
+ img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
- p, h2, h3 {
+ p,
+ h2,
+ h3 {
orphans: 3;
widows: 3; }
- h2, h3 {
+ h2,
+ h3 {
page-break-after: avoid; } }
/**
* Copyright 2015 Google Inc. All Rights Reserved.
*
@@ -547,29 +560,32 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/* Remove the unwanted box around FAB buttons */
/* More info: http://goo.gl/IPwKi */
-a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu, .mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {
+a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
+.mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
/*
- * Make body take up the entire screen
+ * Make html take up the entire screen
+ * Then set touch-action to avoid touch delay on mobile IE
*/
html {
width: 100%;
- height: 100%; }
+ height: 100%;
+ -ms-touch-action: manipulation;
+ touch-action: manipulation; }
-body {
- width: 100%;
- min-height: 100%; }
-
/*
+* Make body take up the entire screen
* Remove body margin so layout containers don't cause extra overflow.
*/
body {
+ width: 100%;
+ min-height: 100%;
margin: 0; }
/*
* Main display reset for IE support.
* Source: http://weblog.west-wind.com/posts/2015/Jan/12/main-HTML5-Tag-not-working-in-Internet-Explorer-91011
@@ -612,12 +628,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -752,76 +767,76 @@
*/
/* Typography */
/* Shadows */
/* Animations */
html, body {
- font-family: 'Helvetica', 'Arial', sans-serif;
+ font-family: "Helvetica", "Arial", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px; }
h1, h2, h3, h4, h5, h6, p {
margin: 0;
padding: 0; }
/**
-* Styles for HTML elements
-*/
+ * Styles for HTML elements
+ */
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 56px;
font-weight: 400;
line-height: 1.35;
letter-spacing: -0.02em;
opacity: 0.54;
font-size: 0.6em; }
h1 {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 56px;
font-weight: 400;
line-height: 1.35;
letter-spacing: -0.02em;
margin-top: 24px;
margin-bottom: 24px; }
h2 {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 45px;
font-weight: 400;
line-height: 48px;
margin-top: 24px;
margin-bottom: 24px; }
h3 {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 34px;
font-weight: 400;
line-height: 40px;
margin-top: 24px;
margin-bottom: 24px; }
h4 {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 32px;
-moz-osx-font-smoothing: grayscale;
margin-top: 24px;
margin-bottom: 16px; }
h5 {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1;
letter-spacing: 0.02em;
margin-top: 24px;
margin-bottom: 16px; }
h6 {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.04em;
margin-top: 24px;
@@ -837,11 +852,11 @@
a {
color: rgb(255,64,129);
font-weight: 500; }
blockquote {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
position: relative;
font-size: 24px;
font-weight: 300;
font-style: italic;
line-height: 1.35;
@@ -875,104 +890,104 @@
/**
* Class Name Styles
*/
.mdl-typography--display-4 {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 112px;
font-weight: 300;
line-height: 1;
letter-spacing: -0.04em; }
.mdl-typography--display-4-color-contrast {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 112px;
font-weight: 300;
line-height: 1;
letter-spacing: -0.04em;
opacity: 0.54; }
.mdl-typography--display-3 {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 56px;
font-weight: 400;
line-height: 1.35;
letter-spacing: -0.02em; }
.mdl-typography--display-3-color-contrast {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 56px;
font-weight: 400;
line-height: 1.35;
letter-spacing: -0.02em;
opacity: 0.54; }
.mdl-typography--display-2 {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 45px;
font-weight: 400;
line-height: 48px; }
.mdl-typography--display-2-color-contrast {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 45px;
font-weight: 400;
line-height: 48px;
opacity: 0.54; }
.mdl-typography--display-1 {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 34px;
font-weight: 400;
line-height: 40px; }
.mdl-typography--display-1-color-contrast {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 34px;
font-weight: 400;
line-height: 40px;
opacity: 0.54; }
.mdl-typography--headline {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 32px;
-moz-osx-font-smoothing: grayscale; }
.mdl-typography--headline-color-contrast {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 32px;
-moz-osx-font-smoothing: grayscale;
opacity: 0.87; }
.mdl-typography--title {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1;
letter-spacing: 0.02em; }
.mdl-typography--title-color-contrast {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1;
letter-spacing: 0.02em;
opacity: 0.87; }
.mdl-typography--subhead {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.04em; }
.mdl-typography--subhead-color-contrast {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.04em;
opacity: 0.87; }
@@ -1002,33 +1017,33 @@
line-height: 24px;
letter-spacing: 0;
opacity: 0.87; }
.mdl-typography--body-2-force-preferred-font {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0; }
.mdl-typography--body-2-force-preferred-font-color-contrast {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0;
opacity: 0.87; }
.mdl-typography--body-1-force-preferred-font {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0; }
.mdl-typography--body-1-force-preferred-font-color-contrast {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0;
opacity: 0.87; }
@@ -1038,11 +1053,11 @@
font-weight: 400;
line-height: 1;
letter-spacing: 0; }
.mdl-typography--caption-force-preferred-font {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1;
letter-spacing: 0; }
@@ -1052,42 +1067,42 @@
line-height: 1;
letter-spacing: 0;
opacity: 0.54; }
.mdl-typography--caption-force-preferred-font-color-contrast {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1;
letter-spacing: 0;
opacity: 0.54; }
.mdl-typography--menu {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1;
letter-spacing: 0; }
.mdl-typography--menu-color-contrast {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1;
letter-spacing: 0;
opacity: 0.87; }
.mdl-typography--button {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
line-height: 1;
letter-spacing: 0; }
.mdl-typography--button-color-contrast {
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
line-height: 1;
letter-spacing: 0;
@@ -1163,12 +1178,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -2994,12 +3008,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -3115,197 +3128,10 @@
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
-/**
- * Copyright 2015 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/* Typography */
-/* Shadows */
-/* Animations */
-.mdl-shadow--2dp {
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
-
-.mdl-shadow--3dp {
- box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }
-
-.mdl-shadow--4dp {
- box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }
-
-.mdl-shadow--6dp {
- box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }
-
-.mdl-shadow--8dp {
- box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }
-
-.mdl-shadow--16dp {
- box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
-
-/**
- * Copyright 2015 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/**
- * Copyright 2015 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/*------------------------------------*\
- $CONTENTS
-\*------------------------------------*/
-/**
- * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
- * -----Typography
- * -----Colors
- * -----Textfield
- * -----Switch
- * -----Spinner
- * -----Radio
- * -----Menu
- * -----List
- * -----Layout
- * -----Icon toggles
- * -----Footer
- * -----Column
- * -----Checkbox
- * -----Card
- * -----Button
- * -----Animation
- * -----Progress
- * -----Badge
- * -----Shadows
- * -----Grid
- * -----Data table
- */
-/* ========== TYPOGRAPHY ========== */
-/* We're splitting fonts into "preferred" and "performance" in order to optimize
- page loading. For important text, such as the body, we want it to load
- immediately and not wait for the web font load, whereas for other sections,
- such as headers and titles, we're OK with things taking a bit longer to load.
- We do have some optional classes and parameters in the mixins, in case you
- definitely want to make sure you're using the preferred font and don't mind
- the performance hit.
- We should be able to improve on this once CSS Font Loading L3 becomes more
- widely available.
-*/
-/* ========== COLORS ========== */
-/**
-*
-* Material design color palettes.
-* @see http://www.google.com/design/spec/style/color.html
-*
-**/
-/**
- * Copyright 2015 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-/* ========== Color Palettes ========== */
-/* colors.scss */
-/* ========== Color & Themes ========== */
-/* ========== Typography ========== */
-/* ========== Components ========== */
-/* ========== Standard Buttons ========== */
-/* ========== Icon Toggles ========== */
-/* ========== Radio Buttons ========== */
-/* ========== Ripple effect ========== */
-/* ========== Layout ========== */
-/* ========== Content Tabs ========== */
-/* ========== Checkboxes ========== */
-/* ========== Switches ========== */
-/* ========== Spinner ========== */
-/* ========== Text fields ========== */
-/* ========== Card ========== */
-/* ========== Sliders ========== */
-/* ========== Progress ========== */
-/* ========== List ========== */
-/* ========== Item ========== */
-/* ========== Dropdown menu ========== */
-/* ========== Tooltips ========== */
-/* ========== Footer ========== */
-/* TEXTFIELD */
-/* SWITCH */
-/* SPINNER */
-/* RADIO */
-/* MENU */
-/* LIST */
-/* ICONS */
-/* ICON TOGGLE */
-/* FOOTER */
-/*mega-footer*/
-/**************
- *
- * Sizes
- *
- *************/
-/*mini-footer*/
-/**************
- *
- * Sizes
- *
- *************/
-/* COLUMN LAYOUT */
-/* CHECKBOX */
-/* CARD */
-/* Card dimensions */
-/* Cover image */
-/* BUTTON */
-/**
- *
- * Dimensions
- *
- */
-/* ANIMATION */
-/* PROGRESS */
-/* BADGE */
-/* SHADOWS */
-/* GRID */
-/* DATA TABLE */
.mdl-ripple {
background: rgb(0,0,0);
border-radius: 50%;
height: 50px;
left: 0;
@@ -3352,12 +3178,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -3519,12 +3344,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -3674,12 +3498,12 @@
-ms-flex-align: center;
align-items: center;
position: absolute;
top: -11px;
right: -24px;
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
- font-weight: 400;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
+ font-weight: 600;
font-size: 12px;
width: 22px;
height: 22px;
border-radius: 50%;
background: rgb(255,64,129);
@@ -3720,12 +3544,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -3870,11 +3693,11 @@
position: relative;
height: 36px;
min-width: 64px;
padding: 0 8px;
display: inline-block;
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
line-height: 1;
letter-spacing: 0;
@@ -3894,19 +3717,18 @@
background-color: rgba(158,158,158, 0.20); }
.mdl-button:focus:not(:active) {
background-color: rgba(0,0,0, 0.12); }
.mdl-button:active {
background-color: rgba(158,158,158, 0.40); }
- .mdl-button[disabled][disabled] {
- color: rgba(0,0,0, 0.26);
- cursor: auto;
- background-color: transparent; }
.mdl-button.mdl-button--colored {
color: rgb(63,81,181); }
.mdl-button.mdl-button--colored:focus:not(:active) {
background-color: rgba(0,0,0, 0.12); }
+input.mdl-button[type="submit"] {
+ -webkit-appearance: none; }
+
.mdl-button--raised {
background: rgba(158,158,158, 0.20);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
.mdl-button--raised:active {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
@@ -3923,14 +3745,10 @@
background-color: rgb(63,81,181); }
.mdl-button--raised.mdl-button--colored:focus:not(:active) {
background-color: rgb(63,81,181); }
.mdl-button--raised.mdl-button--colored .mdl-ripple {
background: rgb(255,255,255); }
- .mdl-button--raised[disabled][disabled] {
- background-color: rgba(0,0,0, 0.12);
- color: rgba(0,0,0, 0.26);
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
.mdl-button--fab {
border-radius: 50%;
font-size: 24px;
height: 56px;
@@ -3974,14 +3792,10 @@
background-color: rgb(255,64,129); }
.mdl-button--fab.mdl-button--colored:active {
background-color: rgb(255,64,129); }
.mdl-button--fab.mdl-button--colored .mdl-ripple {
background: rgb(255,255,255); }
- .mdl-button--fab[disabled][disabled] {
- background-color: rgba(0,0,0, 0.12);
- color: rgba(0,0,0, 0.26);
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
.mdl-button--icon {
border-radius: 50%;
font-size: 24px;
height: 32px;
@@ -4039,10 +3853,30 @@
background: rgb(255,255,255); }
.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
color: rgb(255,255,255);
background-color: rgb(255,64,129); }
+.mdl-button[disabled][disabled] {
+ color: rgba(0,0,0, 0.26);
+ cursor: auto;
+ background-color: transparent; }
+
+.mdl-button--fab[disabled][disabled] {
+ background-color: rgba(0,0,0, 0.12);
+ color: rgba(0,0,0, 0.26);
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
+
+.mdl-button--raised[disabled][disabled] {
+ background-color: rgba(0,0,0, 0.12);
+ color: rgba(0,0,0, 0.26);
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
+
+.mdl-button--colored[disabled][disabled] {
+ background-color: rgba(0,0,0, 0.12);
+ color: rgba(0,0,0, 0.26);
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
+
/**
* Copyright 2015 Google Inc. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
@@ -4069,12 +3903,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -4201,10 +4034,11 @@
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
font-size: 16px;
+ font-weight: 400;
min-height: 200px;
overflow: hidden;
width: 330px;
z-index: 1;
position: relative;
@@ -4270,11 +4104,11 @@
font-size: 14px;
color: grey;
margin: 0; }
.mdl-card__supporting-text {
- color: rgba(0,0,0, 0.87);
+ color: rgba(0,0,0, 0.54);
font-size: 13px;
line-height: 18px;
overflow: hidden;
padding: 16px 16px;
width: 90%; }
@@ -4328,12 +4162,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -4611,12 +4444,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -4845,12 +4677,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -4989,95 +4820,132 @@
.mdl-mega-footer {
padding: 16px 40px;
color: rgb(158,158,158);
background-color: rgb(66,66,66); }
-.mdl-mega-footer--top-section:after, .mdl-mega-footer--middle-section:after, .mdl-mega-footer--bottom-section:after {
+.mdl-mega-footer--top-section:after,
+.mdl-mega-footer--middle-section:after,
+.mdl-mega-footer--bottom-section:after,
+.mdl-mega-footer__top-section:after,
+.mdl-mega-footer__middle-section:after,
+.mdl-mega-footer__bottom-section:after {
content: '';
display: block;
clear: both; }
-.mdl-mega-footer--left-section {
+.mdl-mega-footer--left-section,
+.mdl-mega-footer__left-section {
margin-bottom: 16px; }
-.mdl-mega-footer--right-section {
+.mdl-mega-footer--right-section,
+.mdl-mega-footer__right-section {
margin-bottom: 16px; }
-.mdl-mega-footer--right-section a {
+.mdl-mega-footer--right-section a,
+.mdl-mega-footer__right-section a {
display: block;
margin-bottom: 16px;
color: inherit;
text-decoration: none; }
@media screen and (min-width: 760px) {
- .mdl-mega-footer--left-section {
+ .mdl-mega-footer--left-section,
+ .mdl-mega-footer__left-section {
float: left; }
- .mdl-mega-footer--right-section {
+ .mdl-mega-footer--right-section,
+ .mdl-mega-footer__right-section {
float: right; }
- .mdl-mega-footer--right-section a {
+ .mdl-mega-footer--right-section a,
+ .mdl-mega-footer__right-section a {
display: inline-block;
margin-left: 16px;
line-height: 36px;
vertical-align: middle; } }
-.mdl-mega-footer--social-btn {
+.mdl-mega-footer--social-btn,
+.mdl-mega-footer__social-btn {
width: 36px;
height: 36px;
padding: 0;
margin: 0;
background-color: rgb(158,158,158);
border: none; }
-.mdl-mega-footer--drop-down-section {
+.mdl-mega-footer--drop-down-section,
+.mdl-mega-footer__drop-down-section {
display: block;
position: relative; }
@media screen and (min-width: 760px) {
- .mdl-mega-footer--drop-down-section {
+ .mdl-mega-footer--drop-down-section,
+ .mdl-mega-footer__drop-down-section {
width: 33%; }
- .mdl-mega-footer--drop-down-section:nth-child(1), .mdl-mega-footer--drop-down-section:nth-child(2) {
+ .mdl-mega-footer--drop-down-section:nth-child(1),
+ .mdl-mega-footer--drop-down-section:nth-child(2),
+ .mdl-mega-footer__drop-down-section:nth-child(1),
+ .mdl-mega-footer__drop-down-section:nth-child(2) {
float: left; }
- .mdl-mega-footer--drop-down-section:nth-child(3) {
+ .mdl-mega-footer--drop-down-section:nth-child(3),
+ .mdl-mega-footer__drop-down-section:nth-child(3) {
float: right; }
- .mdl-mega-footer--drop-down-section:nth-child(3):after {
+ .mdl-mega-footer--drop-down-section:nth-child(3):after,
+ .mdl-mega-footer__drop-down-section:nth-child(3):after {
clear: right; }
- .mdl-mega-footer--drop-down-section:nth-child(4) {
+ .mdl-mega-footer--drop-down-section:nth-child(4),
+ .mdl-mega-footer__drop-down-section:nth-child(4) {
clear: right;
float: right; }
- .mdl-mega-footer--middle-section:after {
+ .mdl-mega-footer--middle-section:after,
+ .mdl-mega-footer__middle-section:after {
content: '';
display: block;
clear: both; }
- .mdl-mega-footer--bottom-section {
+ .mdl-mega-footer--bottom-section,
+ .mdl-mega-footer__bottom-section {
padding-top: 0; } }
@media screen and (min-width: 1024px) {
- .mdl-mega-footer--drop-down-section, .mdl-mega-footer--drop-down-section:nth-child(3), .mdl-mega-footer--drop-down-section:nth-child(4) {
+ .mdl-mega-footer--drop-down-section,
+ .mdl-mega-footer--drop-down-section:nth-child(3),
+ .mdl-mega-footer--drop-down-section:nth-child(4),
+ .mdl-mega-footer__drop-down-section,
+ .mdl-mega-footer__drop-down-section:nth-child(3),
+ .mdl-mega-footer__drop-down-section:nth-child(4) {
width: 24%;
float: left; } }
-.mdl-mega-footer--heading-checkbox {
+.mdl-mega-footer--heading-checkbox,
+.mdl-mega-footer__heading-checkbox {
position: absolute;
width: 100%;
height: 55.8px;
padding: 32px;
margin: 0;
margin-top: -16px;
cursor: pointer;
z-index: 1;
opacity: 0; }
- .mdl-mega-footer--heading-checkbox ~ .mdl-mega-footer--heading:after {
+ .mdl-mega-footer--heading-checkbox ~ .mdl-mega-footer--heading:after,
+ .mdl-mega-footer--heading-checkbox ~ .mdl-mega-footer__heading:after,
+ .mdl-mega-footer__heading-checkbox ~ .mdl-mega-footer--heading:after,
+ .mdl-mega-footer__heading-checkbox ~ .mdl-mega-footer__heading:after {
font-family: 'Material Icons';
content: '\E5CE'; }
-.mdl-mega-footer--heading-checkbox:checked ~ ul {
+.mdl-mega-footer--heading-checkbox:checked ~ ul,
+.mdl-mega-footer__heading-checkbox:checked ~ ul {
display: none; }
-.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--heading:after {
+
+.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--heading:after,
+.mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__heading:after,
+.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--heading:after,
+.mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__heading:after {
font-family: 'Material Icons';
content: '\E5CF'; }
-.mdl-mega-footer--heading {
+.mdl-mega-footer--heading,
+.mdl-mega-footer__heading {
position: relative;
width: 100%;
padding-right: 39.8px;
margin-bottom: 16px;
box-sizing: border-box;
@@ -5087,61 +4955,76 @@
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: rgb(224,224,224); }
-.mdl-mega-footer--heading:after {
+.mdl-mega-footer--heading:after,
+.mdl-mega-footer__heading:after {
content: '';
position: absolute;
top: 0;
right: 0;
display: block;
width: 23.8px;
height: 23.8px;
background-size: cover; }
-.mdl-mega-footer--link-list {
+.mdl-mega-footer--link-list,
+.mdl-mega-footer__link-list {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 32px; }
- .mdl-mega-footer--link-list:after {
+ .mdl-mega-footer--link-list:after,
+ .mdl-mega-footer__link-list:after {
clear: both;
display: block;
content: ''; }
-.mdl-mega-footer--link-list li {
+.mdl-mega-footer--link-list li,
+.mdl-mega-footer__link-list li {
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0;
line-height: 20px; }
-.mdl-mega-footer--link-list a {
+.mdl-mega-footer--link-list a,
+.mdl-mega-footer__link-list a {
color: inherit;
text-decoration: none;
white-space: nowrap; }
@media screen and (min-width: 760px) {
- .mdl-mega-footer--heading-checkbox {
+ .mdl-mega-footer--heading-checkbox,
+ .mdl-mega-footer__heading-checkbox {
display: none; }
- .mdl-mega-footer--heading-checkbox ~ .mdl-mega-footer--heading:after {
+ .mdl-mega-footer--heading-checkbox ~ .mdl-mega-footer--heading:after,
+ .mdl-mega-footer--heading-checkbox ~ .mdl-mega-footer__heading:after,
+ .mdl-mega-footer__heading-checkbox ~ .mdl-mega-footer--heading:after,
+ .mdl-mega-footer__heading-checkbox ~ .mdl-mega-footer__heading:after {
background-image: none; }
- .mdl-mega-footer--heading-checkbox:checked ~ ul {
+ .mdl-mega-footer--heading-checkbox:checked ~ ul,
+ .mdl-mega-footer__heading-checkbox:checked ~ ul {
display: block; }
- .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--heading:after {
+ .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer--heading:after,
+ .mdl-mega-footer--heading-checkbox:checked ~ .mdl-mega-footer__heading:after,
+ .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer--heading:after,
+ .mdl-mega-footer__heading-checkbox:checked ~ .mdl-mega-footer__heading:after {
content: ''; } }
-.mdl-mega-footer--bottom-section {
+.mdl-mega-footer--bottom-section,
+.mdl-mega-footer__bottom-section {
padding-top: 16px;
margin-bottom: 16px; }
.mdl-logo {
margin-bottom: 16px;
color: white; }
-.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li {
+.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
+.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
float: left;
margin-bottom: 0;
margin-right: 16px; }
@media screen and (min-width: 760px) {
@@ -5178,12 +5061,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -5320,47 +5202,54 @@
content: '';
display: block; }
.mdl-mini-footer .mdl-logo {
line-height: 36px; }
-.mdl-mini-footer--link-list {
+.mdl-mini-footer--link-list,
+.mdl-mini-footer__link-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
list-style: none;
margin: 0;
padding: 0; }
- .mdl-mini-footer--link-list li {
+ .mdl-mini-footer--link-list li,
+ .mdl-mini-footer__link-list li {
margin-bottom: 0;
margin-right: 16px; }
@media screen and (min-width: 760px) {
- .mdl-mini-footer--link-list li {
+ .mdl-mini-footer--link-list li,
+ .mdl-mini-footer__link-list li {
line-height: 36px; } }
- .mdl-mini-footer--link-list a {
+ .mdl-mini-footer--link-list a,
+ .mdl-mini-footer__link-list a {
color: inherit;
text-decoration: none;
white-space: nowrap; }
-.mdl-mini-footer--left-section {
+.mdl-mini-footer--left-section,
+.mdl-mini-footer__left-section {
display: inline-block;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
-.mdl-mini-footer--right-section {
+.mdl-mini-footer--right-section,
+.mdl-mini-footer__right-section {
display: inline-block;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
-.mdl-mini-footer--social-btn {
+.mdl-mini-footer--social-btn,
+.mdl-mini-footer__social-btn {
width: 36px;
height: 36px;
padding: 0;
margin: 0;
background-color: rgb(158,158,158);
@@ -5394,12 +5283,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -5620,12 +5508,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -5866,11 +5753,10 @@
line-height: 24px;
letter-spacing: 0;
text-decoration: none;
cursor: pointer;
height: 48px;
- width: 100%;
line-height: 48px;
white-space: nowrap;
opacity: 0;
-webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
@@ -5938,12 +5824,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -6092,12 +5977,12 @@
@supports (-webkit-appearance: none) {
.mdl-progress:not(.mdl-progress__indeterminate):not(.mdl-progress__indeterminate) > .auxbar {
background-image: -webkit-linear-gradient(left, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), -webkit-linear-gradient(left, rgb(63,81,181), rgb(63,81,181));
background-image: linear-gradient(to right, rgba(255,255,255, 0.7), rgba(255,255,255, 0.7)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181));
- -webkit-mask: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=');
- mask: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo='); } }
+ -webkit-mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo=");
+ mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjEyIiBoZWlnaHQ9IjQiIHZpZXdQb3J0PSIwIDAgMTIgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxlbGxpcHNlIGN4PSIyIiBjeT0iMiIgcng9IjIiIHJ5PSIyIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9ImN4IiBmcm9tPSIyIiB0bz0iLTEwIiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogIDwvZWxsaXBzZT4KICA8ZWxsaXBzZSBjeD0iMTQiIGN5PSIyIiByeD0iMiIgcnk9IjIiIGNsYXNzPSJsb2FkZXIiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iY3giIGZyb209IjE0IiB0bz0iMiIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgLz4KICA8L2VsbGlwc2U+Cjwvc3ZnPgo="); } }
.mdl-progress:not(.mdl-progress__indeterminate) > .auxbar {
background-image: -webkit-linear-gradient(left, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), -webkit-linear-gradient(left, rgb(63,81,181), rgb(63,81,181));
background-image: linear-gradient(to right, rgba(255,255,255, 0.9), rgba(255,255,255, 0.9)), linear-gradient(to right, rgb(63,81,181), rgb(63,81,181)); }
@@ -6126,62 +6011,52 @@
@-webkit-keyframes indeterminate1 {
0% {
left: 0%;
width: 0%; }
-
50% {
left: 25%;
width: 75%; }
-
75% {
left: 100%;
width: 0%; } }
@keyframes indeterminate1 {
0% {
left: 0%;
width: 0%; }
-
50% {
left: 25%;
width: 75%; }
-
75% {
left: 100%;
width: 0%; } }
@-webkit-keyframes indeterminate2 {
0% {
left: 0%;
width: 0%; }
-
50% {
left: 0%;
width: 0%; }
-
75% {
left: 0%;
width: 25%; }
-
100% {
left: 100%;
width: 0%; } }
@keyframes indeterminate2 {
0% {
left: 0%;
width: 0%; }
-
50% {
left: 0%;
width: 0%; }
-
75% {
left: 0%;
width: 25%; }
-
100% {
left: 100%;
width: 0%; } }
/**
@@ -6212,12 +6087,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -6382,11 +6256,12 @@
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
overflow-y: auto;
overflow-x: hidden;
- position: relative; }
+ position: relative;
+ -webkit-overflow-scrolling: touch; }
.mdl-layout.is-small-screen .mdl-layout--large-screen-only {
display: none; }
.mdl-layout:not(.is-small-screen) .mdl-layout--small-screen-only {
@@ -6398,11 +6273,11 @@
height: 100%; }
.mdl-layout-title {
display: block;
position: relative;
- font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1;
letter-spacing: 0.02em;
font-weight: 400;
@@ -6462,11 +6337,11 @@
-ms-flex-negative: 0;
flex-shrink: 0; }
.mdl-layout__drawer > .mdl-layout-title {
line-height: 64px;
padding-left: 40px; }
- @media screen and (max-width: 850px) {
+ @media screen and (max-width: 1024px) {
.mdl-layout__drawer > .mdl-layout-title {
line-height: 56px;
padding-left: 16px; } }
.mdl-layout__drawer .mdl-navigation {
-webkit-box-orient: vertical;
@@ -6485,19 +6360,19 @@
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 16px 40px;
margin: 0;
color: #757575; }
- @media screen and (max-width: 850px) {
+ @media screen and (max-width: 1024px) {
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
padding: 16px 16px; } }
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
background-color: rgb(224,224,224); }
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
background-color: rgb(0,0,0);
color: rgb(63,81,181); }
- @media screen and (min-width: 851px) {
+ @media screen and (min-width: 1025px) {
.mdl-layout--fixed-drawer > .mdl-layout__drawer {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0); } }
@@ -6523,18 +6398,18 @@
z-index: 4; }
.mdl-layout__header .mdl-layout__drawer-button {
position: absolute;
color: rgb(255,255,255);
background-color: inherit; }
- @media screen and (max-width: 850px) {
+ @media screen and (max-width: 1024px) {
.mdl-layout__header .mdl-layout__drawer-button {
margin: 4px; } }
- @media screen and (max-width: 850px) {
+ @media screen and (max-width: 1024px) {
.mdl-layout__drawer-button {
margin: 4px;
color: rgba(0, 0, 0, 0.5); } }
- @media screen and (min-width: 851px) {
+ @media screen and (min-width: 1025px) {
.mdl-layout--fixed-drawer > .mdl-layout__drawer-button {
display: none; } }
.mdl-layout__header {
display: -webkit-box;
@@ -6571,11 +6446,11 @@
transition-duration: 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-property: max-height, box-shadow;
transition-property: max-height, box-shadow; }
- @media screen and (max-width: 850px) {
+ @media screen and (max-width: 1024px) {
.mdl-layout__header {
min-height: 56px; } }
.mdl-layout--fixed-drawer:not(.is-small-screen) > .mdl-layout__header {
margin-left: 240px;
width: calc(100% - 240px); }
@@ -6586,27 +6461,27 @@
height: 32px;
width: 32px;
overflow: hidden;
z-index: 3;
display: block; }
- @media screen and (max-width: 850px) {
+ @media screen and (max-width: 1024px) {
.mdl-layout__header > .mdl-layout-icon {
left: 16px;
top: 12px; } }
.mdl-layout.has-drawer .mdl-layout__header > .mdl-layout-icon {
display: none; }
.mdl-layout__header.is-compact {
max-height: 64px; }
- @media screen and (max-width: 850px) {
+ @media screen and (max-width: 1024px) {
.mdl-layout__header.is-compact {
max-height: 56px; } }
.mdl-layout__header.is-compact.has-tabs {
height: 112px; }
- @media screen and (max-width: 850px) {
+ @media screen and (max-width: 1024px) {
.mdl-layout__header.is-compact.has-tabs {
min-height: 104px; } }
- @media screen and (max-width: 850px) {
+ @media screen and (max-width: 1024px) {
.mdl-layout__header {
display: none; }
.mdl-layout--fixed-header > .mdl-layout__header {
display: -webkit-box;
display: -webkit-flex;
@@ -6654,11 +6529,11 @@
-ms-flex-align: center;
align-items: center;
height: 64px;
margin: 0;
padding: 0 40px 0 80px; }
- @media screen and (max-width: 850px) {
+ @media screen and (max-width: 1024px) {
.mdl-layout__header-row {
height: 56px;
padding: 0 16px 0 72px; } }
.mdl-layout__header-row > * {
-webkit-flex-shrink: 0;
@@ -6677,19 +6552,19 @@
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
- @media screen and (max-width: 850px) {
+ @media screen and (max-width: 1024px) {
.mdl-layout__header-row .mdl-navigation {
height: 56px; } }
.mdl-layout__header-row .mdl-navigation__link {
display: block;
color: rgb(255,255,255);
line-height: 64px;
padding: 0 24px; }
- @media screen and (max-width: 850px) {
+ @media screen and (max-width: 1024px) {
.mdl-layout__header-row .mdl-navigation__link {
line-height: 56px;
padding: 0 16px; } }
.mdl-layout__obfuscator {
@@ -6718,41 +6593,40 @@
overflow-x: hidden;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
- z-index: 1; }
+ z-index: 1;
+ -webkit-overflow-scrolling: touch; }
.mdl-layout--fixed-drawer > .mdl-layout__content {
margin-left: 240px; }
.mdl-layout__container.has-scrolling-header .mdl-layout__content {
overflow: visible; }
- @media screen and (max-width: 850px) {
+ @media screen and (max-width: 1024px) {
.mdl-layout--fixed-drawer > .mdl-layout__content {
margin-left: 0; }
.mdl-layout__container.has-scrolling-header .mdl-layout__content {
overflow-y: auto;
overflow-x: hidden; } }
.mdl-layout__tab-bar {
height: 96px;
margin: 0;
- width: calc(100% -
- 112px);
+ width: calc(100% - 112px);
padding: 0 0 0 56px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: rgb(63,81,181);
overflow-y: hidden;
overflow-x: scroll; }
.mdl-layout__tab-bar::-webkit-scrollbar {
display: none; }
- @media screen and (max-width: 850px) {
+ @media screen and (max-width: 1024px) {
.mdl-layout__tab-bar {
- width: calc(100% -
- 60px);
+ width: calc(100% - 60px);
padding: 0 0 0 60px; } }
.mdl-layout--fixed-tabs .mdl-layout__tab-bar {
padding: 0;
overflow: hidden;
width: 100%; }
@@ -6790,11 +6664,11 @@
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
- @media screen and (max-width: 850px) {
+ @media screen and (max-width: 1024px) {
.mdl-layout__tab-bar-button {
display: none;
width: 60px; } }
.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
display: none; }
@@ -6830,11 +6704,11 @@
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
color: rgba(255,255,255, 0.6);
overflow: hidden; }
- @media screen and (max-width: 850px) {
+ @media screen and (max-width: 1024px) {
.mdl-layout__tab {
padding: 0 12px 0 12px; } }
.mdl-layout--fixed-tabs .mdl-layout__tab {
float: none;
-webkit-box-flex: 1;
@@ -6904,12 +6778,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -7172,12 +7045,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -7398,78 +7270,88 @@
border: 2px solid rgba(0,0,0, 0.26);
background: transparent; }
.mdl-slider.is-upgraded.is-lowest-value::-moz-range-thumb {
border: 2px solid rgba(0,0,0, 0.26);
background: transparent; }
- .mdl-slider.is-upgraded.is-lowest-value ~ .mdl-slider__background-flex > .mdl-slider__background-upper {
+ .mdl-slider.is-upgraded.is-lowest-value ~
+.mdl-slider__background-flex > .mdl-slider__background-upper {
left: 6px; }
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
- border: 1.8px solid rgba(0,0,0, 0.26);
- -webkit-transform: scale(1.33);
- transform: scale(1.33);
- box-shadow: none; }
+ box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
+ background: rgba(0,0,0, 0.12); }
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
- border: 1.8px solid rgba(0,0,0, 0.26);
- transform: scale(1.33);
- box-shadow: none; }
- .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active) ~ .mdl-slider__background-flex > .mdl-slider__background-upper {
- left: 8px; }
+ box-shadow: 0 0 0 10px rgba(0,0,0, 0.12);
+ background: rgba(0,0,0, 0.12); }
.mdl-slider.is-upgraded.is-lowest-value:active::-webkit-slider-thumb {
- border: 1.5px solid rgba(0,0,0, 0.26);
+ border: 1.6px solid rgba(0,0,0, 0.26);
-webkit-transform: scale(1.5);
transform: scale(1.5); }
- .mdl-slider.is-upgraded.is-lowest-value:active ~ .mdl-slider__background-flex > .mdl-slider__background-upper {
+ .mdl-slider.is-upgraded.is-lowest-value:active ~
+.mdl-slider__background-flex > .mdl-slider__background-upper {
left: 9px; }
.mdl-slider.is-upgraded.is-lowest-value:active::-moz-range-thumb {
border: 1.5px solid rgba(0,0,0, 0.26);
transform: scale(1.5); }
.mdl-slider.is-upgraded.is-lowest-value::-ms-thumb {
background: radial-gradient(circle closest-side, transparent 0%, transparent 66.67%, rgba(0,0,0, 0.26) 66.67%, rgba(0,0,0, 0.26) 100%); }
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
- -ms-transform: scale(0.5);
- transform: scale(0.5);
- background: radial-gradient(circle closest-side, transparent 0%, transparent 75%, rgba(0,0,0, 0.26) 75%, rgba(0,0,0, 0.26) 100%); }
+ background: radial-gradient(circle closest-side, rgba(0,0,0, 0.12) 0%, rgba(0,0,0, 0.12) 25%, rgba(0,0,0, 0.26) 25%, rgba(0,0,0, 0.26) 37.5%, rgba(0,0,0, 0.12) 37.5%, rgba(0,0,0, 0.12) 100%);
+ -ms-transform: scale(1);
+ transform: scale(1); }
.mdl-slider.is-upgraded.is-lowest-value:active::-ms-thumb {
-ms-transform: scale(0.5625);
transform: scale(0.5625);
background: radial-gradient(circle closest-side, transparent 0%, transparent 77.78%, rgba(0,0,0, 0.26) 77.78%, rgba(0,0,0, 0.26) 100%); }
.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-lower {
background: transparent; }
.mdl-slider.is-upgraded.is-lowest-value::-ms-fill-upper {
margin-left: 6px; }
- .mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-fill-upper {
- margin-left: 8px; }
.mdl-slider.is-upgraded.is-lowest-value:active::-ms-fill-upper {
margin-left: 9px; }
- .mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
+ .mdl-slider.is-upgraded:disabled:focus::-webkit-slider-thumb,
+ .mdl-slider.is-upgraded:disabled:active::-webkit-slider-thumb,
+ .mdl-slider.is-upgraded:disabled::-webkit-slider-thumb {
-webkit-transform: scale(0.667);
transform: scale(0.667);
background: rgba(0,0,0, 0.26); }
- .mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded:disabled::-moz-range-thumb {
+ .mdl-slider.is-upgraded:disabled:focus::-moz-range-thumb,
+ .mdl-slider.is-upgraded:disabled:active::-moz-range-thumb,
+ .mdl-slider.is-upgraded:disabled::-moz-range-thumb {
transform: scale(0.667);
background: rgba(0,0,0, 0.26); }
- .mdl-slider.is-upgraded:disabled ~ .mdl-slider__background-flex > .mdl-slider__background-lower {
+ .mdl-slider.is-upgraded:disabled ~
+.mdl-slider__background-flex > .mdl-slider__background-lower {
background-color: rgba(0,0,0, 0.26);
left: -6px; }
- .mdl-slider.is-upgraded:disabled ~ .mdl-slider__background-flex > .mdl-slider__background-upper {
+ .mdl-slider.is-upgraded:disabled ~
+.mdl-slider__background-flex > .mdl-slider__background-upper {
left: 6px; }
- .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
+ .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-webkit-slider-thumb,
+ .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-webkit-slider-thumb,
+ .mdl-slider.is-upgraded.is-lowest-value:disabled::-webkit-slider-thumb {
border: 3px solid rgba(0,0,0, 0.26);
background: transparent;
-webkit-transform: scale(0.667);
transform: scale(0.667); }
- .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
+ .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-moz-range-thumb,
+ .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-moz-range-thumb,
+ .mdl-slider.is-upgraded.is-lowest-value:disabled::-moz-range-thumb {
border: 3px solid rgba(0,0,0, 0.26);
background: transparent;
transform: scale(0.667); }
- .mdl-slider.is-upgraded.is-lowest-value:disabled:active ~ .mdl-slider__background-flex > .mdl-slider__background-upper {
+ .mdl-slider.is-upgraded.is-lowest-value:disabled:active ~
+.mdl-slider__background-flex > .mdl-slider__background-upper {
left: 6px; }
- .mdl-slider.is-upgraded:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded:disabled:active::-ms-thumb, .mdl-slider.is-upgraded:disabled::-ms-thumb {
+ .mdl-slider.is-upgraded:disabled:focus::-ms-thumb,
+ .mdl-slider.is-upgraded:disabled:active::-ms-thumb,
+ .mdl-slider.is-upgraded:disabled::-ms-thumb {
-ms-transform: scale(0.25);
transform: scale(0.25);
background: rgba(0,0,0, 0.26); }
- .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb, .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
+ .mdl-slider.is-upgraded.is-lowest-value:disabled:focus::-ms-thumb,
+ .mdl-slider.is-upgraded.is-lowest-value:disabled:active::-ms-thumb,
+ .mdl-slider.is-upgraded.is-lowest-value:disabled::-ms-thumb {
-ms-transform: scale(0.25);
transform: scale(0.25);
background: radial-gradient(circle closest-side, transparent 0%, transparent 50%, rgba(0,0,0, 0.26) 50%, rgba(0,0,0, 0.26) 100%); }
.mdl-slider.is-upgraded:disabled::-ms-fill-lower {
margin-right: 6px;
@@ -7569,12 +7451,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -7698,12 +7579,12 @@
width: 28px;
height: 28px; }
.mdl-spinner:not(.is-upgraded).is-active:after {
content: "Loading..."; }
.mdl-spinner.is-upgraded.is-active {
- -webkit-animation: mdl-spinner__container-rotate 1568.2352941176ms linear infinite;
- animation: mdl-spinner__container-rotate 1568.2352941176ms linear infinite; }
+ -webkit-animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite;
+ animation: mdl-spinner__container-rotate 1568.23529412ms linear infinite; }
@-webkit-keyframes mdl-spinner__container-rotate {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@@ -7753,68 +7634,54 @@
@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
12.5% {
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
-
25% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); }
-
37.5% {
-webkit-transform: rotate(405deg);
transform: rotate(405deg); }
-
50% {
-webkit-transform: rotate(540deg);
transform: rotate(540deg); }
-
62.5% {
-webkit-transform: rotate(675deg);
transform: rotate(675deg); }
-
75% {
-webkit-transform: rotate(810deg);
transform: rotate(810deg); }
-
87.5% {
-webkit-transform: rotate(945deg);
transform: rotate(945deg); }
-
to {
-webkit-transform: rotate(1080deg);
transform: rotate(1080deg); } }
@keyframes mdl-spinner__fill-unfill-rotate {
12.5% {
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
-
25% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); }
-
37.5% {
-webkit-transform: rotate(405deg);
transform: rotate(405deg); }
-
50% {
-webkit-transform: rotate(540deg);
transform: rotate(540deg); }
-
62.5% {
-webkit-transform: rotate(675deg);
transform: rotate(675deg); }
-
75% {
-webkit-transform: rotate(810deg);
transform: rotate(810deg); }
-
87.5% {
-webkit-transform: rotate(945deg);
transform: rotate(945deg); }
-
to {
-webkit-transform: rotate(1080deg);
transform: rotate(1080deg); } }
/**
@@ -7827,137 +7694,103 @@
* - https://code.google.com/p/chromium/issues/detail?id=436255
*/
@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
from {
opacity: 0.99; }
-
25% {
opacity: 0.99; }
-
26% {
opacity: 0; }
-
89% {
opacity: 0; }
-
90% {
opacity: 0.99; }
-
100% {
opacity: 0.99; } }
@keyframes mdl-spinner__layer-1-fade-in-out {
from {
opacity: 0.99; }
-
25% {
opacity: 0.99; }
-
26% {
opacity: 0; }
-
89% {
opacity: 0; }
-
90% {
opacity: 0.99; }
-
100% {
opacity: 0.99; } }
@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
from {
opacity: 0; }
-
15% {
opacity: 0; }
-
25% {
opacity: 0.99; }
-
50% {
opacity: 0.99; }
-
51% {
opacity: 0; } }
@keyframes mdl-spinner__layer-2-fade-in-out {
from {
opacity: 0; }
-
15% {
opacity: 0; }
-
25% {
opacity: 0.99; }
-
50% {
opacity: 0.99; }
-
51% {
opacity: 0; } }
@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
from {
opacity: 0; }
-
40% {
opacity: 0; }
-
50% {
opacity: 0.99; }
-
75% {
opacity: 0.99; }
-
76% {
opacity: 0; } }
@keyframes mdl-spinner__layer-3-fade-in-out {
from {
opacity: 0; }
-
40% {
opacity: 0; }
-
50% {
opacity: 0.99; }
-
75% {
opacity: 0.99; }
-
76% {
opacity: 0; } }
@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
from {
opacity: 0; }
-
65% {
opacity: 0; }
-
75% {
opacity: 0.99; }
-
90% {
opacity: 0.99; }
-
100% {
opacity: 0; } }
@keyframes mdl-spinner__layer-4-fade-in-out {
from {
opacity: 0; }
-
65% {
opacity: 0; }
-
75% {
opacity: 0.99; }
-
90% {
opacity: 0.99; }
-
100% {
opacity: 0; } }
/**
* Patch the gap that appear between the two adjacent
@@ -8025,54 +7858,46 @@
@-webkit-keyframes mdl-spinner__left-spin {
from {
-webkit-transform: rotate(130deg);
transform: rotate(130deg); }
-
50% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg); }
-
to {
-webkit-transform: rotate(130deg);
transform: rotate(130deg); } }
@keyframes mdl-spinner__left-spin {
from {
-webkit-transform: rotate(130deg);
transform: rotate(130deg); }
-
50% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg); }
-
to {
-webkit-transform: rotate(130deg);
transform: rotate(130deg); } }
@-webkit-keyframes mdl-spinner__right-spin {
from {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg); }
-
50% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg); }
-
to {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg); } }
@keyframes mdl-spinner__right-spin {
from {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg); }
-
50% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg); }
-
to {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg); } }
/**
@@ -8103,12 +7928,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -8358,12 +8182,12 @@
height: 48px;
border-radius: 50%;
cursor: pointer;
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
- -webkit-transition-duration: 0.4s;
- transition-duration: 0.4s;
+ -webkit-transition-duration: 0.40s;
+ transition-duration: 0.40s;
-webkit-transition-timing-function: step-end;
transition-timing-function: step-end;
-webkit-transition-property: left;
transition-property: left; }
.mdl-switch__ripple-container .mdl-ripple {
@@ -8404,12 +8228,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -8610,20 +8433,18 @@
@-webkit-keyframes border-expand {
0% {
opacity: 0;
width: 0; }
-
100% {
opacity: 1;
width: 100%; } }
@keyframes border-expand {
0% {
opacity: 0;
width: 0; }
-
100% {
opacity: 1;
width: 100%; } }
/**
@@ -8654,12 +8475,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -8799,10 +8619,11 @@
position: relative;
font-size: 16px;
display: inline-block;
box-sizing: border-box;
width: 300px;
+ max-width: 100%;
margin: 0;
padding: 20px 0; }
.mdl-textfield .mdl-button {
position: absolute;
bottom: 20px; }
@@ -8819,11 +8640,11 @@
min-height: 32px; }
.mdl-textfield__input {
border: none;
border-bottom: 1px solid rgba(0,0,0, 0.12);
- display: block;
+ display: inline-block;
font-size: 16px;
margin: 0;
padding: 4px 0;
width: 100%;
background: 16px;
@@ -8856,16 +8677,18 @@
.mdl-textfield--floating-label .mdl-textfield__label {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
- .mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
+ .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
+ .mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
color: rgb(63,81,181);
font-size: 12px;
top: 4px;
visibility: visible; }
- .mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label {
+ .mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
+ .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label {
top: -16px; }
.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
color: rgb(222, 50, 38);
font-size: 12px; }
.mdl-textfield__label:after {
@@ -8940,12 +8763,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -9098,15 +8920,13 @@
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; }
-
50% {
-webkit-transform: scale(0.99);
transform: scale(0.99); }
-
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
visibility: visible; } }
@@ -9114,15 +8934,13 @@
@keyframes pulse {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; }
-
50% {
-webkit-transform: scale(0.99);
transform: scale(0.99); }
-
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
visibility: visible; } }
@@ -9155,12 +8973,11 @@
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-/*------------------------------------*\
- $CONTENTS
+/*------------------------------------* $CONTENTS
\*------------------------------------*/
/**
* STYLE GUIDE VARIABLES------------------Declarations of Sass variables
* -----Typography
* -----Colors
@@ -9276,10 +9093,196 @@
/* PROGRESS */
/* BADGE */
/* SHADOWS */
/* GRID */
/* DATA TABLE */
+/**
+ * Copyright 2015 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* Typography */
+/* Shadows */
+/* Animations */
+.mdl-shadow--2dp {
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
+
+.mdl-shadow--3dp {
+ box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 8px 0 rgba(0, 0, 0, 0.12); }
+
+.mdl-shadow--4dp {
+ box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); }
+
+.mdl-shadow--6dp {
+ box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); }
+
+.mdl-shadow--8dp {
+ box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); }
+
+.mdl-shadow--16dp {
+ box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); }
+
+/**
+ * Copyright 2015 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * Copyright 2015 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/*------------------------------------* $CONTENTS
+\*------------------------------------*/
+/**
+ * STYLE GUIDE VARIABLES------------------Declarations of Sass variables
+ * -----Typography
+ * -----Colors
+ * -----Textfield
+ * -----Switch
+ * -----Spinner
+ * -----Radio
+ * -----Menu
+ * -----List
+ * -----Layout
+ * -----Icon toggles
+ * -----Footer
+ * -----Column
+ * -----Checkbox
+ * -----Card
+ * -----Button
+ * -----Animation
+ * -----Progress
+ * -----Badge
+ * -----Shadows
+ * -----Grid
+ * -----Data table
+ */
+/* ========== TYPOGRAPHY ========== */
+/* We're splitting fonts into "preferred" and "performance" in order to optimize
+ page loading. For important text, such as the body, we want it to load
+ immediately and not wait for the web font load, whereas for other sections,
+ such as headers and titles, we're OK with things taking a bit longer to load.
+ We do have some optional classes and parameters in the mixins, in case you
+ definitely want to make sure you're using the preferred font and don't mind
+ the performance hit.
+ We should be able to improve on this once CSS Font Loading L3 becomes more
+ widely available.
+*/
+/* ========== COLORS ========== */
+/**
+*
+* Material design color palettes.
+* @see http://www.google.com/design/spec/style/color.html
+*
+**/
+/**
+ * Copyright 2015 Google Inc. All Rights Reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/* ========== Color Palettes ========== */
+/* colors.scss */
+/* ========== Color & Themes ========== */
+/* ========== Typography ========== */
+/* ========== Components ========== */
+/* ========== Standard Buttons ========== */
+/* ========== Icon Toggles ========== */
+/* ========== Radio Buttons ========== */
+/* ========== Ripple effect ========== */
+/* ========== Layout ========== */
+/* ========== Content Tabs ========== */
+/* ========== Checkboxes ========== */
+/* ========== Switches ========== */
+/* ========== Spinner ========== */
+/* ========== Text fields ========== */
+/* ========== Card ========== */
+/* ========== Sliders ========== */
+/* ========== Progress ========== */
+/* ========== List ========== */
+/* ========== Item ========== */
+/* ========== Dropdown menu ========== */
+/* ========== Tooltips ========== */
+/* ========== Footer ========== */
+/* TEXTFIELD */
+/* SWITCH */
+/* SPINNER */
+/* RADIO */
+/* MENU */
+/* LIST */
+/* ICONS */
+/* ICON TOGGLE */
+/* FOOTER */
+/*mega-footer*/
+/**************
+ *
+ * Sizes
+ *
+ *************/
+/*mini-footer*/
+/**************
+ *
+ * Sizes
+ *
+ *************/
+/* COLUMN LAYOUT */
+/* CHECKBOX */
+/* CARD */
+/* Card dimensions */
+/* Cover image */
+/* BUTTON */
+/**
+ *
+ * Dimensions
+ *
+ */
+/* ANIMATION */
+/* PROGRESS */
+/* BADGE */
+/* SHADOWS */
+/* GRID */
+/* DATA TABLE */
.mdl-grid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
@@ -9537,103 +9540,103 @@
@media (min-width: 840px) {
.mdl-grid {
padding: 8px; }
.mdl-cell {
margin: 8px;
- width: calc(33.33333% - 16px); }
+ width: calc(33.3333333333% - 16px); }
.mdl-grid--no-spacing > .mdl-cell {
- width: 33.33333%; }
+ width: 33.3333333333%; }
.mdl-cell--hide-desktop {
display: none !important; }
.mdl-cell--1-col {
- width: calc(8.33333% - 16px); }
+ width: calc(8.3333333333% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--1-col {
- width: 8.33333%; }
+ width: 8.3333333333%; }
.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
- width: calc(8.33333% - 16px); }
+ width: calc(8.3333333333% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
- width: 8.33333%; }
+ width: 8.3333333333%; }
.mdl-cell--2-col {
- width: calc(16.66667% - 16px); }
+ width: calc(16.6666666667% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--2-col {
- width: 16.66667%; }
+ width: 16.6666666667%; }
.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
- width: calc(16.66667% - 16px); }
+ width: calc(16.6666666667% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
- width: 16.66667%; }
+ width: 16.6666666667%; }
.mdl-cell--3-col {
width: calc(25% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--3-col {
width: 25%; }
.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
width: calc(25% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
width: 25%; }
.mdl-cell--4-col {
- width: calc(33.33333% - 16px); }
+ width: calc(33.3333333333% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--4-col {
- width: 33.33333%; }
+ width: 33.3333333333%; }
.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
- width: calc(33.33333% - 16px); }
+ width: calc(33.3333333333% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
- width: 33.33333%; }
+ width: 33.3333333333%; }
.mdl-cell--5-col {
- width: calc(41.66667% - 16px); }
+ width: calc(41.6666666667% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--5-col {
- width: 41.66667%; }
+ width: 41.6666666667%; }
.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
- width: calc(41.66667% - 16px); }
+ width: calc(41.6666666667% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
- width: 41.66667%; }
+ width: 41.6666666667%; }
.mdl-cell--6-col {
width: calc(50% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--6-col {
width: 50%; }
.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
width: calc(50% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
width: 50%; }
.mdl-cell--7-col {
- width: calc(58.33333% - 16px); }
+ width: calc(58.3333333333% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--7-col {
- width: 58.33333%; }
+ width: 58.3333333333%; }
.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
- width: calc(58.33333% - 16px); }
+ width: calc(58.3333333333% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
- width: 58.33333%; }
+ width: 58.3333333333%; }
.mdl-cell--8-col {
- width: calc(66.66667% - 16px); }
+ width: calc(66.6666666667% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--8-col {
- width: 66.66667%; }
+ width: 66.6666666667%; }
.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
- width: calc(66.66667% - 16px); }
+ width: calc(66.6666666667% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
- width: 66.66667%; }
+ width: 66.6666666667%; }
.mdl-cell--9-col {
width: calc(75% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--9-col {
width: 75%; }
.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
width: calc(75% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
width: 75%; }
.mdl-cell--10-col {
- width: calc(83.33333% - 16px); }
+ width: calc(83.3333333333% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--10-col {
- width: 83.33333%; }
+ width: 83.3333333333%; }
.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
- width: calc(83.33333% - 16px); }
+ width: calc(83.3333333333% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
- width: 83.33333%; }
+ width: 83.3333333333%; }
.mdl-cell--11-col {
- width: calc(91.66667% - 16px); }
+ width: calc(91.6666666667% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--11-col {
- width: 91.66667%; }
+ width: 91.6666666667%; }
.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
- width: calc(91.66667% - 16px); }
+ width: calc(91.6666666667% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
- width: 91.66667%; }
+ width: 91.6666666667%; }
.mdl-cell--12-col {
width: calc(100% - 16px); }
.mdl-grid--no-spacing > .mdl-cell--12-col {
width: 100%; }
.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
@@ -9698,6 +9701,5 @@
.demo-wrapper {
margin: 24px; }
.demo-wrapper iframe {
border: 1px solid rgba(0, 0, 0, 0.5); }
-