mice 0.1.2 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c60dfc221ed557ba14a762a84d681362e959b2a3
-  data.tar.gz: 4e5086461bed72f38c2d6b972f1c07c094459b61
+  metadata.gz: 18b86bc1b61f85200fe69cd3a0a589b17b1b0b67
+  data.tar.gz: df3fbae99c9bc309d918d1a3d99e73039f8757a2
 SHA512:
-  metadata.gz: bfefd64a0880aa90b0a90c9824ad29ac9fcb3c328fb95bdd2602fbcc5aadd13d3c51245647727f10d61751d3a2956403a3c3e0e64c7937d2b62df953f9ee04b7
-  data.tar.gz: f03cf754f2f74900743cd4aae684c63436d102c6a091457b75bf0979612fe80b61b9918dc389fd5c6cd64afb34a4cae7f8cd5b964bc5910f4ed9840292eb1d75
+  metadata.gz: 876789d6075f686e8ab9f82f8bde62df28cc0e1da98955760817f661669ade35bfb4675d2651d6de6a807c6152de2508495edf9173a7d2c5fef24759697f6ee4
+  data.tar.gz: 9ec72ce83076ba8ff9c5a9b42f543c102846fc65b85e356f74bdb0c114e5ce2521378f1f424ca81938313cd52e12373ce2fbc7fee1f84ba5aab4383dfba5873c

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    mice (0.1.2)
+    mice (0.1.3)
 
 GEM
   remote: https://rubygems.org/

data/lib/mice/version.rb

@@ -1,3 +1,3 @@
 module Mice
-  VERSION = "0.1.2"
+  VERSION = "0.1.3"
 end

data/vendor/assets/stylesheets/mice.scss

@@ -24,6 +24,7 @@
 // Components
 @import "mice/components";
 @import "mice/media";
+@import "mice/labels";
 
 // Form
 @import "mice/forms";

data/vendor/assets/stylesheets/mice/_labels.scss

@@ -0,0 +1,80 @@
+//
+// Lables
+// --------------------------------------------------
+
+@mixin label-variant($color) {
+  background-color: $color;
+
+  &[href] {
+    &:hover,
+    &:focus {
+      background-color: darken($color, 10%);
+    }
+  }
+}
+
+
+// Lable sizes
+// -------------------------
+@mixin label-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
+  padding:     $padding-vertical $padding-horizontal;
+  font-size:   $font-size;
+  line-height: $line-height;
+  border-radius: $border-radius;
+}
+
+.label {
+  display: inline;
+  padding: .2em .6em .3em;
+  font-size: 75%;
+  font-weight: bold;
+  line-height: 1;
+  color: $label-color;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: $border-radius;
+
+  // [converter] extracted a& to a.label
+
+  // Empty labels collapse automatically (not available in IE8)
+  &:empty {
+    display: none;
+  }
+
+  // Quick fix for labels in buttons
+  .button & {
+    position: relative;
+    top: -1px;
+  }
+}
+
+// Add hover effects, but only for links
+a.label {
+  &:hover,
+  &:focus {
+    color: $label-link-hover-color;
+    text-decoration: none;
+    cursor: pointer;
+  }
+}
+
+// Colors
+// Contextual variations (linked labels get darker on :hover)
+.label         { @include label-variant($label-background-default); }
+.label.primary { @include label-variant($label-background-primary); }
+.label.success { @include label-variant($label-background-success); }
+.label.info    { @include label-variant($label-background-info);    }
+.label.warning { @include label-variant($label-background-warning); }
+.label.danger  { @include label-variant($label-background-danger);  }
+
+.label{
+  &.large {
+    padding: .4em .8em .5em;
+    font-size: 120%;
+    border-radius: $border-radius;
+  }
+}
+
+
+

data/vendor/assets/stylesheets/mice/_variables.scss

@@ -212,18 +212,33 @@ $input-padding-large-horizontal:    $padding-large-vertical !default;
 //## Customizes the `table` component with basic values, each used across all table variations.
 
 //** Padding for `<th>`s and `<td>`s.
-$table-cell-padding:            8px !default;
+$table-cell-padding:                8px !default;
 //** Padding for cells in `.table-condensed`.
-$table-condensed-cell-padding:  5px !default;
+$table-condensed-cell-padding:      5px !default;
 
 //** Default background color used for all tables.
-$table-background:              transparent !default;
+$table-background:                  transparent !default;
 //** Background color used for `.table-striped`.
-$table-background-accent:       #f9f9f9 !default;
+$table-background-accent:           #f9f9f9 !default;
 //** Background color used for `.table-hover`.
-$table-background-hover:        #f5f5f5 !default;
-$table-background-active:       $table-background-hover !default;
+$table-background-hover:            #f5f5f5 !default;
+$table-background-active:           $table-background-hover !default;
 
 //** Border color for table and cell borders.
-$table-border-color:            #ddd !default;
+$table-border-color:                #ddd !default;
+
+
+//== Labels
+// --------------------------------------------------
+$label-background-default:          $gray-light !default;
+$label-background-primary:          $brand-primary !default;
+$label-background-success:          $brand-success !default;
+$label-background-info:             $brand-info !default;
+$label-background-warning:          $brand-warning !default;
+$label-background-danger:           $brand-danger !default;
+
+$label-color:                       #fff !default;
+$label-link-hover-color:            #fff !default;
+
+
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: mice
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.3
 platform: ruby
 authors:
 - miclle
@@ -61,6 +61,7 @@ files:
 - vendor/assets/stylesheets/mice/_grid.scss
 - vendor/assets/stylesheets/mice/_icons.scss
 - vendor/assets/stylesheets/mice/_images.scss
+- vendor/assets/stylesheets/mice/_labels.scss
 - vendor/assets/stylesheets/mice/_lists.scss
 - vendor/assets/stylesheets/mice/_media.scss
 - vendor/assets/stylesheets/mice/_menu.scss