material_design_lite-sass 1.0.2.1 → 1.0.3

data/vendor/assets/stylesheets/material/_layout.scss

@@ -29,7 +29,7 @@
   color: $layout-text-color;
   text-decoration: none;
   font-weight: 500;
-  font-size: 13px;
+  font-size: $layout-nav-link-font-size;
   margin: 0;
 }
 
@@ -243,9 +243,11 @@
       width: calc(100% - #{$layout-drawer-width});
     }
 
-    .mdl-layout--fixed-drawer > & {
-      .mdl-layout__header-row {
-        padding-left: 40px;
+    @media screen and (min-width: $layout-screen-size-threshold) {
+      .mdl-layout--fixed-drawer > & {
+        .mdl-layout__header-row {
+          padding-left: 40px;
+        }
       }
     }
 
@@ -524,7 +526,7 @@
 
     text-align: center;
     font-weight: 500;
-    font-size: 14px;
+    font-size: $layout-tab-font-size;
     text-transform: uppercase;
 
     color: $layout-header-tab-text-color;

data/vendor/assets/stylesheets/material/_menu.scss

@@ -26,10 +26,13 @@
   overflow: visible;
   height: 0;
   width: 0;
+  visibility: hidden;
   z-index: -1;
 
-  &.is-visible {
+  &.is-visible,
+  &.is-animating {
     z-index: 999;
+    visibility: visible;
   }
 }
 

data/vendor/assets/stylesheets/material/_radio.scss

@@ -20,7 +20,7 @@
 .mdl-radio {
   position: relative;
 
-  font-size: 16px;
+  font-size: $radio-label-font-size;
   line-height: $radio-label-height;
 
   display: inline-block;

data/vendor/assets/stylesheets/material/_slider.scss

@@ -44,6 +44,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider.is-upgraded {
     color: $range-color;
     align-self: center;
     z-index: 1;
+    cursor: pointer;
 
 
     // Disable default focus on Firefox.

data/vendor/assets/stylesheets/material/_switch.scss

@@ -148,7 +148,7 @@
 .mdl-switch__label {
   position: relative;
   cursor: pointer;
-  font-size: 16px;
+  font-size: $switch-label-font-size;
   line-height: $switch-label-height;
   margin: 0;
   left: 24px;

data/vendor/assets/stylesheets/material/_tabs.scss

@@ -51,7 +51,7 @@
 
   text-align: center;
   font-weight: 500;
-  font-size: 14px;
+  font-size: $layout-tab-font-size;
   text-transform: uppercase;
 
   color: $tab-text-color;

data/vendor/assets/stylesheets/material/_textfield.scss

@@ -21,7 +21,7 @@
 .mdl-textfield {
   position: relative;
 
-  font-size: 16px;
+  font-size: $input-text-font-size;
 
   display: inline-block;
 
@@ -59,12 +59,11 @@
 .mdl-textfield__input {
   border: none;
   border-bottom: 1px solid $input-text-bottom-border-color;
-  display: inline-block;
+  display: block;
   font-size: $input-text-font-size;
   margin: 0;
   padding: $input-text-padding 0;
   width: $input-text-width;
-  background: $input-text-font-size;
   text-align: left;
   color: inherit;
 
@@ -80,9 +79,14 @@
   .mdl-textfield.is-disabled & {
     background-color: transparent;
     border-bottom: 1px dotted $input-text-disabled-color;
+    color: $input-text-disabled-text-color;
   }
 }
 
+.mdl-textfield textarea.mdl-textfield__input {
+  display: block;
+}
+
 // Styling for the label / floating label.
 .mdl-textfield__label {
   bottom: 0;
@@ -92,6 +96,7 @@
   right: 0;
   pointer-events: none;
   position: absolute;
+  display: block;
   top: ($input-text-padding + $input-text-vertical-spacing);
   width: 100%;
   overflow: hidden;
@@ -107,6 +112,10 @@
     @include material-animation-default();
   }
 
+  .mdl-textfield.is-disabled.is-disabled & {
+    color: $input-text-disabled-text-color;
+  }
+
   .mdl-textfield--floating-label.is-focused &,
   .mdl-textfield--floating-label.is-dirty & {
     color: $input-text-highlight-color;
@@ -122,7 +131,7 @@
 
   .mdl-textfield--floating-label.is-invalid & {
     color: $input-text-error-color;
-    font-size: 12px;
+    font-size: $input-text-floating-label-fontsize;
   }
 
   // The after label is the colored underline for the TextField.
@@ -153,9 +162,10 @@
 .mdl-textfield__error {
   color: $input-text-error-color;
   position: absolute;
-  font-size: 12px;
+  font-size: $input-text-floating-label-fontsize;
   margin-top: 3px;
   visibility: hidden;
+  display: block;
 
   .mdl-textfield.is-invalid & {
     visibility: visible;

data/vendor/assets/stylesheets/material/_tooltip.scss

@@ -25,7 +25,7 @@
   border-radius: 2px;
   color: $tooltip-text-color;
   display: inline-block;
-  font-size: 10px;
+  font-size: $tooltip-font-size;
   font-weight: 500;
   line-height: 14px;
   max-width: 170px;
@@ -41,7 +41,7 @@
 
 .mdl-tooltip--large {
   line-height: 14px;
-  font-size: 14px;
+  font-size: $tooltip-font-size-large;
   padding: 16px;
 }
 

data/vendor/assets/stylesheets/material/_variables.scss

@@ -67,7 +67,7 @@ $performance_font: 'Helvetica', 'Arial', sans-serif !default;
 *
 **/
 
-@import "_color-definitions";
+@import "color-definitions";
 @import "functions";
 
 /* ==========  Color & Themes  ========== */
@@ -233,6 +233,7 @@ $input-text-label-color: unquote("rgba(#{$color-black}, 0.26)") !default;
 $input-text-bottom-border-color: unquote("rgba(#{$color-black}, 0.12)") !default;
 $input-text-highlight-color: unquote("rgb(#{$color-primary})") !default;
 $input-text-disabled-color: $input-text-bottom-border-color !default;
+$input-text-disabled-text-color: $input-text-label-color !default;
 $input-text-error-color: unquote("rgb(222, 50, 38)") !default;
 
 /* ==========  Card  ========== */
@@ -305,6 +306,7 @@ $input-text-expandable-icon-top: 16px;
 
 /* SWITCH */
 
+$switch-label-font-size: 16px;
 $switch-label-height: 24px;
 $switch-track-height: 14px;
 $switch-track-length: 36px;
@@ -332,11 +334,12 @@ $spinner-duration: 360 * $spinner-arc-time / (
 
 /* RADIO */
 
+$radio-label-font-size: 16px;
 $radio-label-height: 24px;
 $radio-button-size: 16px;
 $radio-inner-margin: $radio-button-size / 4;
 $radio-padding: 8px;
-$radio-top-offset: ($radio-label-height - $radio-button-size) / 2 - 2px;
+$radio-top-offset: ($radio-label-height - $radio-button-size) / 2;
 $radio-ripple-size: 42px;
 
 
@@ -351,10 +354,10 @@ $list-container-height: 500px;
 $list-container-width: 400px;
 $list-container-item-height: 70px;
 
-/* ICONS */
+/* LAYOUT */
 
+$layout-nav-link-font-size: 13px;
 
-// Dimensions
 $layout-drawer-narrow: 240px;
 $layout-drawer-wide: 456px;
 $layout-drawer-width: $layout-drawer-narrow;
@@ -375,6 +378,7 @@ $layout-header-mobile-baseline: 72px;
 $layout-header-mobile-indent: 16px;
 $layout-header-desktop-indent: 40px;
 
+$layout-tab-font-size: 14px;
 $layout-tab-bar-height: 48px;
 $layout-tab-mobile-padding: 12px;
 $layout-tab-desktop-padding: 24px;
@@ -390,11 +394,6 @@ $icon-toggle-ripple-size: 36px !default;
 /* FOOTER */
 
 /*mega-footer*/
-/**************
- *
- * Sizes
- *
- *************/
 $footer-min-padding: 16px !default;
 $footer-padding-sides: 40px !default;
 $footer-heading-font-size: 14px !default;
@@ -402,47 +401,14 @@ $footer-heading-line-height: (1.7 * $footer-heading-font-size) !default;
 $footer-btn-size: 36px  !default;
 
 /*mini-footer*/
-
-/**************
- *
- * Sizes
- *
- *************/
 $padding: 16px !default;
 $footer-heading-font-size: 24px !default;
 $footer-heading-line-height: (1.5 * $footer-heading-font-size) !default;
 $footer-btn-size: 36px !default;
 
-/* COLUMN LAYOUT */
-
-// Cutoff points for devices.
-$columns-tablet-size: 768px;
-$columns-desktop-size: 1024px;
-
-// Web (desktop) layout. Columns are fixed width, and there's a maximum number
-// of 3 columns, after which we just add padding to either side.
-$columns-web-count: 3;
-$columns-web-size: 360px;
-$columns-web-gutter: 40px;
-
-$columns-web-block-size: $columns-web-size + $columns-web-gutter;
-$columns-web-padding-size: $columns-web-count *
-    ($columns-web-size + $columns-web-gutter) / 2;
-
-// Tablet layout. There's a fixed number of columns, which grow to fill the
-// entire container.
-$columns-tablet-count: 2;
-$columns-tablet-gutter: 24px;
-$columns-tablet-percent: 100% / $columns-tablet-count;
-
-// Phone layout. There's a fixed number of columns, which grow to fill the
-// entire container.
-$columns-phone-count: 1;
-$columns-phone-gutter: 16px;
-$columns-phone-percent: 100% / $columns-phone-count;
-
 /* CHECKBOX */
 
+$checkbox-label-font-size: 16px;
 $checkbox-label-height: 24px;
 $checkbox-button-size: 16px;
 $checkbox-inner-margin: 2px;
@@ -458,6 +424,7 @@ $card-width: 330px !default;
 $card-height: 200px !default;
 $card-font-size: 16px !default;
 $card-title-font-size: 24px !default;
+$card-subtitle-font-size: 14px !default;
 $card-horizontal-padding: 16px !default;
 $card-vertical-padding: 16px !default;
 
@@ -515,6 +482,7 @@ $animation-curve-default: $animation-curve-fast-out-slow-in !default;
 $bar-height: 4px !default;
 
 /* BADGE */
+$badge-font-size: 12px;
 $badge-color: unquote("rgb(#{$color-white})") !default;
 $badge-color-inverse: unquote("rgb(#{$color-accent})") !default;
 $badge-background: unquote("rgb(#{$color-accent})") !default;
@@ -550,6 +518,9 @@ $grid-cell-default-columns: $grid-phone-columns !default;
 
 /* DATA TABLE */
 
+$data-table-font-size: 13px;
+$data-table-header-font-size: 12px;
+
 $data-table-header-color: rgba(#000, 0.54);
 $data-table-divider-color: rgba(#000, 0.12);
 
@@ -570,3 +541,7 @@ $data-table-card-title-top: 20px;
 $data-table-card-padding: 24px;
 $data-table-button-padding-right: 16px;
 $data-table-cell-top: $data-table-card-padding / 2;
+
+/* TOOLTIP */
+$tooltip-font-size: 10px !default;
+$tooltip-font-size-large: 14px !default;

data/vendor/assets/stylesheets/material/resets/_h5bp.scss

@@ -33,16 +33,13 @@ html {
 }
 
 /*
- * 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;
@@ -62,12 +59,14 @@ hr {
 }
 
 /*
- * 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 {
@@ -93,10 +92,10 @@ textarea {
 }
 
 /* ==========================================================================
-   Browse Happy prompt
+   Browser Upgrade Prompt
    ========================================================================== */
 
-.browsehappy {
+.browserupgrade {
     margin: 0.2em 0;
     background: #ccc;
     color: #000;
@@ -128,16 +127,16 @@ textarea {
    ========================================================================== */
 
 /*
- * Hide visually and from screen readers: h5bp.com/u
+ * Hide visually and from screen readers:
  */
 
 .hidden {
     display: none !important;
-    visibility: hidden;
 }
 
 /*
- * 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 {
@@ -152,8 +151,9 @@ textarea {
 }
 
 /*
- * 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,
@@ -207,23 +207,25 @@ textarea {
 }
 
 @media print,
-       (-o-min-device-pixel-ratio: 5/4),
-       (-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: 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 */
+        color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */
         box-shadow: none !important;
         text-shadow: none !important;
     }
@@ -257,8 +259,13 @@ textarea {
         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,