material_components_web-sass 0.21.0 → 0.21.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 2b334719663df042c604d36a3ae498e7740df9fb
-  data.tar.gz: 6969131d3b9cb32034243b9a09f666ae0f513cf2
+  metadata.gz: ac6fdad56ca66489e91f089efa9b6189f1e06288
+  data.tar.gz: 36980319afe25681f31cab1cca53f51b3cab1121
 SHA512:
-  metadata.gz: fd8ac4ba7ce363e33f730882ccad3b1e932003d0b99d11a8586a90a53ff65abaa843eede000ac1c3b6117de26bd868bba4e01f23365a770f155eef5acee5024b
-  data.tar.gz: 64e6c4947c5bfabdb7c428114a1a2b9346a03a101617f8cd8414ab5aba99c1812937586fc5a13fdd0110cfdaa0234df2c281bf240fbcf6993f543f2459837448
+  metadata.gz: 503e72559a46c9ac7e1bdd2f206ac74c5b79297878c79341fb11068e4ee3caa00132d550c310f07c4bc8f58d55ecb3ce3e1ffe11227d520eef05620381ac77aa
+  data.tar.gz: ddf5ce31c67807557efdbb16ed271feb4b3a078c5a7e2c0931d0c24a564110a705a03e2b675ac8adfaa55240c83ccf11eb0a0c95e8ff89d6d9e9750441b01284

data/CHANGELOG.md

@@ -1,3 +1,12 @@
+## 0.21.1 (2017-09-21)
+
+- Update assets to match upstream version
+
+Library version: 
+
+- Material Components for the web v0.21.1
+- Material Icons v3.0.0
+
 ## 0.21.0 (2017-09-19)
 
 - Update assets to match upstream version

data/lib/material_components_web/sass/version.rb

@@ -1,5 +1,5 @@
 module MaterialComponentsWeb
   module Sass
-    VERSION = '0.21.0'.freeze
+    VERSION = '0.21.1'.freeze
   end
 end

data/vendor/assets/stylesheets/@material/fab/_mixins.scss

@@ -12,7 +12,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-@import "@material/animation/variables";
+@import "@material/animation/functions";
 @import "@material/elevation/mixins";
 @import "@material/elevation/variables";
 @import "@material/ripple/mixins";

data/vendor/assets/stylesheets/@material/toolbar/_mixins.scss

@@ -21,21 +21,13 @@
  * Both .mdc-toolbar__icon and .mdc-toolbar__icon--menu share all styles except for
  * horizontal padding.
  */
-@mixin mdc-shared-icon-style($padding-type: null) {
+@mixin mdc-shared-icon-style() {
   display: flex;
   align-items: center;
   justify-content: center;
-  // stylelint enable
-
+  padding: $mdc-toolbar-element-vertical-padding;
   border: none;
   background-color: inherit;
   color: inherit;
   text-decoration: none;
-
-  // stylelint-disable at-rule-empty-line-before, block-closing-brace-newline-after
-  @if $padding-type == menu {
-    padding: $mdc-toobar-element-vertical-padding;
-  } @else {
-    padding: $mdc-toobar-element-vertical-padding 8px;
-  }
 }

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

@@ -17,8 +17,12 @@
 $mdc-toolbar-row-height: 64px;
 $mdc-toolbar-mobile-row-height: 56px;
 $mdc-toolbar-mobile-landscape-row-height: 48px;
-$mdc-toolbar-padding: 20px 28px;
-$mdc-toobar-element-vertical-padding: 16px;
+
+$mdc-toolbar-element-vertical-padding: 16px;
+$mdc-toolbar-element-horizontal-padding-desktop: 24px;
+$mdc-toolbar-element-horizontal-padding-mobile: 16px;
+$mdc-toolbar-title-margin-to-menu-icon-desktop: 8px;
+$mdc-toolbar-title-margin-to-menu-icon-mobile: 16px;
 
 $mdc-toolbar-ratio-to-extend-flexible: 4 !default;
 

data/vendor/assets/stylesheets/@material/toolbar/mdc-toolbar.scss

@@ -77,11 +77,10 @@
   &__title {
     @include mdc-typography(title);
     @include mdc-typography-overflow-ellipsis;
+    @include mdc-rtl-reflexive-box(margin, left, $mdc-toolbar-element-horizontal-padding-desktop);
 
     align-self: center;
-    margin: 0;
-    margin-left: 24px;
-    padding: $mdc-toobar-element-vertical-padding 0;
+    padding: $mdc-toolbar-element-vertical-padding 0;
     line-height: 1.5rem;
     z-index: 1;
   }
@@ -90,37 +89,50 @@
     @include mdc-shared-icon-style;
     @include mdc-theme-prop(color, text-primary-on-primary);
 
+    padding-right: $mdc-toolbar-element-horizontal-padding-desktop / 2;
+    padding-left: $mdc-toolbar-element-horizontal-padding-desktop / 2;
     cursor: pointer;
   }
 
   &__icon:last-of-type {
-    padding-right: 16px;
+    @include mdc-rtl-reflexive-property(padding, $mdc-toolbar-element-horizontal-padding-desktop / 2, $mdc-toolbar-element-horizontal-padding-desktop);
   }
 
   &__icon--menu {
-    @include mdc-shared-icon-style(menu);
+    @include mdc-shared-icon-style;
     @include mdc-theme-prop(color, text-primary-on-primary);
 
-    padding: 16px 24px;
+    padding-right: $mdc-toolbar-element-horizontal-padding-desktop;
+    padding-left: $mdc-toolbar-element-horizontal-padding-desktop;
     cursor: pointer;
   }
 }
 
 .mdc-toolbar__icon--menu + .mdc-toolbar__title {
-  margin-left: 8px;
+  @include mdc-rtl-reflexive-box(margin, left, $mdc-toolbar-title-margin-to-menu-icon-desktop);
 }
 
 @media (max-width: $mdc-toolbar-mobile-breakpoint) {
-  .mdc-toolbar__icon--menu {
-    padding: 16px;
+  .mdc-toolbar__title {
+    @include mdc-rtl-reflexive-box(margin, left, $mdc-toolbar-element-horizontal-padding-mobile);
   }
 
-  .mdc-toolbar__icon:last-child {
-    padding: 16px 8px;
+  .mdc-toolbar__icon {
+    padding-right: $mdc-toolbar-element-horizontal-padding-mobile / 2;
+    padding-left: $mdc-toolbar-element-horizontal-padding-mobile / 2;
   }
 
-  .mdc-toolbar__title {
-    margin-left: 16px !important;
+  .mdc-toolbar__icon:last-of-type {
+    @include mdc-rtl-reflexive-property(padding, $mdc-toolbar-element-horizontal-padding-mobile / 2, $mdc-toolbar-element-horizontal-padding-mobile);
+  }
+
+  .mdc-toolbar__icon--menu {
+    padding-right: $mdc-toolbar-element-horizontal-padding-mobile;
+    padding-left: $mdc-toolbar-element-horizontal-padding-mobile;
+  }
+
+  .mdc-toolbar__icon--menu + .mdc-toolbar__title {
+    @include mdc-rtl-reflexive-box(margin, left, $mdc-toolbar-title-margin-to-menu-icon-mobile);
   }
 }
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: material_components_web-sass
 version: !ruby/object:Gem::Version
-  version: 0.21.0
+  version: 0.21.1
 platform: ruby
 authors:
 - Dmitriy Tarasov
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-09-19 00:00:00.000000000 Z
+date: 2017-09-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: autoprefixer-rails