dlegr250_material_design 0.4.50 → 0.4.51

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9935ce5b42fd83fdb621ac25cd0981766fe94a42
-  data.tar.gz: 7aa2453dce527f65d74763b04f50233789fa6f3d
+  metadata.gz: 12cd951fdcc5ebcc35908b3f23f5cf5524f5b171
+  data.tar.gz: 21e5dd33001399c85233e66929d680635d289cd1
 SHA512:
-  metadata.gz: f16b3031bd9b549b10878b836b178756ec4605a1231e2c8583d3bea98d772a984b94ffcdb83fd0867d570176ba6baa68cca05fbc0b2be6b2577919890e74a7cd
-  data.tar.gz: a73a97419e3ca1a6dc2b29ca68bc4597e8c7a696d98e81e38d4a06f3ecabfeeb79c47182d04b0cb03dd7facbcc8eacb8b3a4c1e34fdb9b3aeb3f9ffdbfdd0b81
+  metadata.gz: ee40df9bf8aea968e4266b851315b47897c9390d45658395fa7538271057fa9ca8c3d99692322129c8298f4da4f79e9abf8f58851fbe183e6d13bf1eceb3efb4
+  data.tar.gz: cf2ea78cb3f4fd82092213939f9fba370d7dcbf4a3e20994abe7144378a8b93d5cda477fe11ff4fa9650d73ded874801480d32d59d88bd36a092fbf07288da60

data/lib/dlegr250_material_design/version.rb

@@ -1,3 +1,3 @@
 module Dlegr250MaterialDesign
-  VERSION = "0.4.50"
+  VERSION = "0.4.51"
 end

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

@@ -6,25 +6,12 @@
 // Alignments
 //----------------------------------------------------------------------
 
-.align-left {
-  text-align: left;
-}
-
-.align-center {
-  text-align: center;
-}
-
-.align-right {
-  text-align: right;
-}
-
-.float-left {
-  float: left;
-}
+.align-left { text-align: left; }
+.align-center { text-align: center; }
+.align-right { text-align: right; }
 
-.float-right {
-  float: right;
-}
+.float-left { float: left; }
+.float-right { float: right; }
 
 // Expand entire width and take element padding into consideration.
 .full-width {
@@ -46,22 +33,16 @@
 
 .constrained-small,
 .constrained-medium,
-.constrained-large {
+.constrained-large,
+.constrained-xlarge {
   margin: auto;
   @include full-width;
 }
 
-.constrained-small {
-  max-width: $small-width;
-}
-
-.constrained-medium {
-  max-width: $medium-width;
-}
-
-.constrained-large {
-  max-width: $large-width;
-}
+.constrained-small { max-width: $small-width; }
+.constrained-medium { max-width: $medium-width; }
+.constrained-large { max-width: $large-width; }
+.constrained-xlarge { max-width: $xlarge-width; }
 
 // Padding
 //----------------------------------------------------------------------
@@ -225,52 +206,22 @@ $font-sizes: 8, 10, 12, 14, 16, 18, 20, 22, 24;
 // Borders
 //----------------------------------------------------------------------
 
-.border-bottom {
-  border-bottom: 1px solid color("divider") !important;
-}
-
-.border-left {
-  border-left: 1px solid color("divider") !important;
-}
-
-.border-right {
-  border-right: 1px solid color("divider") !important;
-}
-
-.border-top {
-  border-top: 1px solid color("divider") !important;
-}
-
-.no-border-bottom {
-  border-bottom: 0 !important;
-}
-
-.no-border-left {
-  border-left: 0 !important;
-}
-
-.no-border-right {
-  border-right: 0 !important;
-}
+.border-bottom { border-bottom: 1px solid color("divider") !important; }
+.border-left { border-left: 1px solid color("divider") !important; }
+.border-right { border-right: 1px solid color("divider") !important; }
+.border-top { border-top: 1px solid color("divider") !important; }
 
-.no-border-top {
-  border-top: 0 !important;
-}
+.no-border-bottom { border-bottom: 0 !important; }
+.no-border-left { border-left: 0 !important; }
+.no-border-right { border-right: 0 !important; }
+.no-border-top { border-top: 0 !important; }
 
 // Rotation
 //----------------------------------------------------------------------
 
-.rotate-90 {
-  @include transform(rotate(90deg));
-}
-
-.rotate-180 {
-  @include transform(rotate(180deg));
-}
-
-.rotate-270 {
-  @include transform(rotate(270deg));
-}
+.rotate-90 { @include transform(rotate(90deg)); }
+.rotate-180 { @include transform(rotate(180deg)); }
+.rotate-270 { @include transform(rotate(270deg)); }
 
 // disabled
 //----------------------------------------------------------------------

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

@@ -104,6 +104,7 @@ $dialog-depth: 50;
 $small-width: 400px;
 $medium-width: 760px;
 $large-width: 1000px;
+$xlarge-width: 1200px;
 
 // Convenience variables
 //----------------------------------------------------------------------

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

@@ -19,19 +19,20 @@
 //----------------------------------------------------------------------
 
 .box-icon {
-  color: color("icon");
-  font-size: $font-size-icon;
-  height: $list-item-icon-width;
-  line-height: $list-item-icon-width;
-  margin-left: $spacing-normal;
-  padding: 0;
-  text-align: center;
-  width: $list-item-icon-width;
-
-  .icon {
-    color: color("icon");
-    font-size: $font-size-icon;
-  }
+  @include list-item-icon();
+  // color: color("icon");
+  // font-size: $font-size-icon;
+  // height: $list-item-icon-width;
+  // line-height: $list-item-icon-width;
+  // margin-left: $spacing-normal;
+  // padding: 0;
+  // text-align: center;
+  // width: $list-item-icon-width;
+  //
+  // .icon {
+  //   color: color("icon");
+  //   font-size: $font-size-icon;
+  // }
 }
 
 .box-icon-circle {

metadata

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