dlegr250_material_design 0.4.46 → 0.4.48

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 6a7a9b648c27667273003abd16851e9d25f12b98
-  data.tar.gz: c11fc6e49e5e1077579c63b5d25de88f2dab93cc
+  metadata.gz: a5f04d4a64d32983b032f1dad938189630c58259
+  data.tar.gz: 050a688d4d930bf996165c440cebe9128c46a0d9
 SHA512:
-  metadata.gz: e57477c73d4570075c3b92492945ec97227105fc7763724fa1f1053cf7a9c16bbab0a103b757829cb7414b22dfa7cf33f559345b33f63dd46f1ec348f596805a
-  data.tar.gz: 45b0608a45a232928a132c951a973e19e6d1a03860c0993e89bf85a79aeec1a7e20c86519f23fa701d7d52dccb31b663cddb3838f281d4123758dc6f2315a5f3
+  metadata.gz: 10f5930d8e69b386c919499670777157cd6c79830b1507acc5057c2924f1f39343bec74d6d9f4ad0b90e30c4f087a525c908ef99f963e450ee103065d7e1989d
+  data.tar.gz: 658742089fa5dc1d803827e5a5071b9627a0f40e179e76ce42cbee6c7b2291a2397bf0b7494e7d7edc78ca3e848e3256a6bbf8ca861affccbd565610c55fd5dc

data/lib/dlegr250_material_design/version.rb

@@ -1,3 +1,3 @@
 module Dlegr250MaterialDesign
-  VERSION = "0.4.46"
+  VERSION = "0.4.48"
 end

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

@@ -104,25 +104,11 @@
 // Margins
 //----------------------------------------------------------------------
 
-.margin-xsmall {
-  margin: $spacing-xsmall 0;
-}
-
-.margin-small {
-  margin: $spacing-small 0;
-}
-
-.margin-normal {
-  margin: $spacing-normal 0;
-}
-
-.margin-large {
-  margin: $spacing-large 0;
-}
-
-.margin-xlarge {
-  margin: $spacing-xlarge 0;
-}
+.margin-xsmall { margin: $spacing-xsmall 0; }
+.margin-small { margin: $spacing-small 0; }
+.margin-normal { margin: $spacing-normal 0; }
+.margin-large { margin: $spacing-large 0; }
+.margin-xlarge { margin: $spacing-xlarge 0; }
 
 // If lists or other elements need extra room at bottom
 // or else the FAB overlaps them.
@@ -173,25 +159,11 @@
 // Rounded corners
 //----------------------------------------------------------------------
 
-.rounded-corners {
-  @include rounded-corners;
-}
-
-.rounded-top-corners {
-  @include rounded-top-corners;
-}
-
-.rounded-right-corners {
-  @include rounded-right-corners;
-}
-
-.rounded-bottom-corners {
-  @include rounded-bottom-corners;
-}
-
-.rounded-left-corners {
-  @include rounded-left-corners;
-}
+.rounded-corners { @include rounded-corners; }
+.rounded-top-corners { @include rounded-top-corners; }
+.rounded-right-corners { @include rounded-right-corners; }
+.rounded-bottom-corners { @include rounded-bottom-corners; }
+.rounded-left-corners { @include rounded-left-corners; }
 
 // Visibility
 //----------------------------------------------------------------------
@@ -226,25 +198,11 @@
 // Font sizes
 //----------------------------------------------------------------------
 
