material-sass 4.0.0.alpha5 → 4.0.0.alpha6

data/app/assets/stylesheets/material/utilities/_sizing.scss

@@ -0,0 +1,16 @@
+// height and width
+  @each $prop, $prop-abbr in (height: h, width: w) {
+    @each $size, $value in $sizes {
+      .#{$prop-abbr}-#{$size} {
+        #{$prop}: $value !important;
+      }
+    }
+  }
+
+  .mh-100 {
+    max-height: 100% !important;
+  }
+
+  .mw-100 {
+    max-width: 100% !important;
+  }

data/app/assets/stylesheets/material/utilities/_spacing.scss

@@ -1,65 +1,75 @@
-//
-// height and width
-//
-  .h-100 {
-    height: 100% !important;
-  }
-
-  .w-100 {
-    width: 100% !important;
-  }
-
 //
 // margin and padding
 //
-  .mx-auto {
-    margin-right: auto !important;
-    margin-left: auto !important;
-  }
+  @each $breakpoint in map-keys($grid-breakpoints) {
+    @include media-breakpoint-up($breakpoint) {
+      $infix: breakpoint-infix($breakpoint);
 
-  @each $prop, $prop-abbr in (margin: m, padding: p) {
-    @each $size, $values in $spacers {
-      $length-x: map-get($values, x);
-      $length-y: map-get($values, y);
+      .m#{$infix}-auto {
+        margin: auto !important;
+      }
 
-      .#{$prop-abbr}-#{$size} {
-        #{$prop}: $length-y $length-x !important;
+      .mt#{$infix}-auto {
+        margin-top: auto !important;
       }
 
-      .#{$prop-abbr}t-#{$size} {
-        #{$prop}-top: $length-y !important;
+      .mr#{$infix}-auto {
+        margin-right: auto !important;
       }
 
-      .#{$prop-abbr}r-#{$size} {
-        #{$prop}-right: $length-x !important;
+      .mb#{$infix}-auto {
+        margin-bottom: auto !important;
       }
 
-      .#{$prop-abbr}b-#{$size} {
-        #{$prop}-bottom: $length-y !important;
+      .ml#{$infix}-auto {
+        margin-left: auto !important;
       }
 
-      .#{$prop-abbr}l-#{$size} {
-        #{$prop}-left: $length-x !important;
+      .mx#{$infix}-auto {
+        margin-right: auto !important;
+        margin-left: auto !important;
       }
 
-      .#{$prop-abbr}x-#{$size} {
-        #{$prop}-right: $length-x !important;
-        #{$prop}-left: $length-x !important;
+      .my#{$infix}-auto {
+        margin-top: auto !important;
+        margin-bottom: auto !important;
       }
-      .#{$prop-abbr}y-#{$size} {
-        #{$prop}-top: $length-y !important;
-        #{$prop}-bottom: $length-y !important;
+
+      @each $prop, $prop-abbr in (margin: m, padding: p) {
+        @each $size, $values in $spacers {
+          $length-x: map-get($values, x);
+          $length-y: map-get($values, y);
+
+          .#{$prop-abbr}#{$infix}-#{$size} {
+            #{$prop}: $length-y $length-x !important;
+          }
+
+          .#{$prop-abbr}t#{$infix}-#{$size} {
+            #{$prop}-top: $length-y !important;
+          }
+
+          .#{$prop-abbr}r#{$infix}-#{$size} {
+            #{$prop}-right: $length-x !important;
+          }
+
+          .#{$prop-abbr}b#{$infix}-#{$size} {
+            #{$prop}-bottom: $length-y !important;
+          }
+
+          .#{$prop-abbr}l#{$infix}-#{$size} {
+            #{$prop}-left: $length-x !important;
+          }
+
+          .#{$prop-abbr}x#{$infix}-#{$size} {
+            #{$prop}-right: $length-x !important;
+            #{$prop}-left: $length-x !important;
+          }
+
+          .#{$prop-abbr}y#{$infix}-#{$size} {
+            #{$prop}-top: $length-y !important;
+            #{$prop}-bottom: $length-y !important;
+          }
+        }
       }
     }
   }
-
-//
-// positioning
-//
-  .pos-f-t {
-    position: fixed;
-      top: 0;
-      right: 0;
-      left: 0;
-    z-index: map-get($toolbar-elevation-shadow, elevation);
-  }

data/app/assets/stylesheets/material/utilities/_text.scss

