dlegr250_material_design 0.1.58 → 0.1.59

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 2bed7c79659207a28f9e10e070c216fe4b4f7fc3
-  data.tar.gz: 23ef21cd4db89535d045106a1c006e6e21fc749a
+  metadata.gz: 8bf6da79da1bf273f083fdb0c44be82c99cf040d
+  data.tar.gz: 3ca862e3c95f40121e0542a827ef2e39972e4ec0
 SHA512:
-  metadata.gz: 7f2cfbd8f1063521e440c6b2f61421b725769d21c3d0b567c0b581fed01db56ed973f1037f9ebb8e0c3e41cf4b7c346d59d2c50f57f9f6d89dc2db2232cce4b2
-  data.tar.gz: 59d5a6049f67154fc936f2e7e0248754ae7248ad8f20c17be1d7c9229299732c00c50863b37fb243f532bd4d96f624e53d8b0c98ade371e91463bdc8c2ae37c7
+  metadata.gz: d40d80e66d98f8923e1a4aba2bf1e8e20b1a06e006526482dd3de71b001843f95a4040e0a630fc4c33773ae7e2c01f300e1e468f1d6d9b257acbf54d8ea47431
+  data.tar.gz: 5723cc10dd16233816d64d92a3546f11c39a0b8080344b2438b0de55456d87c0fa43deff6a6c799df0a2b89a89239e5663b77c4fbc9f7f7134321f696554cda7

data/lib/dlegr250_material_design/version.rb

@@ -1,3 +1,3 @@
 module Dlegr250MaterialDesign
-  VERSION = "0.1.58"
+  VERSION = "0.1.59"
 end

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

@@ -124,6 +124,18 @@ ol {
   width: $list-item-icon-width;
 }
 
+.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;
+  @include rounded-corners(50%);
+}
+
 // Lists - list item primary
 //----------------------------------------------------------------------
 

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

@@ -8,7 +8,7 @@
   width: 100%;
 }
 
-.tabs.bordered {
+.tabs-bordered {
   @include box-shadow(0 1px color("divider"));
 }
 
@@ -23,8 +23,8 @@
   font-size: $font-size-normal;
   font-weight: 600;
   height: $tab-height - 2px; // Account for 2px bottom border on tab
-  max-width: 264px;
-  min-width: 72px;
+  // max-width: 264px;
+  // min-width: 72px;
   padding: 0 $spacing-small;
   text-align: center;
   text-decoration: none;
@@ -32,7 +32,7 @@
   vertical-align: middle;
   @include transition(all 0.30s ease);
 
-  .icon {
+  .tab-icon {
     color: color("helper");
     font-size: $font-size-icon;
   }
@@ -46,7 +46,7 @@
 //----------------------------------------------------------------------
 
 @each $color-name, $color in $colors {
-  .tabs.color-#{$color-name} {
+  .tabs-color-#{$color-name} {
     .tab {
       // Hover and click tab
       &:hover,
@@ -64,7 +64,7 @@
         border-color: $color;
         color: $color;
 
-        .icon {
+        .tab-icon {
           color: $color;
         }
       }
@@ -75,6 +75,7 @@
 // Tabs - disabled
 //----------------------------------------------------------------------
 
+.tabs.disabled .tab,
 .tab:disabled,
 .tab.disabled {
   color: color("disabled");

data/vendor/assets/stylesheets/dlegr250_material_design.scss

@@ -44,6 +44,5 @@
 @import "components/details_lists";
 @import "components/grid_lists";
 @import "components/tooltips";
-@import "components/steppers";
 @import "components/spinners";
 @import "components/code";

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dlegr250_material_design
 version: !ruby/object:Gem::Version
-  version: 0.1.58
+  version: 0.1.59
 platform: ruby
 authors:
 - Daniel LeGrand
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-05-03 00:00:00.000000000 Z
+date: 2016-05-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -120,7 +120,6 @@ files:
 - vendor/assets/stylesheets/components/panels.scss
 - vendor/assets/stylesheets/components/snackbarlight.scss
 - vendor/assets/stylesheets/components/spinners.scss
-- vendor/assets/stylesheets/components/steppers.scss
 - vendor/assets/stylesheets/components/tabs.scss
 - vendor/assets/stylesheets/components/tooltips.scss
 - vendor/assets/stylesheets/dlegr250_material_design.scss

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

@@ -1,100 +0,0 @@
-//======================================================================
-// EXAMPLE:
-// <div class="steps">
-//   <div class="step-item active">
-//     <div class="step-item-icon">
-//       <div class="step-item-icon-circle">1</div>
-//     </div>
-//     <div class="step-item-primary">
-//       Primary Text
-//       <div class="step-item-primary-subtext">
-//         Subtext
-//       </div>
-//     </div>
-//   </div>
-// </div>
-//======================================================================
-
-// Steps - base
-//----------------------------------------------------------------------
-
-.steps {}
-
-// Steps - step item
-//----------------------------------------------------------------------
-
-.step-item {
-  @include flex-parent-row();
-  @include transition(background-color 0.30s ease);
-}
-
-// Steps - step item children
-//----------------------------------------------------------------------
-
-.step-item-icon,
-.step-item-primary {
-  box-sizing: border-box;
-  padding-bottom: $spacing-normal;
-  padding-top: $spacing-normal;
-}
-
-// Steps - step item circle
-//----------------------------------------------------------------------
-
-.step-item-icon {
-  padding: $spacing-normal;
-  text-align: center;
-}
-
-.step-item-icon-circle {
-  background-color: color("grey");
-  color: color("white");
-  display: inline-block;
-  height: 24px;
-  line-height: 24px;
-  text-align: center;
-  width: 24px;
-  @include rounded-corners(50%);
-}
-
-// Steps - step item primary
-//----------------------------------------------------------------------
-
-.step-item-primary {
-  color: color("text");
-  flex: 1;
-  font-size: $font-size-normal;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.step-item-primary-subtext {
-  color: color("helper");
-  font-size: $font-size-small;
-  padding-top: $spacing-xsmall;
-}
-
-// Steps - active step
-//----------------------------------------------------------------------
-
-.step-item.active {
-  background-color: color("hover");
-
-  .step-item-icon-circle {
-    background-color: color("primary");
-  }
-
-  .step-item-primary {
-    font-weight: bold;
-  }
-}
-
-// Steps - finished step (shoulder override active step)
-//----------------------------------------------------------------------
-
-.step-item.finished {
-  .step-item-icon-circle {
-    background-color: color("green");
-  }
-}