-.font-size-xsmall {
-  font-size: $font-size-xsmall !important;
-}
-
-.font-size-small {
-  font-size: $font-size-small !important;
-}
-
-.font-size-normal {
-  font-size: $font-size-normal !important;
-}
-
-.font-size-large {
-  font-size: $font-size-large !important;
-}
-
-.font-size-xlarge {
-  font-size: $font-size-xlarge !important;
-}
+.font-size-xsmall { font-size: $font-size-xsmall !important; }
+.font-size-small { font-size: $font-size-small !important; }
+.font-size-normal { font-size: $font-size-normal !important; }
+.font-size-large { font-size: $font-size-large !important; }
+.font-size-xlarge { font-size: $font-size-xlarge !important; }
 
 $font-sizes: 8, 10, 12, 14, 16, 18, 20, 22, 24;
 @each $size in $font-sizes {
@@ -333,78 +291,36 @@ $font-sizes: 8, 10, 12, 14, 16, 18, 20, 22, 24;
 // Media query classes for various device sizes
 //----------------------------------------------------------------------
 
-.small-only {
-  display: block;
-}
-
-.small-only-inline {
-  display: inline-block;
-}
-
+.small-only,
 .small-and-medium-only {
-  display: block;
-}
-
-.small-and-medium-only-inline {
-  display: inline-block;
+  display: auto;
 }
 
 .medium-only,
-.medium-only-inline {
-  display: none;
-}
-
 .medium-and-large-only,
-.medium-and-large-only-inline {
-  display: none;
-}
-
-.large-only,
-.large-only-inline {
+.large-only {
   display: none;
 }
 
 @media (min-width: $medium-width) {
-  .small-only,
-  .small-only-inline {
-    display: none !important;
-  }
-
-  .medium-only {
-    display: block !important;
-  }
-
-  .medium-only-inline {
-    display: inline-block !important;
-  }
+  .small-only { display: none !important; }
 
+  .medium-only,
   .medium-and-large-only {
-    display: block !important;
-  }
-
-  .medium-and-large-only-inline {
-    display: inline-block !important;
+    display: auto !important;
   }
 }
 
 @media (min-width: $large-width) {
   .small-only,
-  .small-only-inline,
   .small-and-medium-only,
-  .small-and-medium-only-inline,
-  .medium-only,
-  .medium-only-inline {
+  .medium-only {
     display: none !important;
   }
 
   .medium-and-large-only,
   .large-only {
-    display: block !important;
-  }
-
-  .medium-and-large-only-inline,
-  .large-only-inline {
-    display: inline-block !important;
+    display: auto !important;
   }
 }
 

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

@@ -146,6 +146,7 @@ $colors: (
   "brown"         : #795548,
   "blue-grey"     : #607d8b,
   "icon"          : #737373,
+  "offwhite"      : rgba(255, 255, 255, 0.6),
   "helper"        : rgba(0, 0, 0, 0.54),
   "text"          : rgb(51, 51, 51),
   "divider"       : rgba(0, 0, 0, 0.12),
@@ -173,6 +174,7 @@ $hover-color: color("hover") !default;
 
 // Appbar only
 $appbar-text-color: color("white") !default;
+$appbar-subtitle-color: color("offwhite") !default;
 $appbar-button-color: color("helper") !default;
 
 // Merge defaults back into globals to use in colored components.

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

@@ -59,6 +59,7 @@
 
 .card-header-primary-subtext {
   @include list-item-primary-subtext();
+  @include force-text-wrap();
 }
 
 .card-header-secondary {

data/vendor/assets/stylesheets/layouts/application/appbar.scss

@@ -42,29 +42,25 @@
 
 .appbar-title {
   flex: 1; // To fill empty gaps
-  font-size: $font-size-normal * 1.2;
+  font-size: $font-size-normal + 2px;
   margin-right: $spacing-small;
 
   a {
-    color: $appbar-text-color;
+    color: $appbar-subtitle-color;
   }
 }
 
 .appbar-subtitle {
+  color: $appbar-subtitle-color;
   font-size: $font-size-normal;
 }
 
-@media (min-width: $medium-width) {
-  .appbar-title {
-    font-size: $font-size-large;
-  }
-}
-
 // appbar - actions
 //----------------------------------------------------------------------
 
 .appbar-actions {
   @include flex-parent-row(); // To line up dividers and buttons properly
+  padding-left: $spacing-small;
   text-align: right;
 
   .button {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dlegr250_material_design
 version: !ruby/object:Gem::Version
-  version: 0.4.46
+  version: 0.4.48
 platform: ruby
 authors:
 - Daniel LeGrand
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-12-14 00:00:00.000000000 Z
+date: 2016-12-18 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