@@ -14,15 +14,17 @@
   // horizontal
     @each $breakpoint in map-keys($grid-breakpoints) {
       @include media-breakpoint-up($breakpoint) {
-        .text-#{$breakpoint}-center {
+        $infix: breakpoint-infix($breakpoint);
+
+        .text#{$infix}-center {
           text-align: center !important;
         }
 
-        .text-#{$breakpoint}-left {
+        .text#{$infix}-left {
           text-align: left !important;
         }
 
-        .text-#{$breakpoint}-right {
+        .text#{$infix}-right {
           text-align: right !important;
         }
       }

data/app/assets/stylesheets/material/variables/_grid.scss

@@ -1,13 +1,13 @@
-$grid-columns:            12 !default;
-$grid-gutter-width:       1rem !default;
-$grid-gutter-width-md-up: 1.5rem !default;
+$grid-columns:              12 !default;
+$grid-gutter-width-base:    16px !default;
+$grid-gutter-width-desktop: 24px !default;
 
 $grid-gutter-widths: (
-  xs: $grid-gutter-width,
-  sm: $grid-gutter-width,
-  md: $grid-gutter-width-md-up,
-  lg: $grid-gutter-width-md-up,
-  xl: $grid-gutter-width-md-up
+  xs: $grid-gutter-width-base,
+  sm: $grid-gutter-width-base,
+  md: $grid-gutter-width-desktop,
+  lg: $grid-gutter-width-desktop,
+  xl: $grid-gutter-width-desktop
 ) !default;
 
 //
@@ -19,14 +19,20 @@ $grid-gutter-widths: (
     sm: 600px,
     md: 960px,
     lg: 1280px,
-    xl: 1600px
+    xl: 1920px
   ) !default;
+
   @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
+  @include _assert-starts-at-zero($grid-breakpoints);
 
 //
 // container
 //
   $container-max-widths: (
-    xl: 1920px
+    sm: 600px,
+    md: 840px,
+    lg: 1024px,
+    xl: 1600px
   ) !default;
+
   @include _assert-ascending($container-max-widths, "$container-max-widths");

data/app/assets/stylesheets/material/variables/_spacer.scss

@@ -3,9 +3,20 @@
 //
   $border-color:         $black-divider !default;
   $border-color-inverse: $white-divider !default;
+  $border-color-solid:   $black-divider-solid !default;
   $border-radius:        2px !default;
   $border-width:         1px !default;
 
+//
+// size
+//
+  $sizes: (
+    25: 25%,
+    50: 50%,
+    75: 75%,
+    100: 100%
+  ) !default;
+
 //
 // spacer
 //
@@ -38,15 +49,23 @@
       x: 0,
       y: 0
     ),
+    1: (
+      x: $spacer-xs-x,
+      y: $spacer-xs-y
+    ),
     xs: (
       x: $spacer-xs-x,
       y: $spacer-xs-y
     ),
+    2: (
+      x: $spacer-sm-x,
+      y: $spacer-sm-y
+    ),
     sm: (
       x: $spacer-sm-x,
       y: $spacer-sm-y
     ),
-    1: (
+    3: (
       x: $spacer-x,
       y: $spacer-y
     ),
@@ -54,7 +73,7 @@
       x: $spacer-x,
       y: $spacer-y
     ),
-    2: (
+    4: (
       x: $spacer-lg-x,
       y: $spacer-lg-y
     ),
@@ -62,7 +81,7 @@
       x: $spacer-lg-x,
       y: $spacer-lg-y
     ),
