vendor/assets/stylesheets/material.css in material_design_lite-rails-1.0.2 vs vendor/assets/stylesheets/material.css in material_design_lite-rails-1.0.3

- old
+ new

@@ -1,8 +1,8 @@ /** * material-design-lite - Material Design Components in CSS, JS and HTML - * @version v1.0.2 + * @version v1.0.3 * @license Apache-2.0 * @copyright 2015 Google, Inc. * @link https://github.com/google/material-design-lite */ @charset "UTF-8"; @@ -19,25 +19,10 @@ * 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. - */ /* Material Design Lite */ /** * Copyright 2015 Google Inc. All Rights Reserved. * * Licensed under the Apache License, Version 2.0 (the "License"); @@ -111,10 +96,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -138,26 +138,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -170,10 +159,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ /** * 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. @@ -294,10 +284,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -321,26 +326,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -353,10 +347,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ @@ -367,18 +362,19 @@ color: rgba(0,0,0, 0.87); font-size: 1em; line-height: 1.4; } /* - * Remove text-shadow in selection highlight: h5bp.com/i + * Remove text-shadow in selection highlight: + * https://twitter.com/miketaylr/status/12228805301 + * * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } - ::selection { background: #b3d4fc; text-shadow: none; } /* @@ -391,15 +387,17 @@ border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* - * Remove the gap between images, videos, audio and canvas and the bottom of - * their containers: h5bp.com/i/440 + * Remove the gap between audio, canvas, iframes, + * images, videos and the bottom of their containers: + * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, +iframe, img, svg, video { vertical-align: middle; } @@ -416,13 +414,13 @@ */ textarea { resize: vertical; } /* ========================================================================== - Browse Happy prompt + Browser Upgrade Prompt ========================================================================== */ -.browsehappy { +.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } @@ -431,18 +429,18 @@ ========================================================================== */ /* ========================================================================== Helper classes ========================================================================== */ /* - * Hide visually and from screen readers: h5bp.com/u + * Hide visually and from screen readers: */ .hidden { - display: none !important; - visibility: hidden; } + display: none !important; } /* - * Hide only visually, but have it available for screen readers: h5bp.com/v + * Hide only visually, but have it available for screen readers: + * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; @@ -451,12 +449,13 @@ padding: 0; position: absolute; width: 1px; } /* - * Extends the .visuallyhidden class to allow the element to be focusable - * when navigated to via the keyboard: h5bp.com/p + * Extends the .visuallyhidden class to allow the element + * to be focusable when navigated to via the keyboard: + * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; @@ -497,19 +496,22 @@ These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ /* ========================================================================== Print styles. - Inlined to avoid the additional HTTP request: h5bp.com/r + Inlined to avoid the additional HTTP request: + http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *:before, - *:after { + *:after, + *:first-letter, + *:first-line { background: transparent !important; color: #000 !important; - /* Black prints faster: h5bp.com/s */ + /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } @@ -526,13 +528,16 @@ content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } + /* + * Printing Tables: + * http://css-discuss.incutio.com/wiki/Printing_Tables + */ thead { - display: table-header-group; - /* h5bp.com/t */ } + display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @@ -689,10 +694,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -716,26 +736,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -748,10 +757,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ /** * 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. @@ -1239,10 +1249,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -1266,26 +1291,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -1298,10 +1312,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ .mdl-color-text--red { color: rgb(244,67,54) !important; } .mdl-color--red { background-color: rgb(244,67,54) !important; } @@ -3069,10 +3084,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -3096,26 +3126,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -3128,10 +3147,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ .mdl-ripple { background: rgb(0,0,0); border-radius: 50%; height: 50px; left: 0; @@ -3239,10 +3259,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -3266,26 +3301,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -3298,10 +3322,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ .mdl-animation--default { -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .mdl-animation--fast-out-slow-in { @@ -3405,10 +3430,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -3432,26 +3472,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -3464,10 +3493,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ .mdl-badge { position: relative; white-space: nowrap; margin-right: 24px; } .mdl-badge:not([data-badge]) { @@ -3605,10 +3635,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -3632,26 +3677,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -3664,10 +3698,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ /** * 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. @@ -3687,11 +3722,10 @@ .mdl-button { background: transparent; border: none; border-radius: 2px; color: rgb(0,0,0); - display: block; position: relative; height: 36px; min-width: 64px; padding: 0 8px; display: inline-block; @@ -3834,11 +3868,12 @@ position: absolute; top: 0px; width: 100%; z-index: 0; overflow: hidden; } - .mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple { + .mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple, + .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple { background-color: transparent; } .mdl-button--primary.mdl-button--primary { color: rgb(63,81,181); } .mdl-button--primary.mdl-button--primary .mdl-ripple { @@ -3853,30 +3888,35 @@ 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] { +.mdl-button[disabled][disabled], +.mdl-button.mdl-button--disabled.mdl-button--disabled { color: rgba(0,0,0, 0.26); cursor: auto; background-color: transparent; } -.mdl-button--fab[disabled][disabled] { +.mdl-button--fab[disabled][disabled], +.mdl-button--fab.mdl-button--disabled.mdl-button--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] { +.mdl-button--raised[disabled][disabled], +.mdl-button--raised.mdl-button--disabled.mdl-button--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); } +.mdl-button--colored[disabled][disabled], +.mdl-button--colored.mdl-button--disabled.mdl-button--disabled { + color: rgba(0,0,0, 0.26); } +.mdl-button .material-icons { + vertical-align: middle; } + /** * 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. @@ -3964,10 +4004,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -3991,26 +4046,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -4023,10 +4067,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ .mdl-card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; @@ -4223,10 +4268,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -4250,26 +4310,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -4282,10 +4331,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ /** * 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. @@ -4505,10 +4555,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -4532,26 +4597,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -4564,10 +4618,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ /** * 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. @@ -4639,11 +4694,13 @@ font-size: 12px; color: rgba(0, 0, 0, 0.54); padding-bottom: 8px; box-sizing: border-box; } .mdl-data-table th .mdl-data-table__select { - position: relative; } + position: absolute; + bottom: 8px; + left: 24px; } .mdl-data-table__select { width: 16px; } .mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric { @@ -4738,10 +4795,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -4765,26 +4837,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -4797,10 +4858,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ /** * 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. @@ -5122,10 +5184,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -5149,26 +5226,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -5181,10 +5247,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ .mdl-mini-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; @@ -5344,10 +5411,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -5371,26 +5453,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -5403,10 +5474,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ .mdl-icon-toggle { position: relative; z-index: 1; vertical-align: middle; display: inline-block; @@ -5569,10 +5641,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -5596,26 +5683,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -5628,10 +5704,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ /** * 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. @@ -5655,13 +5732,16 @@ border: none; position: absolute; overflow: visible; height: 0; width: 0; + visibility: hidden; z-index: -1; } - .mdl-menu__container.is-visible { - z-index: 999; } + .mdl-menu__container.is-visible, + .mdl-menu__container.is-animating { + z-index: 999; + visibility: visible; } .mdl-menu__outline { display: block; background: rgb(255,255,255); margin: 0; @@ -5885,10 +5965,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -5912,26 +6007,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -5944,10 +6028,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ .mdl-progress { display: block; position: relative; height: 4px; width: 500px; } @@ -6148,10 +6233,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -6175,26 +6275,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -6207,10 +6296,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ /** * 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. @@ -6452,12 +6542,13 @@ .mdl-layout__header { min-height: 56px; } } .mdl-layout--fixed-drawer:not(.is-small-screen) > .mdl-layout__header { margin-left: 240px; width: calc(100% - 240px); } - .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row { - padding-left: 40px; } + @media screen and (min-width: 1024px) { + .mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row { + padding-left: 40px; } } .mdl-layout__header > .mdl-layout-icon { position: absolute; left: 40px; top: 16px; height: 32px; @@ -6841,10 +6932,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -6868,26 +6974,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -6900,10 +6995,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ /** * 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. @@ -6946,11 +7042,11 @@ appearance: none; border: none; } .mdl-radio__outer-circle { position: absolute; - top: 2px; + top: 4px; left: 0; display: inline-block; box-sizing: border-box; width: 16px; height: 16px; @@ -6967,11 +7063,11 @@ .mdl-radio__inner-circle { position: absolute; z-index: 1; margin: 0; - top: 6px; + top: 8px; left: 4px; box-sizing: border-box; width: 8px; height: 8px; cursor: pointer; @@ -7108,10 +7204,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -7135,26 +7246,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -7167,10 +7267,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded { -ms-appearance: none; height: 32px; margin: 0; } @@ -7192,10 +7293,11 @@ color: rgb(63,81,181); -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; z-index: 1; + cursor: pointer; /**************************** Tracks ****************************/ /**************************** Thumbs ****************************/ /**************************** 0-value ****************************/ /**************************** Disabled ****************************/ } .mdl-slider.is-upgraded::-moz-focus-outer { @@ -7514,10 +7616,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -7541,26 +7658,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -7573,10 +7679,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ .mdl-spinner { display: inline-block; position: relative; width: 28px; height: 28px; } @@ -7991,10 +8098,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -8018,26 +8140,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -8050,10 +8161,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ /** * 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. @@ -8291,10 +8403,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -8318,26 +8445,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -8350,10 +8466,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ .mdl-tabs { display: block; width: 100%; } .mdl-tabs__tab-bar { @@ -8538,10 +8655,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -8565,26 +8697,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -8597,10 +8718,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ /** * 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. @@ -8642,35 +8764,39 @@ min-height: 32px; } .mdl-textfield__input { border: none; border-bottom: 1px solid rgba(0,0,0, 0.12); - display: inline-block; + display: block; font-size: 16px; margin: 0; padding: 4px 0; width: 100%; - background: 16px; text-align: left; color: inherit; } .mdl-textfield.is-focused .mdl-textfield__input { outline: none; } .mdl-textfield.is-invalid .mdl-textfield__input { border-color: rgb(222, 50, 38); box-shadow: none; } .mdl-textfield.is-disabled .mdl-textfield__input { background-color: transparent; - border-bottom: 1px dotted rgba(0,0,0, 0.12); } + border-bottom: 1px dotted rgba(0,0,0, 0.12); + color: rgba(0,0,0, 0.26); } +.mdl-textfield textarea.mdl-textfield__input { + display: block; } + .mdl-textfield__label { bottom: 0; color: rgba(0,0,0, 0.26); font-size: 16px; left: 0; right: 0; pointer-events: none; position: absolute; + display: block; top: 24px; width: 100%; overflow: hidden; white-space: nowrap; text-align: left; } @@ -8679,10 +8805,12 @@ .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.is-disabled.is-disabled .mdl-textfield__label { + color: rgba(0,0,0, 0.26); } .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; @@ -8716,11 +8844,12 @@ .mdl-textfield__error { color: rgb(222, 50, 38); position: absolute; font-size: 12px; margin-top: 3px; - visibility: hidden; } + visibility: hidden; + display: block; } .mdl-textfield.is-invalid .mdl-textfield__error { visibility: visible; } .mdl-textfield__expandable-holder { display: inline-block; @@ -8826,10 +8955,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -8853,26 +8997,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -8885,10 +9018,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ .mdl-tooltip { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: top center; @@ -9036,10 +9170,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -9063,26 +9212,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -9095,10 +9233,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ /** * 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. @@ -9146,10 +9285,15 @@ * 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. */ +/* +* NOTE: Some rules here are applied using duplicate selectors. +* This is on purpose to increase their specificity when applied. +* For example: `.mdl-cell--1-col-phone.mdl-cell--1-col-phone` +*/ /** * 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. @@ -9222,10 +9366,25 @@ * See the License for the specific language governing permissions and * limitations under the License. */ /* ========== Color Palettes ========== */ /* colors.scss */ +/** + * 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 & Themes ========== */ /* ========== Typography ========== */ /* ========== Components ========== */ /* ========== Standard Buttons ========== */ /* ========== Icon Toggles ========== */ @@ -9249,26 +9408,15 @@ /* SWITCH */ /* SPINNER */ /* RADIO */ /* MENU */ /* LIST */ -/* ICONS */ +/* LAYOUT */ /* ICON TOGGLE */ /* FOOTER */ /*mega-footer*/ -/************** - * - * Sizes - * - *************/ /*mini-footer*/ -/************** - * - * Sizes - * - *************/ -/* COLUMN LAYOUT */ /* CHECKBOX */ /* CARD */ /* Card dimensions */ /* Cover image */ /* BUTTON */ @@ -9281,10 +9429,11 @@ /* PROGRESS */ /* BADGE */ /* SHADOWS */ /* GRID */ /* DATA TABLE */ +/* TOOLTIP */ .mdl-grid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; @@ -9333,104 +9482,80 @@ width: calc(100% - 16px); } .mdl-grid--no-spacing > .mdl-cell { width: 100%; } .mdl-cell--hide-phone { display: none !important; } - .mdl-cell--1-col { - width: calc(25% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--1-col { - width: 25%; } + .mdl-cell--1-col, .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: calc(25% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-phone.mdl-cell--1-col-phone { width: 25%; } - .mdl-cell--2-col { - width: calc(50% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--2-col { - width: 50%; } + .mdl-cell--2-col, .mdl-cell--2-col-phone.mdl-cell--2-col-phone { width: calc(50% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-phone.mdl-cell--2-col-phone { width: 50%; } - .mdl-cell--3-col { - width: calc(75% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--3-col { - width: 75%; } + .mdl-cell--3-col, .mdl-cell--3-col-phone.mdl-cell--3-col-phone { width: calc(75% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-phone.mdl-cell--3-col-phone { width: 75%; } - .mdl-cell--4-col { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--4-col { - width: 100%; } + .mdl-cell--4-col, .mdl-cell--4-col-phone.mdl-cell--4-col-phone { width: calc(100% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-phone.mdl-cell--4-col-phone { width: 100%; } - .mdl-cell--5-col { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--5-col { - width: 100%; } + .mdl-cell--5-col, .mdl-cell--5-col-phone.mdl-cell--5-col-phone { width: calc(100% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-phone.mdl-cell--5-col-phone { width: 100%; } - .mdl-cell--6-col { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--6-col { - width: 100%; } + .mdl-cell--6-col, .mdl-cell--6-col-phone.mdl-cell--6-col-phone { width: calc(100% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-phone.mdl-cell--6-col-phone { width: 100%; } - .mdl-cell--7-col { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--7-col { - width: 100%; } + .mdl-cell--7-col, .mdl-cell--7-col-phone.mdl-cell--7-col-phone { width: calc(100% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-phone.mdl-cell--7-col-phone { width: 100%; } - .mdl-cell--8-col { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--8-col { - width: 100%; } + .mdl-cell--8-col, .mdl-cell--8-col-phone.mdl-cell--8-col-phone { width: calc(100% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-phone.mdl-cell--8-col-phone { width: 100%; } - .mdl-cell--9-col { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--9-col { - width: 100%; } + .mdl-cell--9-col, .mdl-cell--9-col-phone.mdl-cell--9-col-phone { width: calc(100% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-phone.mdl-cell--9-col-phone { width: 100%; } - .mdl-cell--10-col { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--10-col { - width: 100%; } + .mdl-cell--10-col, .mdl-cell--10-col-phone.mdl-cell--10-col-phone { width: calc(100% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-phone.mdl-cell--10-col-phone { width: 100%; } - .mdl-cell--11-col { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--11-col { - width: 100%; } + .mdl-cell--11-col, .mdl-cell--11-col-phone.mdl-cell--11-col-phone { width: calc(100% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-phone.mdl-cell--11-col-phone { width: 100%; } - .mdl-cell--12-col { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--12-col { - width: 100%; } + .mdl-cell--12-col, .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: calc(100% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-phone.mdl-cell--12-col-phone { width: 100%; } } @media (min-width: 480px) and (max-width: 839px) { .mdl-grid { @@ -9440,104 +9565,80 @@ width: calc(50% - 16px); } .mdl-grid--no-spacing > .mdl-cell { width: 50%; } .mdl-cell--hide-tablet { display: none !important; } - .mdl-cell--1-col { - width: calc(12.5% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--1-col { - width: 12.5%; } + .mdl-cell--1-col, .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { width: calc(12.5% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet { width: 12.5%; } - .mdl-cell--2-col { - width: calc(25% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--2-col { - width: 25%; } + .mdl-cell--2-col, .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: calc(25% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet { width: 25%; } - .mdl-cell--3-col { - width: calc(37.5% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--3-col { - width: 37.5%; } + .mdl-cell--3-col, .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { width: calc(37.5% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet { width: 37.5%; } - .mdl-cell--4-col { - width: calc(50% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--4-col { - width: 50%; } + .mdl-cell--4-col, .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: calc(50% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet { width: 50%; } - .mdl-cell--5-col { - width: calc(62.5% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--5-col { - width: 62.5%; } + .mdl-cell--5-col, .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet { width: calc(62.5% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet { width: 62.5%; } - .mdl-cell--6-col { - width: calc(75% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--6-col { - width: 75%; } + .mdl-cell--6-col, .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet { width: calc(75% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet { width: 75%; } - .mdl-cell--7-col { - width: calc(87.5% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--7-col { - width: 87.5%; } + .mdl-cell--7-col, .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet { width: calc(87.5% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet { width: 87.5%; } - .mdl-cell--8-col { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--8-col { - width: 100%; } + .mdl-cell--8-col, .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet { width: calc(100% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet { width: 100%; } - .mdl-cell--9-col { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--9-col { - width: 100%; } + .mdl-cell--9-col, .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet { width: calc(100% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet { width: 100%; } - .mdl-cell--10-col { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--10-col { - width: 100%; } + .mdl-cell--10-col, .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet { width: calc(100% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet { width: 100%; } - .mdl-cell--11-col { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--11-col { - width: 100%; } + .mdl-cell--11-col, .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet { width: calc(100% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet { width: 100%; } - .mdl-cell--12-col { - width: calc(100% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--12-col { - width: 100%; } + .mdl-cell--12-col, .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet { width: calc(100% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet { width: 100%; } } @media (min-width: 840px) { .mdl-grid { @@ -9547,161 +9648,77 @@ width: calc(33.3333333333% - 16px); } .mdl-grid--no-spacing > .mdl-cell { width: 33.3333333333%; } .mdl-cell--hide-desktop { display: none !important; } - .mdl-cell--1-col { - width: calc(8.3333333333% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--1-col { - width: 8.3333333333%; } + .mdl-cell--1-col, .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { width: calc(8.3333333333% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop { width: 8.3333333333%; } - .mdl-cell--2-col { - width: calc(16.6666666667% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--2-col { - width: 16.6666666667%; } + .mdl-cell--2-col, .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { width: calc(16.6666666667% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop { 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, .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: calc(25% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop { width: 25%; } - .mdl-cell--4-col { - width: calc(33.3333333333% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--4-col { - width: 33.3333333333%; } + .mdl-cell--4-col, .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop { width: calc(33.3333333333% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop { width: 33.3333333333%; } - .mdl-cell--5-col { - width: calc(41.6666666667% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--5-col { - width: 41.6666666667%; } + .mdl-cell--5-col, .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop { width: calc(41.6666666667% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop { 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, .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: calc(50% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop { width: 50%; } - .mdl-cell--7-col { - width: calc(58.3333333333% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--7-col { - width: 58.3333333333%; } + .mdl-cell--7-col, .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop { width: calc(58.3333333333% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop { width: 58.3333333333%; } - .mdl-cell--8-col { - width: calc(66.6666666667% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--8-col { - width: 66.6666666667%; } + .mdl-cell--8-col, .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { width: calc(66.6666666667% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop { 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, .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop { width: calc(75% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop { width: 75%; } - .mdl-cell--10-col { - width: calc(83.3333333333% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--10-col { - width: 83.3333333333%; } + .mdl-cell--10-col, .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { width: calc(83.3333333333% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop { width: 83.3333333333%; } - .mdl-cell--11-col { - width: calc(91.6666666667% - 16px); } - .mdl-grid--no-spacing > .mdl-cell--11-col { - width: 91.6666666667%; } + .mdl-cell--11-col, .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop { width: calc(91.6666666667% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop { 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, .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { width: calc(100% - 16px); } + .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop { width: 100%; } } - -body { - margin: 0px; } - -.styleguide-demo h1 { - margin: 48px 24px 0 24px; } - -.styleguide-demo h1:after { - content: ''; - display: block; - width: 100%; - border-bottom: 1px solid rgba(0, 0, 0, 0.5); - margin-top: 24px; } - -.styleguide-demo { - opacity: 0; - -webkit-transition: opacity 0.6s ease; - transition: opacity 0.6s ease; } - -.styleguide-masthead { - height: 256px; - background: rgb(33,33,33); - padding: 115px 16px 0; } - -.styleguide-container { - position: relative; - max-width: 960px; - width: 100%; } - -.styleguide-title { - color: #fff; - bottom: auto; - position: relative; - font-size: 56px; - font-weight: 300; - line-height: 1; - letter-spacing: -0.02em; } - .styleguide-title:after { - border-bottom: 0px; } - .styleguide-title span { - font-weight: 300; } - -.mdl-styleguide .mdl-layout__drawer .mdl-navigation__link { - padding: 10px 24px; } - -.demosLoaded .styleguide-demo { - opacity: 1; } - -iframe { - display: block; - width: 100%; - border: none; } - -iframe.heightSet { - overflow: hidden; } - -.demo-wrapper { - margin: 24px; } - .demo-wrapper iframe { - border: 1px solid rgba(0, 0, 0, 0.5); }