material_design_lite-sass 1.0.6.3 → 1.1.0

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

@@ -81,6 +81,7 @@
     background: $switch-track-color;
   }
 
+  fieldset[disabled] .mdl-switch,
   .mdl-switch.is-disabled & {
     background: $switch-disabled-track-color;
     cursor: auto;
@@ -110,6 +111,7 @@
     @include shadow-3dp();
   }
 
+  fieldset[disabled] .mdl-switch,
   .mdl-switch.is-disabled & {
     background: $switch-disabled-thumb-color;
     cursor: auto;
@@ -153,6 +155,7 @@
   margin: 0;
   left: 24px;
 
+  fieldset[disabled] .mdl-switch,
   .mdl-switch.is-disabled & {
     color: $switch-disabled-thumb-color;
     cursor: auto;
@@ -183,16 +186,17 @@
     background: $switch-color;
   }
 
+  fieldset[disabled] .mdl-switch,
   .mdl-switch.is-disabled & {
     cursor: auto;
   }
 
+  fieldset[disabled] .mdl-switch & .mdl-ripple,
   .mdl-switch.is-disabled & .mdl-ripple {
     background: transparent;
   }
 
   .mdl-switch.is-checked & {
-    cursor: auto;
     left: $switch-track-length - $switch-ripple-size / 2 -
         $switch-thumb-size / 2;
   }

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

@@ -44,7 +44,6 @@
   position: relative;
   display: block;
 
-  color: red;
   text-decoration: none;
   height: 48px;
   line-height: 48px;

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

@@ -20,11 +20,8 @@
 // The container for the whole component.
 .mdl-textfield {
   position: relative;
-
   font-size: $input-text-font-size;
-
   display: inline-block;
-
   box-sizing: border-box;
   width: 300px;
   max-width: 100%;
@@ -61,6 +58,7 @@
   border-bottom: 1px solid $input-text-bottom-border-color;
   display: block;
   font-size: $input-text-font-size;
+  font-family: $performance_font;
   margin: 0;
   padding: $input-text-padding 0;
   width: $input-text-width;
@@ -68,6 +66,16 @@
   text-align: left;
   color: inherit;
 
+  &[type="number"] {
+    -moz-appearance: textfield;
+  }
+
+  &[type="number"]::-webkit-inner-spin-button,
+  &[type="number"]::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
   .mdl-textfield.is-focused & {
     outline: none;
   }
@@ -77,6 +85,7 @@
     box-shadow: none;
   }
 
+  fieldset[disabled] .mdl-textfield &,
   .mdl-textfield.is-disabled & {
     background-color: transparent;
     border-bottom: 1px dotted $input-text-disabled-color;
@@ -113,6 +122,7 @@
     @include material-animation-default();
   }
 
+  fieldset[disabled] .mdl-textfield &,
   .mdl-textfield.is-disabled.is-disabled & {
     color: $input-text-disabled-text-color;
   }

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

@@ -295,3 +295,7 @@
 .mdl-typography--font-black {
   font-weight: 900 !important;
 }
+
+.material-icons {
+  @include typo-icon;
+}

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

@@ -40,6 +40,13 @@
  * -----Shadows
  * -----Grid
  * -----Data table
+ * -----Dialog
+ * -----Snackbar
+ *
+ * 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.
  */
 
 
@@ -75,8 +82,8 @@ $image_path: '/images' !default;
 
 /* ==========  Color & Themes  ========== */
 
-// Define whether individual color pallet items should have classes created.
-// Setting this to true will remove individual color classes for each color in the pallets.
+// Define whether individual color palette items should have classes created.
+// Setting this to true will remove individual color classes for each color in the palettes.
 // To improve overall performance (assuming they aren't used) by:
 // * Saving server bandwidth sending the extra classes
 // * Save client computation against the classes
@@ -266,6 +273,7 @@ $progress-image-path: $image_path;
 
 $list-container-item-border-color: unquote("rgb(#{$palette-grey-300})") !default;
 $list-container-view-background: unquote("rgb(#{$color-white})") !default;
+$list-supporting-text-text-color: unquote("rgba(#{$color-black}, 0.54)") !default;
 
 /* ==========  Item ========== */
 
@@ -275,6 +283,7 @@ $default-item-outline-color: unquote("rgb(#{$palette-grey-400})") !default;
 $default-item-hover-bg-color: unquote("rgb(#{$palette-grey-200})") !default;
 $default-item-focus-bg-color: unquote("rgb(#{$palette-grey-200})") !default;
 $default-item-active-bg-color: unquote("rgb(#{$palette-grey-300})") !default;
+$default-item-divider-color: unquote("rgba(#{$color-black}, 0.12)") !default;
 
 // Disabled Button Colors
 $disabled-item-text-color: unquote("rgb(#{$palette-grey-400})") !default;
@@ -299,28 +308,27 @@ $footer-underline-color: $footer-color !default;
 
 /* TEXTFIELD */
 
-$input-text-font-size: 16px;
-$input-text-width: 100%;
-$input-text-padding: 4px;
-$input-text-ripple-size: 32px;
-$input-text-vertical-spacing: 20px;
+$input-text-font-size: 16px !default;
+$input-text-width: 100% !default;
+$input-text-padding: 4px !default;
+$input-text-vertical-spacing: 20px !default;
 
-$input-text-button-size: 32px;
-$input-text-floating-label-fontsize: 12px;
-$input-text-expandable-icon-top: 16px;
+$input-text-button-size: 32px !default;
+$input-text-floating-label-fontsize: 12px !default;
+$input-text-expandable-icon-top: 16px !default;
 
 
 /* SWITCH */
 
-$switch-label-font-size: 16px;
-$switch-label-height: 24px;
-$switch-track-height: 14px;
-$switch-track-length: 36px;
-$switch-thumb-size: 20px;
-$switch-track-top: ($switch-label-height - $switch-track-height) / 2;
-$switch-thumb-top: ($switch-label-height - $switch-thumb-size) / 2;
-$switch-ripple-size: $switch-label-height * 2;
-$switch-helper-size: 8px;
+$switch-label-font-size: 16px !default;
+$switch-label-height: 24px !default;
+$switch-track-height: 14px !default;
+$switch-track-length: 36px !default;
+$switch-thumb-size: 20px !default;
+$switch-track-top: ($switch-label-height - $switch-track-height) / 2 !default;
+$switch-thumb-top: ($switch-label-height - $switch-thumb-size) / 2 !default;
+$switch-ripple-size: $switch-label-height * 2 !default;
+$switch-helper-size: 8px !default;
 
 /* SPINNER */
 
@@ -328,11 +336,11 @@ $spinner-size: 28px !default;
 $spinner-stroke-width: 3px !default;
 
 // Amount of circle the arc takes up.
-$spinner-arc-size: 270deg;
+$spinner-arc-size: 270deg !default;
 // Time it takes to expand and contract arc.
-$spinner-arc-time: 1333ms;
+$spinner-arc-time: 1333ms !default;
 // How much the start location of the arc should rotate each time.
-$spinner-arc-start-rot: 216deg;
+$spinner-arc-start-rot: 216deg !default;
 
 $spinner-duration: 360 * $spinner-arc-time / (
     strip-units($spinner-arc-start-rot + (360deg - $spinner-arc-size)));
@@ -340,55 +348,54 @@ $spinner-duration: 360 * $spinner-arc-time / (
 
 /* RADIO */
 
-$radio-label-font-size: 16px;
-$radio-label-height: 24px;
-$radio-button-size: 16px;
+$radio-label-font-size: 16px !default;
+$radio-label-height: 24px !default;
+$radio-button-size: 16px !default;
 $radio-inner-margin: $radio-button-size / 4;
-$radio-padding: 8px;
+$radio-padding: 8px !default;
 $radio-top-offset: ($radio-label-height - $radio-button-size) / 2;
-$radio-ripple-size: 42px;
+$radio-ripple-size: 42px !default;
 
 
 /* MENU */
 
-$menu-expand-duration: 0.3s;
-$menu-fade-duration: 0.2s;
+$menu-expand-duration: 0.3s !default;
+$menu-fade-duration: 0.2s !default;
 
 /* LIST */
 
-$list-container-height: 500px;
-$list-container-width: 400px;
-$list-container-item-height: 70px;
+$list-container-height: 500px !default;
+$list-container-width: 400px !default;
+$list-container-item-height: 70px !default;
+// $list__item-hover-color: unquote("rgb(#{$palette-grey-300})") !default;
 
 /* LAYOUT */
 
-$layout-nav-link-font-size: 13px;
-
-$layout-drawer-narrow: 240px;
-$layout-drawer-wide: 456px;
-$layout-drawer-width: $layout-drawer-narrow;
+$layout-drawer-narrow: 240px !default;
+$layout-drawer-wide: 456px !default;
+$layout-drawer-width: $layout-drawer-narrow !default;
 
-$layout-header-icon-size: 32px;
-$layout-screen-size-threshold: 1024px;
-$layout-header-icon-margin: 24px;
-$layout-drawer-button-mobile-size: 32px;
-$layout-drawer-button-desktop-size: 48px;
+$layout-header-icon-size: 32px !default;
+$layout-screen-size-threshold: 1024px !default;
+$layout-header-icon-margin: 24px !default;
+$layout-drawer-button-mobile-size: 32px !default;
+$layout-drawer-button-desktop-size: 48px !default;
 
-$layout-header-mobile-row-height: 56px;
+$layout-header-mobile-row-height: 56px !default;
 $layout-mobile-header-height: $layout-header-mobile-row-height;
-$layout-header-desktop-row-height: 64px;
+$layout-header-desktop-row-height: 64px !default;
 $layout-desktop-header-height: $layout-header-desktop-row-height;
 
-$layout-header-desktop-baseline: 80px;
-$layout-header-mobile-baseline: 72px;
-$layout-header-mobile-indent: 16px;
-$layout-header-desktop-indent: 40px;
+$layout-header-desktop-baseline: 80px !default;
+$layout-header-mobile-baseline: 72px !default;
+$layout-header-mobile-indent: 16px !default;
+$layout-header-desktop-indent: 40px !default;
 
-$layout-tab-font-size: 14px;
-$layout-tab-bar-height: 48px;
-$layout-tab-mobile-padding: 12px;
-$layout-tab-desktop-padding: 24px;
-$layout-tab-highlight-thickness: 2px;
+$layout-tab-font-size: 14px !default;
+$layout-tab-bar-height: 48px !default;
+$layout-tab-mobile-padding: 12px !default;
+$layout-tab-desktop-padding: 24px !default;
+$layout-tab-highlight-thickness: 2px !default;
 
 
 /* ICON TOGGLE */
@@ -414,11 +421,11 @@ $footer-btn-size: 36px !default;
 
 /* CHECKBOX */
 
-$checkbox-label-font-size: 16px;
-$checkbox-label-height: 24px;
-$checkbox-button-size: 16px;
-$checkbox-inner-margin: 2px;
-$checkbox-padding: 8px;
+$checkbox-label-font-size: 16px !default;
+$checkbox-label-height: 24px !default;
+$checkbox-button-size: 16px !default;
+$checkbox-inner-margin: 2px !default;
+$checkbox-padding: 8px !default;
 $checkbox-top-offset:
 ($checkbox-label-height - $checkbox-button-size - $checkbox-inner-margin) / 2;
 $checkbox-ripple-size: $checkbox-label-height * 1.5;
@@ -443,7 +450,7 @@ $card-title-transform-origin-y: 56px !default;
 $card-title-text-transform-origin-x: 149px !default;
 $card-title-text-transform-origin-y: 48px !default;
 
-$card-supporting-text-font-size: 13px !default;
+$card-supporting-text-font-size: 1rem !default;
 $card-supporting-text-line-height: 18px !default;
 
 $card-actions-font-size: 16px !default;
@@ -488,19 +495,20 @@ $animation-curve-default: $animation-curve-fast-out-slow-in !default;
 $bar-height: 4px !default;
 
 /* BADGE */
-$badge-font-size: 12px;
+$badge-font-size: 12px !default;
 $badge-color: unquote("rgb(#{$color-accent-contrast})") !default;
 $badge-color-inverse: unquote("rgb(#{$color-accent})") !default;
 $badge-background: unquote("rgb(#{$color-accent})") !default;
-$badge-background-inverse: unquote("rgb(#{$color-accent-contrast})") !default;
-$badge-size : 22px;
-$badge-padding: 2px;
+$badge-background-inverse: unquote("rgba(#{$color-accent-contrast},0.2)") !default;
+$badge-size : 22px !default;
+$badge-padding: 2px !default;
+$badge-overlap: 12px !default;
 
 /* SHADOWS */
 
-$shadow-key-umbra-opacity: 0.2;
-$shadow-key-penumbra-opacity: 0.14;
-$shadow-ambient-shadow-opacity: 0.12;
+$shadow-key-umbra-opacity: 0.2 !default;
+$shadow-key-penumbra-opacity: 0.14 !default;
+$shadow-ambient-shadow-opacity: 0.12 !default;
 
 /* GRID */
 
@@ -521,33 +529,46 @@ $grid-phone-gutter: $grid-desktop-gutter !default;
 $grid-phone-margin: $grid-desktop-margin !default;
 
 $grid-cell-default-columns: $grid-phone-columns !default;
+$grid-max-columns: $grid-desktop-columns !default;
 
 /* DATA TABLE */
 
-$data-table-font-size: 13px;
-$data-table-header-font-size: 12px;
+$data-table-font-size: 13px !default;
+$data-table-header-font-size: 12px !default;
+$data-table-header-sort-icon-size: 16px !default;
 
-$data-table-header-color: rgba(#000, 0.54);
-$data-table-divider-color: rgba(#000, 0.12);
+$data-table-header-color: rgba(#000, 0.54) !default;
+$data-table-header-sorted-color: rgba(#000, 0.87) !default;
+$data-table-divider-color: rgba(#000, 0.12) !default;
 
-$data-table-hover-color: #eeeeee;
-$data-table-selection-color: #e0e0e0;
+$data-table-hover-color: #eeeeee !default;
+$data-table-selection-color: #e0e0e0 !default;
 
-$data-table-dividers: 1px solid $data-table-divider-color;
+$data-table-dividers: 1px solid $data-table-divider-color !default;
 
-$data-table-row-height: 48px;
-$data-table-last-row-height: 56px;
-$data-table-header-height: 56px;
+$data-table-row-height: 48px !default;
+$data-table-last-row-height: 56px !default;
+$data-table-header-height: 56px !default;
 
-$data-table-column-spacing: 36px;
+$data-table-column-spacing: 36px !default;
 $data-table-column-padding: $data-table-column-spacing / 2;
 
-$data-table-card-header-height: 64px;
-$data-table-card-title-top: 20px;
-$data-table-card-padding: 24px;
-$data-table-button-padding-right: 16px;
+$data-table-card-header-height: 64px !default;
+$data-table-card-title-top: 20px !default;
+$data-table-card-padding: 24px !default;
+$data-table-button-padding-right: 16px !default;
 $data-table-cell-top: $data-table-card-padding / 2;
 
+/* DIALOG */
+$dialog-content-color: $card-supporting-text-text-color;
+
+/* SNACKBAR */
+
+// Hard coded since the color is not present in any palette.
+$snackbar-background-color: #323232 !default;
+$snackbar-tablet-breakpoint: $grid-tablet-breakpoint;
+$snackbar-action-color: unquote("rgb(#{$color-accent})") !default;
+
 /* TOOLTIP */
 $tooltip-font-size: 10px !default;
 $tooltip-font-size-large: 14px !default;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: material_design_lite-sass
 version: !ruby/object:Gem::Version
-  version: 1.0.6.3
+  version: 1.1.0
 platform: ruby
 authors:
 - Dmitriy Tarasov
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2015-11-21 00:00:00.000000000 Z
+date: 2016-02-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -125,6 +125,7 @@ files:
 - vendor/assets/javascripts/material/radio.js
 - vendor/assets/javascripts/material/ripple.js
 - vendor/assets/javascripts/material/slider.js
+- vendor/assets/javascripts/material/snackbar.js
 - vendor/assets/javascripts/material/spinner.js
 - vendor/assets/javascripts/material/switch.js
 - vendor/assets/javascripts/material/tabs.js
@@ -138,10 +139,12 @@ files:
 - vendor/assets/stylesheets/material/_checkbox.scss
 - vendor/assets/stylesheets/material/_color-definitions.scss
 - vendor/assets/stylesheets/material/_data-table.scss
+- vendor/assets/stylesheets/material/_dialog.scss
 - vendor/assets/stylesheets/material/_functions.scss
 - vendor/assets/stylesheets/material/_grid.scss
 - vendor/assets/stylesheets/material/_icon-toggle.scss
 - vendor/assets/stylesheets/material/_layout.scss
+- vendor/assets/stylesheets/material/_list.scss
 - vendor/assets/stylesheets/material/_material-icons.scss
 - vendor/assets/stylesheets/material/_mega_footer.scss
 - vendor/assets/stylesheets/material/_menu.scss
@@ -155,6 +158,7 @@ files:
 - vendor/assets/stylesheets/material/_roboto.scss
 - vendor/assets/stylesheets/material/_shadow.scss
 - vendor/assets/stylesheets/material/_slider.scss
+- vendor/assets/stylesheets/material/_snackbar.scss
 - vendor/assets/stylesheets/material/_spinner.scss
 - vendor/assets/stylesheets/material/_switch.scss
 - vendor/assets/stylesheets/material/_tabs.scss
@@ -184,7 +188,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.7
+rubygems_version: 2.4.8
 signing_key: 
 specification_version: 4
 summary: Google's Material Design Lite with Material Icons and Roboto for Sass powered