vendor/assets/stylesheets/material.css in material_design_lite-rails-1.1.3 vs vendor/assets/stylesheets/material.css in material_design_lite-rails-1.2.0
- old
+ new
@@ -1,8 +1,8 @@
/**
* material-design-lite - Material Design Components in CSS, JS and HTML
- * @version v1.1.3
+ * @version v1.2.0
* @license Apache-2.0
* @copyright 2015 Google, Inc.
* @link https://github.com/google/material-design-lite
*/
@charset "UTF-8";
@@ -62,10 +62,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -170,10 +172,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
/**
* 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.
@@ -261,10 +264,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -369,10 +374,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
/*
* 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.
*/
@@ -515,10 +521,16 @@
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
+@media only screen and (min-width: 35em) {
+ /* Style adjustments for viewports that meet the condition */ }
+
+@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
+ /* Style adjustments for high resolution devices */ }
+
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
http://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@@ -679,10 +691,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -787,10 +801,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
/**
* 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.
@@ -1260,10 +1275,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -1368,10 +1385,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
.mdl-color-text--red {
color: rgb(244,67,54) !important; }
.mdl-color--red {
background-color: rgb(244,67,54) !important; }
@@ -3105,10 +3123,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -3213,10 +3233,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
.mdl-ripple {
background: rgb(0,0,0);
border-radius: 50%;
height: 50px;
left: 0;
@@ -3290,10 +3311,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -3398,10 +3421,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
.mdl-animation--default {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.mdl-animation--fast-out-slow-in {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
@@ -3467,10 +3491,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -3575,10 +3601,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
.mdl-badge {
position: relative;
white-space: nowrap;
margin-right: 24px; }
.mdl-badge:not([data-badge]) {
@@ -3681,10 +3708,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -3789,10 +3818,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
/**
* 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.
@@ -4054,10 +4084,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -4162,10 +4194,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
.mdl-card {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
@@ -4318,10 +4351,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -4426,10 +4461,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
/**
* 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.
@@ -4618,10 +4654,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -4726,10 +4764,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
/**
* 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.
@@ -4745,10 +4784,252 @@
*/
/* Typography */
/* Shadows */
/* Animations */
/* Dialog */
+.mdl-chip {
+ height: 32px;
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
+ line-height: 32px;
+ padding: 0 12px;
+ border: 0;
+ border-radius: 16px;
+ background-color: #dedede;
+ display: inline-block;
+ color: rgba(0,0,0, 0.87);
+ margin: 2px 0;
+ font-size: 0;
+ white-space: nowrap; }
+ .mdl-chip__text {
+ font-size: 13px;
+ vertical-align: middle;
+ display: inline-block; }
+ .mdl-chip__action {
+ height: 24px;
+ width: 24px;
+ background: transparent;
+ opacity: 0.54;
+ display: inline-block;
+ cursor: pointer;
+ text-align: center;
+ vertical-align: middle;
+ padding: 0;
+ margin: 0 0 0 4px;
+ font-size: 13px;
+ text-decoration: none;
+ color: rgba(0,0,0, 0.87);
+ border: none;
+ outline: none;
+ overflow: hidden; }
+ .mdl-chip__contact {
+ height: 32px;
+ width: 32px;
+ border-radius: 16px;
+ display: inline-block;
+ vertical-align: middle;
+ margin-right: 8px;
+ overflow: hidden;
+ text-align: center;
+ font-size: 18px;
+ line-height: 32px; }
+ .mdl-chip:focus {
+ outline: 0;
+ 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-chip:active {
+ background-color: #d6d6d6; }
+ .mdl-chip--deletable {
+ padding-right: 4px; }
+ .mdl-chip--contact {
+ padding-left: 0; }
+
+/**
+ * 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
+ * -----Dialog
+ * -----Snackbar
+ * -----Tooltip
+ * -----Chip
+ *
+ * Even though all variables have the `!default` directive, most of them
+ * should not be changed as they are dependent one another. This can cause
+ * visual distortions (like alignment issues) that are hard to track down
+ * and fix.
+ */
+/* ========== 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 */
+/**
+ * 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.
+ */
+/* ========== IMAGES ========== */
+/* ========== 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 */
+/* LAYOUT */
+/* ICON TOGGLE */
+/* FOOTER */
+/*mega-footer*/
+/*mini-footer*/
+/* CHECKBOX */
+/* CARD */
+/* Card dimensions */
+/* Cover image */
+/* BUTTON */
+/**
+ *
+ * Dimensions
+ *
+ */
+/* ANIMATION */
+/* PROGRESS */
+/* BADGE */
+/* SHADOWS */
+/* GRID */
+/* DATA TABLE */
+/* DIALOG */
+/* SNACKBAR */
+/* TOOLTIP */
+/* CHIP */
+/**
+ * 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 */
+/* Dialog */
.mdl-data-table {
position: relative;
border: 1px solid rgba(0, 0, 0, 0.12);
border-collapse: collapse;
white-space: nowrap;
@@ -4886,10 +5167,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -4994,10 +5277,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
/**
* 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.
@@ -5108,10 +5392,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -5216,10 +5502,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
/**
* 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.
@@ -5520,10 +5807,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -5628,10 +5917,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
.mdl-mini-footer {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;
@@ -5752,10 +6042,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -5860,10 +6152,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
.mdl-icon-toggle {
position: relative;
z-index: 1;
vertical-align: middle;
display: inline-block;
@@ -5990,10 +6283,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -6098,10 +6393,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
/**
* 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.
@@ -6308,10 +6604,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -6416,10 +6714,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
/**
* 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.
@@ -6637,10 +6936,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -6745,10 +7046,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
.mdl-progress {
display: block;
position: relative;
height: 4px;
width: 500px;
@@ -6916,10 +7218,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -7024,10 +7328,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
/**
* 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.
@@ -7181,12 +7486,12 @@
.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(224,224,224); }
+ background-color: rgb(224,224,224);
+ color: rgb(0,0,0); }
@media screen and (min-width: 1025px) {
.mdl-layout--fixed-drawer > .mdl-layout__drawer {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@@ -7201,11 +7506,11 @@
flex-shrink: 0;
overflow: hidden;
text-align: center;
cursor: pointer;
font-size: 26px;
- line-height: 50px;
+ line-height: 56px;
font-family: Helvetica, Arial, sans-serif;
margin: 10px 12px;
top: 0;
left: 0;
color: rgb(255,255,255);
@@ -7220,16 +7525,16 @@
@media screen and (max-width: 1024px) {
.mdl-layout__drawer-button {
margin: 4px;
color: rgba(0, 0, 0, 0.5); } }
@media screen and (min-width: 1025px) {
- .mdl-layout--fixed-drawer > .mdl-layout__drawer-button {
- display: none; }
- .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button {
- display: none; } }
- .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
- display: none; }
+ .mdl-layout__drawer-button {
+ line-height: 64px; }
+ .mdl-layout--no-desktop-drawer-button .mdl-layout__drawer-button,
+ .mdl-layout--fixed-drawer > .mdl-layout__drawer-button,
+ .mdl-layout--no-drawer-button .mdl-layout__drawer-button {
+ display: none; } }
.mdl-layout__header {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
@@ -7506,11 +7811,10 @@
.mdl-layout--no-drawer-button .mdl-layout__tab-bar-button .material-icons {
position: relative;
left: -4px; }
@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; }
.mdl-layout__tab-bar-button .material-icons {
line-height: 48px; }
@@ -7642,10 +7946,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -7750,10 +8056,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
/**
* 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.
@@ -7929,10 +8236,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -8037,10 +8346,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
_:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
-ms-appearance: none;
height: 32px;
margin: 0; }
@@ -8327,10 +8637,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -8435,10 +8747,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
/**
* 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.
@@ -8591,10 +8904,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -8699,10 +9014,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
.mdl-spinner {
display: inline-block;
position: relative;
width: 28px;
height: 28px; }
@@ -9081,10 +9397,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -9189,10 +9507,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
/**
* 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.
@@ -9394,10 +9713,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -9502,10 +9823,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
.mdl-tabs {
display: block;
width: 100%; }
.mdl-tabs__tab-bar {
@@ -9649,10 +9971,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -9757,10 +10081,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
/**
* 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.
@@ -9799,10 +10124,12 @@
.mdl-textfield--expandable {
min-width: 32px;
width: auto;
min-height: 32px; }
+ .mdl-textfield--expandable .mdl-button--icon {
+ top: 16px; }
.mdl-textfield__input {
border: none;
border-bottom: 1px solid rgba(0,0,0, 0.12);
display: block;
@@ -9968,10 +10295,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -10076,16 +10405,16 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
.mdl-tooltip {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: top center;
transform-origin: top center;
- will-change: transform;
z-index: 999;
background: rgba(97,97,97, 0.9);
border-radius: 2px;
color: rgb(255,255,255);
display: inline-block;
@@ -10191,10 +10520,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -10299,10 +10630,11 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
/**
* 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.
@@ -10401,10 +10733,12 @@
* -----Shadows
* -----Grid
* -----Data table
* -----Dialog
* -----Snackbar
+ * -----Tooltip
+ * -----Chip
*
* Even though all variables have the `!default` directive, most of them
* should not be changed as they are dependent one another. This can cause
* visual distortions (like alignment issues) that are hard to track down
* and fix.
@@ -10509,9 +10843,10 @@
/* GRID */
/* DATA TABLE */
/* DIALOG */
/* SNACKBAR */
/* TOOLTIP */
+/* CHIP */
.mdl-grid {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row wrap;