dlegr250_material_design 0.2.30 → 0.2.31

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: cecefe9cd1beb735600e2c1afff614081f366a61
-  data.tar.gz: 68b91e7cb31444b04676c964e3d0e811da73dcc6
+  metadata.gz: b9f5dbdf92f99a236c8278ab06f078b87ae058ca
+  data.tar.gz: d3189d9c9c385e7e19a265c812768a827b8488cf
 SHA512:
-  metadata.gz: 08014ef39471e936db24e9acf5f0164898be7d801da626836f8f8b5103d562aba8e317f238a82843846d0b715ca598f22cdb70ddae16696ec9fb3920d4292101
-  data.tar.gz: c766f263d33961d4fc7bc9e17a85edf27c3dfe79af5e5fc49757384f7754255b3b30aaf591bcd282eff0bfdb85346f205d6585a8171095fb89905b0d256bf230
+  metadata.gz: ed27e1d3ba7e520f77de641d8d7c3939c425c8465a66eb7a25b44202c4444b9057c2d9fff4a351fdab9e7e4ee57172f24477f84e3acd4d92f936ce83039d3ade
+  data.tar.gz: 98872ceae667d31021f7a8d6d3b8cb58768c139f484df82a0e30923bc7f0c01ddcf761e74519aae8f257d8a035f58b0c3880fff009dcf85c20cfccccc2493efb

data/lib/dlegr250_material_design/version.rb

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

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

@@ -2,16 +2,29 @@
 // Extends .list and .list-item in order to keep code DRY.
 //======================================================================
 
+// Box  - base
+//----------------------------------------------------------------------
+
 .box {
   border: 1px solid color("divider");
   @extend .list-item;
   @include rounded-corners;
 }
 
+// Box - icon
+//----------------------------------------------------------------------
+
 .box-icon {
   @extend .list-item-icon;
 }
 
+.box-icon-circle {
+  @extend .list-item-icon-circle;
+}
+
+// Box - primary
+//----------------------------------------------------------------------
+
 .box-primary {
   @extend .list-item-primary;
 }
@@ -20,119 +33,37 @@
   @extend .list-item-primary-subtext;
 }
 
+// Box - custom boxes
+//----------------------------------------------------------------------
+
 .box-info {
   border-left: 4px solid color("primary");
+
+  .box-icon-circle {
+    background-color: color("primary");
+  }
 }
 
 .box-warning {
   border-left: 4px solid color("amber");
+
+  .box-icon-circle {
+    background-color: color("amber");
+  }
 }
 
 .box-error {
   border-left: 4px solid color("red");
+
+  .box-icon-circle {
+    background-color: 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;
-// }
+.box-success {
+  border-left: 4px solid color("green");
+
+  .box-icon-circle {
+    background-color: color("green");
+  }
+}

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

@@ -121,21 +121,26 @@ ol {
 .list-item-icon {
   color: color("icon");
   font-size: $font-size-icon;
-  padding: $spacing-normal;
+  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;
+  }
 }
 
 .list-item-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;
+  background-color: color("icon");
   @include rounded-corners(50%);
+
+  .icon {
+    color: color("white");
+  }
 }
 
 // Lists - list item primary

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: dlegr250_material_design
 version: !ruby/object:Gem::Version
-  version: 0.2.30
+  version: 0.2.31
 platform: ruby
 authors:
 - Daniel LeGrand