-    3: (
+    5: (
       x: $spacer-xl-x,
       y: $spacer-xl-y
     ),

data/app/assets/stylesheets/material/variables/_typography.scss

@@ -16,6 +16,8 @@
   $font-weight-light:         300 !default;
   $font-weight-thin:          100 !default; // not used
 
+  $font-weight-base:          $font-weight-regular !default;
+
 // font styles
 // based on https://material.google.com/style/typography.html#typography-styles
   $font-size-base:            0.875rem !default;  // 14px

data/app/assets/stylesheets/material/variables/_variable-bootstrap.scss

@@ -1,8 +1,3 @@
-$enable-flex:              false !default;
-$enable-grid-classes:      true !default;
-$enable-hover-media-query: false !default;
-$enable-rounded:           true !default;
-
 // alert
   $alert-link-font-weight: $font-weight-medium !default;
 
@@ -12,13 +7,14 @@ $enable-rounded:           true !default;
 
 // breadcrumb
   $breadcrumb-bg:                $offwhite !default;
-  $breadcrumb-divider:           "chevron_right" !default;
+  $breadcrumb-divider:           url("data:image/svg+xml;charset=utf8,%3Csvg fill='#000000' fill-opacity='0.54' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E") !default;
+  $breadcrumb-height:            3.5rem !default;
   $breadcrumb-item-color:        $black-secondary !default;
   $breadcrumb-item-color-active: $black-primary !default;
   $breadcrumb-item-padding:      $spacer-sm-x !default;
   $breadcrumb-margin-bottom:     $spacer-md-y !default;
   $breadcrumb-padding-x:         $spacer-md-x !default;
-  $breadcrumb-padding-y:         $spacer-md-y !default;
+  $breadcrumb-padding-y:         0.625rem !default;
 
 // button group
   $btn-group-bg:           $offwhite !default;
@@ -32,10 +28,13 @@ $enable-rounded:           true !default;
   $caret-width:      0.4em !default;
 
 // carousel
-  $carousel-caption-color:   $white-primary !default;
-  $carousel-caption-width:   50% !default;
-  $carousel-indicator-color: $black-divider !default;
-  $carousel-indicator-size:  0.5rem !default;
+  $carousel-caption-color:        $white-primary !default;
+  $carousel-caption-width:        50% !default;
+  $carousel-control-icon-opacity: 0.38 !default;
+  $carousel-control-next-icon-bg: url("data:image/svg+xml;charset=utf8,%3Csvg fill='#000000' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E") !default;
+  $carousel-control-prev-icon-bg: url("data:image/svg+xml;charset=utf8,%3Csvg fill='#000000' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E") !default;
+  $carousel-indicator-color:      $black-divider !default;
+  $carousel-indicator-size:       0.5rem !default;
 
 // close
   $close-color:        $black-hint !default;
@@ -60,14 +59,23 @@ $enable-rounded:           true !default;
   $cursor-disabled: not-allowed !default;
 
 // form
-  $custom-file-width:        14rem !default;
-  $custom-file-text:         (button-label: (en: "attach_file"), placeholder: (en: "Choose file...")) !default;
+  $custom-file-button-bg:              url("data:image/svg+xml;charset=utf8,%3Csvg fill='#000000' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12.5C2 9.46 4.46 7 7.5 7H18c2.21 0 4 1.79 4 4s-1.79 4-4 4H9.5C8.12 15 7 13.88 7 12.5S8.12 10 9.5 10H17v2H9.41c-.55 0-.55 1 0 1H18c1.1 0 2-.9 2-2s-.9-2-2-2H7.5C5.57 9 4 10.57 4 12.5S5.57 16 7.5 16H17v2H7.5C4.46 18 2 15.54 2 12.5z'/%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3C/svg%3E") !default;
+  $custom-file-button-opacity:         0.38 !default;
+  $custom-file-button-opacity-visible: 0.54 !default;
+  $custom-file-width:                  14rem !default;
+  $custom-file-text:                   (en: "Choose file...") !default;
+
+  $form-check-inline-margin-x:         $spacer-sm-x !default;
+  $form-check-input-margin-x:          $spacer-xs-x !default;
+
+  $form-group-label-font-size:         $font-size-caption !default;
+  $form-group-margin-bottom:           $spacer-lg-y !default;
 
-  $form-group-margin-bottom: $spacer-md-y !default;
+  $input-group-addon-margin-x:         $spacer-md-x !default;
 
 // jumbotron
-  $jumbotron-bg:      $brand-color !default;
-  $jumbotron-color:   $brand-text-color !default;
+  $jumbotron-bg:    $brand-color !default;
+  $jumbotron-color: $brand-text-color !default;
 
 // link
   $link-color:             $brand-color !default;
@@ -108,7 +116,6 @@ $enable-rounded:           true !default;
 
 // nav
   $nav-inline-item-spacer:  $spacer-md-x !default;
-  $nav-item-margin:         1px !default;
   $nav-link-bg-active:      $black-divider !default;
   $nav-link-color:          $black-secondary !default;
   $nav-link-color-active:   $black-primary !default;

data/app/assets/stylesheets/material/variables/_variable-material.scss

@@ -2,23 +2,23 @@
 // appbar / toolbar (navbar)
 // based on https://material.google.com/components/toolbars.html#toolbars-usage
 //
-  $toolbar-border-color:     $border-color !default;
-  $toolbar-border-width:     $border-width !default;
-  $toolbar-color-dark:       $white-primary !default;
-  $toolbar-color-light:      $black-primary !default;
-  $toolbar-elevation-shadow: $elevation-shadow-4dp !default;
-  $toolbar-height:           3.5rem !default;
-  $toolbar-inner-spacer:     $spacer-md !default;
-  $toolbar-link-font-size:   1rem !default;
-  $toolbar-link-height:      2.25rem !default;
-  $toolbar-link-opacity:     0.7 !default;
-  $toolbar-link-padding-x:   $spacer-md-x !default;
-  $toolbar-link-padding-y:   (($toolbar-link-height - $toolbar-link-font-size) / 2) !default;
-  $toolbar-padding-x:        $spacer-md-x !default;
-  $toolbar-padding-y:        (($toolbar-height - $toolbar-link-height) / 2) !default;
-  $toolbar-toggler-bg-dark:  url("data:image/svg+xml;charset=utf8,%3Csvg fill='#ffffff' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/%3E%3C/svg%3E") !default;
-  $toolbar-toggler-bg-light: url("data:image/svg+xml;charset=utf8,%3Csvg fill='#000000' fill-opacity='0.87' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/%3E%3C/svg%3E") !default;
-  $toolbar-waterfall-bg:     $brand-color !default;
+  $toolbar-color-dark:          $black-primary !default;
+  $toolbar-color-light:         $white-primary !default;
+  $toolbar-element-bg-dark:     $black-divider !default;
+  $toolbar-element-bg-light:    $white-divider !default;
+  $toolbar-elevation-shadow:    $elevation-shadow-4dp !default;
+  $toolbar-height:              3.5rem !default;
+  $toolbar-link-font-size:      1rem !default;
+  $toolbar-link-height:         2.25rem !default;
+  $toolbar-link-opacity:        0.7 !default;
+  $toolbar-link-opacity-active: 1 !default;
+  $toolbar-link-padding-x:      $spacer-md-x !default;
+  $toolbar-link-padding-y:      (($toolbar-link-height - $toolbar-link-font-size) / 2) !default;
+  $toolbar-padding-x:           $spacer-md-x !default;
+  $toolbar-padding-y:           (($toolbar-height - $toolbar-link-height) / 2) !default;
+  $toolbar-toggler-bg-dark:     url("data:image/svg+xml;charset=utf8,%3Csvg fill='#000000' fill-opacity='0.87' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/%3E%3C/svg%3E") !default;
+  $toolbar-toggler-bg-light:    url("data:image/svg+xml;charset=utf8,%3Csvg fill='#ffffff' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/%3E%3C/svg%3E") !default;
+  $toolbar-waterfall-bg:        $brand-color !default;
 
 //
 // button
@@ -96,7 +96,6 @@
   $card-spacer-inner-y:          $spacer-md-y !default;
   $card-spacer-outer-x:          $spacer-sm-x !default;
   $card-spacer-outer-y:          $spacer-sm-y !default;
-  $card-title-additonal-margin:  $spacer-sm-y !default;
 
 //
 // chip (label)
@@ -135,7 +134,7 @@
   $table-bg:                 $white-primary !default;
   $table-bg-accent:          $palette-grey-100 !default;
   $table-bg-hover:           $palette-grey-200 !default;
-  $table-border-color:       $border-color !default;
+  $table-border-color:       $border-color-solid !default;
   $table-border-width:       $border-width !default;
   $table-cell-padding-x:     1.75rem !default;
   $table-cell-padding-x-alt: $spacer-lg-x !default;
@@ -184,24 +183,17 @@
   $expansion-panel-bg:                  $white-primary !default;
   $expansion-panel-bg-active:           $palette-grey-200 !default;
   $expansion-panel-bg-disabled:         $expansion-panel-bg !default;
-  $expansion-panel-body-spacer-x:       $spacer-lg-x !default;
-  $expansion-panel-body-spacer-y:       $spacer-md-y !default;
   $expansion-panel-border-color:        $border-color !default;
   $expansion-panel-border-width:        $border-width !default;
   $expansion-panel-color:               $black-primary !default;
+  $expansion-panel-color-active:        $expansion-panel-color !default;
   $expansion-panel-color-disabled:      $black-hint !default;
   $expansion-panel-elevation-shadow:    $elevation-shadow-2dp !default;
   $expansion-panel-font-size:           0.9375rem !default;
   $expansion-panel-font-size-secondary: 0.75rem !default;
-  $expansion-panel-footer-spacer-x:     $spacer-sm-x !default;
-  $expansion-panel-footer-spacer-y:     $spacer-md-y !default;
   $expansion-panel-height:              3rem !default;
-  $expansion-panel-icon-color:          $black-hint !default;
-  $expansion-panel-icon-color-active:   $black-secondary !default;
-  $expansion-panel-margin-between:      1rem !default;
-  $expansion-panel-margin-bottom:       $spacer-md-y !default;
-  $expansion-panel-spacer-x:            $spacer-lg-x !default;
-  $expansion-panel-spacer-y:            (($expansion-panel-height - $expansion-panel-font-size * $line-height-base) / 2) !default;
+  $expansion-panel-inner-spacer-x:      $spacer-lg-x !default;
+  $expansion-panel-inner-spacer-y:      ($expansion-panel-inner-spacer-x / 2) !default;
 
 //
 // menu (dropdown)
@@ -222,6 +214,8 @@
   $menu-link-height-cascading:  2rem !default;
   $menu-link-padding:           (($menu-link-height - $menu-line-height) / 2) $spacer-md-x !default;
   $menu-link-padding-cascading: (($menu-link-height-cascading - $menu-line-height-cascading) / 2) $spacer-lg-x !default;
+  $menu-min-width:              7rem !default;
+  $menu-min-width-cascading:    20rem !default;
   $menu-padding-y:              $spacer-sm-y !default;
   $menu-padding-y-cascading:    $spacer-md-y !default;
 
@@ -284,12 +278,12 @@
 // progress
 // based on https://material.google.com/components/progress-activity.html#progress-activity-types-of-indicators
 //
-  $progress-bar-color:              $palette-indigo-500 !default;
+  $progress-bar-bg:                 $palette-indigo-500 !default;
+  $progress-bar-mask:               $white-secondary !default;
   $progress-height:                 0.25rem !default;
-  $progress-margin-bottom:          $spacer-md-y !default;
 
   // circular
-  $progress-circular-color:         $progress-bar-color !default;
+  $progress-circular-bg:            $progress-bar-bg !default;
   $progress-circular-height:        2.5rem !default;
   $progress-circular-spinner-width: 0.25rem !default;
 
@@ -347,18 +341,19 @@
 // tab (nav-tab)
 // based on https://material.google.com/components/tabs.html#tabs-specs
 //
-  $nav-tab-border-color:      $black-divider !default;
-  $nav-tab-indicator-bg:      $brand-color-accent !default;
-  $nav-tab-indicator-height:  2px !default;
-  $nav-tab-link-font-size:    0.875rem !default;
-  $nav-tab-link-font-weight:  $font-weight-medium !default;
-  $nav-tab-link-height:       3rem !default;
-  $nav-tab-link-opacity:      0.7 !default;
-  $nav-tab-link-max-width:    16.5rem !default;
-  $nav-tab-link-min-width:    4.5rem !default;
-  $nav-tab-link-min-width-lg: 10rem !default;
-  $nav-tab-link-padding-x:    0.75rem !default;
-  $nav-tab-link-padding-x-lg: 1.5rem !default;
+  $nav-tab-border-color:         $black-divider !default;
+  $nav-tab-indicator-bg:         $brand-color-accent !default;
+  $nav-tab-indicator-height:     2px !default;
+  $nav-tab-link-font-size:       0.875rem !default;
+  $nav-tab-link-font-weight:     $font-weight-medium !default;
+  $nav-tab-link-height:          3rem !default;
+  $nav-tab-link-opacity:         0.7 !default;
+  $nav-tab-link-opacity-visible: 1 !default;
+  $nav-tab-link-max-width:       16.5rem !default;
+  $nav-tab-link-min-width:       4.5rem !default;
+  $nav-tab-link-min-width-lg:    10rem !default;
+  $nav-tab-link-padding-x:       0.75rem !default;
+  $nav-tab-link-padding-x-lg:    1.5rem !default;
 
 //
 // text field (form)
@@ -375,18 +370,18 @@
   $textfield-font-size:          1rem !default;
   $textfield-font-size-lg:       2.125rem !default;
   $textfield-font-size-sm:       0.8125rem !default;
-  $textfield-height:             2.5rem !default;
+  $textfield-height:             2.25rem !default;
   $textfield-height-lg:          3.75rem !default;
-  $textfield-height-sm:          2.25rem !default;
-  $textfield-line-height:        1.5rem !default;
-  $textfield-line-height-lg:     2.5rem !default;
-  $textfield-line-height-sm:     1.125rem !default;
+  $textfield-height-sm:          2rem !default;
   $textfield-margin-bottom:      0.5rem !default;
   $textfield-margin-bottom-lg:   0.75rem !default;
   $textfield-margin-bottom-sm:   0.25rem !default;
-  $textfield-padding-top:        0.75rem !default;
-  $textfield-padding-top-lg:     0.875rem !default;
-  $textfield-padding-top-sm:     0.625rem !default;
+  $textfield-padding-bottom:     0.5rem !default;
+  $textfield-padding-bottom-lg:  0.5rem !default;
+  $textfield-padding-bottom-sm:  0.5rem !default;
+  $textfield-padding-top:        0.5rem !default;
+  $textfield-padding-top-lg:     0.5rem !default;
+  $textfield-padding-top-sm:     0.25rem !default;
 
 //
 // text field: floating label (form: floating label)

data/lib/material-sass/version.rb

@@ -1,5 +1,5 @@
 module Material
   module Sass
-    VERSION = '4.0.0.alpha5'
+    VERSION = '4.0.0.alpha6'
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: material-sass
 version: !ruby/object:Gem::Version
-  version: 4.0.0.alpha5
+  version: 4.0.0.alpha6
 platform: ruby
 authors:
 - mkhairi
@@ -103,9 +103,10 @@ files:
 - app/assets/stylesheets/material/_variables.scss
 - app/assets/stylesheets/material/base/_base.scss
 - app/assets/stylesheets/material/base/_grid.scss
+- app/assets/stylesheets/material/base/_normalize.scss
+- app/assets/stylesheets/material/base/_reboot.scss
 - app/assets/stylesheets/material/base/_typography.scss
 - app/assets/stylesheets/material/bootstrap/_alert.scss
-- app/assets/stylesheets/material/bootstrap/_animation.scss
 - app/assets/stylesheets/material/bootstrap/_breadcrumb.scss
 - app/assets/stylesheets/material/bootstrap/_button-group.scss
 - app/assets/stylesheets/material/bootstrap/_carousel.scss
@@ -120,6 +121,7 @@ files:
 - app/assets/stylesheets/material/bootstrap/_pagination.scss
 - app/assets/stylesheets/material/bootstrap/_popover.scss
 - app/assets/stylesheets/material/bootstrap/_responsive-embed.scss
+- app/assets/stylesheets/material/bootstrap/_transition.scss
 - app/assets/stylesheets/material/material.scss
 - app/assets/stylesheets/material/material/_button-flat.scss
 - app/assets/stylesheets/material/material/_button-float.scss
@@ -148,6 +150,7 @@ files:
 - app/assets/stylesheets/material/mixins/_breakpoint.scss
 - app/assets/stylesheets/material/mixins/_clearfix.scss
 - app/assets/stylesheets/material/mixins/_form.scss
+- app/assets/stylesheets/material/mixins/_grid-framework.scss
 - app/assets/stylesheets/material/mixins/_grid.scss
 - app/assets/stylesheets/material/mixins/_hex-to-rgba.scss
 - app/assets/stylesheets/material/mixins/_hover.scss
@@ -162,6 +165,7 @@ files:
 - app/assets/stylesheets/material/mixins/_text-emphasis.scss
 - app/assets/stylesheets/material/mixins/_text-hide.scss
 - app/assets/stylesheets/material/mixins/_text-truncate.scss
+- app/assets/stylesheets/material/mixins/_transform.scss
 - app/assets/stylesheets/material/mixins/_transition.scss
 - app/assets/stylesheets/material/mixins/_typography.scss
 - app/assets/stylesheets/material/utilities/_align.scss
@@ -169,9 +173,12 @@ files:
 - app/assets/stylesheets/material/utilities/_border.scss
 - app/assets/stylesheets/material/utilities/_clearfix.scss
 - app/assets/stylesheets/material/utilities/_display.scss
+- app/assets/stylesheets/material/utilities/_flex.scss
 - app/assets/stylesheets/material/utilities/_float.scss
 - app/assets/stylesheets/material/utilities/_material-icons.scss
+- app/assets/stylesheets/material/utilities/_position.scss
 - app/assets/stylesheets/material/utilities/_screenreader.scss
+- app/assets/stylesheets/material/utilities/_sizing.scss
 - app/assets/stylesheets/material/utilities/_spacing.scss
 - app/assets/stylesheets/material/utilities/_text.scss
 - app/assets/stylesheets/material/utilities/_visibility.scss