dlegr250_material_design 0.2.29 → 0.2.30

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 4b8e54071fe3828651a2783140633dcaa6e79c6e
-  data.tar.gz: 07368013c2686f83bf9e69b8cb684deff829c60d
+  metadata.gz: cecefe9cd1beb735600e2c1afff614081f366a61
+  data.tar.gz: 68b91e7cb31444b04676c964e3d0e811da73dcc6
 SHA512:
-  metadata.gz: effc9c128d03352f6b78ab4f8898540d7e820bfb7f0877bcf6e22c2bc0016c1c3c8e94bec51db52c7dc38a54484e4427f515a8f440e81625bae8d3fc99ee44e7
-  data.tar.gz: 200ac2c5d4797f6f6a5ce07063ac5881d14d30913500f1f66db3f4a5b551c05b836dd8eb8bd175ba4d623d161663bc3398c85fa23477981fc8cf447f684d290a
+  metadata.gz: 08014ef39471e936db24e9acf5f0164898be7d801da626836f8f8b5103d562aba8e317f238a82843846d0b715ca598f22cdb70ddae16696ec9fb3920d4292101
+  data.tar.gz: c766f263d33961d4fc7bc9e17a85edf27c3dfe79af5e5fc49757384f7754255b3b30aaf591bcd282eff0bfdb85346f205d6585a8171095fb89905b0d256bf230

data/lib/dlegr250_material_design/version.rb

@@ -1,3 +1,3 @@
 module Dlegr250MaterialDesign
-  VERSION = "0.2.29"
+  VERSION = "0.2.30"
 end

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

@@ -1,89 +1,138 @@
 //======================================================================
-// EXAMPLE:
-// <div class="box box-background-<color>">
-//   Text
-// </div>
+// Extends .list and .list-item in order to keep code DRY.
 //======================================================================
 
-// Boxes - base
-//----------------------------------------------------------------------
-
 .box {
-  border: 1px solid transparent;
-  box-sizing: border-box;
-  text-align: left;
-  @include flex-parent-row();
-  @include rounded-corners();
-}
-
-.box-icon,
-.box-primary,
-.box-primary-subtext {
-  box-sizing: border-box;
-  padding-bottom: $spacing-normal;
-  padding-top: $spacing-normal;
+  border: 1px solid color("divider");
+  @extend .list-item;
+  @include rounded-corners;
 }
 
 .box-icon {
-  font-size: $font-size-icon;
-  padding: $spacing-normal;
-  text-align: center;
-  width: $list-item-icon-width;
+  @extend .list-item-icon;
 }
 
 .box-primary {
-  flex: 1;
-  padding-left: $spacing-normal;
-  padding-right: $spacing-normal;
+  @extend .list-item-primary;
 }
 
 .box-primary-subtext {
-  padding-top: $spacing-xsmall;
+  @extend .list-item-primary-subtext;
 }
 
-// Boxes - colored boxes
-//----------------------------------------------------------------------
-
-@each $color-name, $color in $colors {
-  .box-background-#{$color-name} {
-    background-color: $color;
-    border-color: darken($color, 10%);
-
-    @if ($color-name == "hover") or ($color-name == "white") or ($color-name == "highlight") {
-      color: color("text");
-    } @else {
-      color: color("white");
-    }
-  }
-}
-
-// Boxes - custom styles
-//----------------------------------------------------------------------
-
-.box-success {
-  background-color: color("white");
-  border-color: color("divider");
-  border-left: 4px solid color("green");
-  color: color("text");
-}
-
-// Blue box
 .box-info {
-  background-color: #e6f6fc;
-  border: 1px solid #b8e5f7;
-  color: #008fc6;
+  border-left: 4px solid color("primary");
 }
 
-// Yellow box
 .box-warning {
-  background-color: color("highlight");
-  border: 1px solid color("dark-highlight");
-  color: color("text");
+  border-left: 4px solid color("amber");
 }
 
-// Red box
 .box-error {
-  background-color: #fdf2ec;
-  border: 1px solid #f8daca;
-  color: #e36b2b;
+  border-left: 4px solid color("red");
 }
+
+// DEPRECATED 2016-06-24 / dan.legrand@gmail.com
+
+// //======================================================================
+// // EXAMPLE:
+// // <div class="box box-background-<color>">
+// //   Text
+// // </div>
+// //======================================================================
+//
+// // Boxes - base
+// //----------------------------------------------------------------------
+//
+// .box {
+//   border: 1px solid transparent;
+//   box-sizing: border-box;
+//   text-align: left;
+//   @include flex-parent-row();
+//   @include rounded-corners();
+// }
+//
+// .box-icon,
+// .box-primary {
+//   box-sizing: border-box;
+//   padding-bottom: $spacing-normal;
+//   padding-top: $spacing-normal;
+// }
+//
+// .box-icon {
+//   font-size: $font-size-icon;
+//   padding: $spacing-normal;
+//   text-align: center;
+//   width: $list-item-icon-width;
+// }
+//
+// .box-icon-circle {
+//   background-color: color("grey");
+//   color: color("white");
+//   display: inline-block;
+//   font-size: $font-size-normal;
+//   height: 24px;
+//   line-height: 24px;
+//   text-align: center;
+//   width: 24px;
+//   @include rounded-corners(50%);
+// }
+//
+// .box-primary {
+//   flex: 1;
+//   padding-left: $spacing-normal;
+//   padding-right: $spacing-normal;
+// }
+//
+// .box-primary-subtext {
+//   color: color("helper");
+//   font-size: $font-size-small;
+//   padding-top: $spacing-xsmall;
+// }
+//
+// // Boxes - colored boxes
+// //----------------------------------------------------------------------
+//
+// @each $color-name, $color in $colors {
+//   .box-background-#{$color-name} {
+//     background-color: $color;
+//     border-color: darken($color, 10%);
+//
+//     @if ($color-name == "hover") or ($color-name == "white") or ($color-name == "highlight") {
+//       color: color("text");
+//     } @else {
+//       color: color("white");
+//     }
+//   }
+// }
+//
+// // Boxes - custom styles
+// //----------------------------------------------------------------------
+//
+// .box-success {
+//   background-color: color("white");
+//   border-color: color("divider");
+//   border-left: 4px solid color("green");
+//   color: color("text");
+// }
+//
+// // Blue box
+// .box-info {
+//   background-color: #e6f6fc;
+//   border: 1px solid #b8e5f7;
+//   color: #008fc6;
+// }
+//
+// // Yellow box
+// .box-warning {
+//   background-color: color("highlight");
+//   border: 1px solid color("dark-highlight");
+//   color: color("text");
+// }
+//
+// // Red box
+// .box-error {
+//   background-color: #fdf2ec;
+//   border: 1px solid #f8daca;
+//   color: #e36b2b;
+// }

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

@@ -21,7 +21,7 @@ $buttons: ".button";
   cursor: pointer;
   display: inline-block;
   font-size: $font-size-normal;
-  font-weight: 600;
+  font-weight: 500;
   height: $button-height;
   line-height: $button-height;
   letter-spacing: 0.5px;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dlegr250_material_design
 version: !ruby/object:Gem::Version
-  version: 0.2.29
+  version: 0.2.30
 platform: ruby
 authors:
 - Daniel LeGrand
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-06-22 00:00:00.000000000 Z
+date: 2016-06-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler