dlegr250_material_design 0.5.14 → 0.5.15

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 3ad3f32348e54e006b6e5278b6dbe8ba0ef0f935
-  data.tar.gz: 1dc10e27bee82698f683199e7ca6aa26326ae33b
+  metadata.gz: f9a823537f4b405543151d05ec336b8b96747e0b
+  data.tar.gz: 024c90d0de1965bc69c1e29313f23caba52e608c
 SHA512:
-  metadata.gz: 54927539c56c088e592b146564e8676a51a40b54597128ec22e2fb9da89bd46bc71210d65ce678dc71f772e9b9cce8b22cfaa37910b7e92b96c8f17caab0074f
-  data.tar.gz: c2ce4517db91e893fc71357e0247eb6a1cc9aa72f1a6fdf2a78e0a9e63a2c20a67a7bcbf1ba33907b75a3e9bd96c9e6a9e44c07b12581da0cdb2826ad847429e
+  metadata.gz: 657b02adfc751330cd005a6ed2f6852fa0a22aac3f7c5f69e9579c6df664e9f181a02991ba641896d7050392e140305e9d34215e14162a29db1a99c6f028a893
+  data.tar.gz: 590409a067aaf36b2016ac8de9aaa1812a28b30489180113c81fa43d62ca7dcf465a5b14fa41864846de5bd3b03ca804b2084d0888ce9c648dcbfb4bac373770

data/lib/dlegr250_material_design/version.rb

@@ -1,3 +1,3 @@
 module Dlegr250MaterialDesign
-  VERSION = "0.5.14"
+  VERSION = "0.5.15"
 end

data/vendor/assets/stylesheets/base/mixins.scss

@@ -254,8 +254,9 @@ $default-rounded-corners-radius: 3px;
 //----------------------------------------------------------------------
 
 @mixin list-item() {
+  color: color("text");
   font-size: $font-size-normal;
-  min-height: 48px;
+  min-height: $list-one-line-height;
   @include flex-parent-row();
   @include no-touch-highlight-color();
   @include transition(background-color 0.30s ease);
@@ -263,18 +264,17 @@ $default-rounded-corners-radius: 3px;
 
 @mixin list-item-icon() {
   color: color("icon");
+  max-width: 56px;
   padding-left: $spacing-normal;
-  text-align: left;
-  width: 30px;
+  text-align: center;
+  width: 56px;
 }
 
 @mixin list-item-primary() {
   color: color("text");
-  flex: 1;
+  flex: 1; // Fill space
   font-size: $font-size-normal;
-  padding-left: $spacing-normal;
-  padding-right: $spacing-normal;
-  // @include truncate-text();
+  padding: $spacing-normal;
 }
 
 @mixin list-item-primary-supertext() {
@@ -283,20 +283,16 @@ $default-rounded-corners-radius: 3px;
   font-weight: normal;
   padding-bottom: $spacing-xsmall;
   @include flex-parent-row();
-  // @include truncate-text();
 }
 
 @mixin list-item-primary-subtext() {
-  color: color("helper");
-  font-size: $font-size-small;
-  font-weight: normal;
+  @include list-item-primary-supertext();
+  padding-bottom: 0;
   padding-top: $spacing-xsmall;
-  @include flex-parent-row();
-  // @include truncate-text();
 }
 
 @mixin list-item-secondary() {
-  color: color("icon");
+  color: color("helper");
   padding-right: $spacing-normal;
   text-align: right;
 }

data/vendor/assets/stylesheets/components/cards.scss

@@ -44,22 +44,19 @@
   @include list-item-icon();
 }
 
-.card-header-primary,
-.card-header-secondary {
-  box-sizing: border-box;
-}
+// .card-header-primary,
+// .card-header-secondary {
+//   box-sizing: border-box;
+// }
 
 .card-header-primary {
   @include list-item-primary();
-  @include force-text-wrap();
   font-size: $font-size-large;
   font-weight: bold;
-  padding: $spacing-normal;
 }
 
 .card-header-primary-subtext {
   @include list-item-primary-subtext();
-  @include force-text-wrap();
 }
 
 .card-header-secondary {
@@ -76,7 +73,6 @@
 
 .card-content {
   padding: $spacing-normal;
-  @include force-text-wrap();
 }
 
 // Card - content - subheader
@@ -118,6 +114,7 @@
 // Inner cards - cards inside cards
 //----------------------------------------------------------------------
 
+// TODO do we even use this???
 .card-inner {
   @include box-shadow(none);
   @include full-width();

data/vendor/assets/stylesheets/components/lists.scss

@@ -45,20 +45,11 @@ ol {
 }
 
 .list-item {
-  box-sizing: border-box;
-  color: color("text");
-  min-height: $list-one-line-height;
-  @include flex-parent-row();
-  @include no-touch-highlight-color();
-  @include transition(background-color 0.30s ease);
+  @include list-item();
 }
 
 .list-item-icon {
-  color: color("icon");
-  max-width: 56px;
-  padding-left: $spacing-normal;
-  text-align: center;
-  width: 56px;
+  @include list-item-icon();
 }
 
 .list-item-icon-primary-action {
@@ -66,28 +57,23 @@ ol {
 }
 
 .list-item-primary {
-  color: color("text");
-  flex: 1; // Fill space
-  font-size: $font-size-normal;
-  padding: $spacing-normal;
+  @include list-item-primary();
+}
+
+.list-item-primary-supertext {
+  @include list-item-primary-supertext();
 }
 
 .list-item-primary-subtext {
-  color: color("helper");
-  font-size: $font-size-small;
-  padding-top: $spacing-xsmall;
+  @include list-item-primary-subtext();
 }
 
 .list-item-secondary {
-  color: color("helper");
-  padding-right: $spacing-normal;
-  text-align: right;
+  @include list-item-secondary();
 }
 
 .list-item-secondary-actions {
-  color: color("helper");
-  padding-right: $spacing-small;
-  text-align: right;
+  @include list-item-secondary-actions();
 }
 
 // Lists - modifiers

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dlegr250_material_design
 version: !ruby/object:Gem::Version
-  version: 0.5.14
+  version: 0.5.15
 platform: ruby
 authors:
 - Daniel LeGrand
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-02-05 00:00:00.000000000 Z
+date: 2017-02-06 00:00:00.000000000 Z
 dependencies: []
 description: 'WARNING: ALPHA CODE, NOT PRODUCTION READY. ACTIVELY UNDER DEVELOPMENT
   AS OF AUG 2016. Implement Google Material Design spec with modern browsers in mind