dlegr250_material_design 0.1.15 → 0.1.16

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

@@ -0,0 +1,40 @@
+//======================================================================
+// For key-value lists with more content than just text.
+//======================================================================
+
+.panel-list.panel-description-align-right {
+  .panel-description {
+    text-align: right;
+  }
+}
+
+// Panels
+//----------------------------------------------------------------------
+
+.panel {
+  display: block;
+  text-align: left;
+  width: 100%;
+  @include flex-parent-row-align-top();
+}
+
+.panel-description,
+.panel-content {
+  padding: $spacing-small;
+}
+
+.panel-description {
+  width: 25%;
+
+  .panel-title {
+    font-weight: bold;
+  }
+
+  .panel-subtitle {
+    @extend .helper-text;
+  }
+}
+
+.panel-content {
+  flex: 1; // To fill empty gaps
+}

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

@@ -0,0 +1,100 @@
+//======================================================================
+// 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");
+  }
+}

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

@@ -8,6 +8,11 @@
   width: 100%;
 }
 
+.tabs-bordered {
+  // border-bottom: 2px solid color("divider");
+  @include box-shadow(0 1px color("divider"));
+}
+
 // Tabs - tab
 //----------------------------------------------------------------------
 
@@ -38,6 +43,8 @@
   }
 }
 
+
+
 // Tabs - colored
 //----------------------------------------------------------------------
 

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

@@ -14,6 +14,7 @@
     background: color("snackbar");
     color: color("white");
     content: attr(data-tooltip);
+    font-family: "Roboto", sans-serif;
     font-size: $font-size-small;
     left: 50%;
     line-height: normal;

data/vendor/assets/stylesheets/dlegr250_material_design.scss

@@ -39,7 +39,10 @@
 @import "components/cards";
 @import "components/dialogs";
 @import "components/overlay";
+@import "components/panels";
 @import "components/lists";
+@import "components/grid_lists";
 @import "components/tooltips";
+@import "components/steppers";
 @import "components/spinners";
 @import "components/code";

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

@@ -47,6 +47,10 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+
+  a {
+    color: $appbar-text-color;
+  }
 }
 
 // appbar - actions

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: dlegr250_material_design
 version: !ruby/object:Gem::Version
-  version: 0.1.15
+  version: 0.1.16
 platform: ruby
 authors:
 - Daniel LeGrand
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-02-23 00:00:00.000000000 Z
+date: 2016-03-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -79,6 +79,7 @@ files:
 - vendor/assets/javascripts/base/init.js.coffee
 - vendor/assets/javascripts/components/dialog.coffee
 - vendor/assets/javascripts/components/forms.coffee
+- vendor/assets/javascripts/components/input_masks.coffee
 - vendor/assets/javascripts/components/layout.coffee
 - vendor/assets/javascripts/components/menus.coffee
 - vendor/assets/javascripts/components/snackbar_handler.coffee
@@ -88,6 +89,7 @@ files:
 - vendor/assets/javascripts/extensions/coffeescript.js.coffee
 - vendor/assets/javascripts/extensions/jquery.js.coffee
 - vendor/assets/javascripts/third_party/handlebars.latest.js
+- vendor/assets/javascripts/third_party/jquery.inputmask.min.3.2.8-11.js
 - vendor/assets/javascripts/third_party/snackbarlight.js
 - vendor/assets/stylesheets/base/base.scss
 - vendor/assets/stylesheets/base/global_classes.scss
@@ -110,11 +112,14 @@ files:
 - vendor/assets/stylesheets/components/forms/selects.scss
 - vendor/assets/stylesheets/components/forms/text_fields.scss
 - vendor/assets/stylesheets/components/forms/toggles.scss
+- vendor/assets/stylesheets/components/grid_lists.scss
 - vendor/assets/stylesheets/components/lists.scss
 - vendor/assets/stylesheets/components/menus.scss
 - vendor/assets/stylesheets/components/overlay.scss
+- 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