mice 0.2.3 → 0.2.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 49bb1ba11442b35b4d2c399d19472de08b01b4df
-  data.tar.gz: d840ac9ac0112f48aa0b3af3154c82ffd04fe6a5
+  metadata.gz: cdec2f601633527932abed8efef95065e96741b1
+  data.tar.gz: 7e6d1b1b7dc6a2b4f44146d25a6cebc6624fd243
 SHA512:
-  metadata.gz: 1f2ff6d90d489870c60f5ec63a2818d218658c7578a2b9120d143fac0ed8df0fb43945fa89cd589371af034bb33da34d79aff072e69667bd82daf79bebed0731
-  data.tar.gz: 116222f2ab49e7dfa1c2848158bb6e79b9311bde69c7d2ff249d541b5705745b21a9a484712d7f1e272a5d458888d9737353d04fd2385bf332ecb8e045475837
+  metadata.gz: d349f17f12326954e34e218795c47a07437ccbeec0ae689b4a379e2a1d60221a61a5880504caceaab974b081a44b137026146d773dad0cc8d92818fcbc2907d5
+  data.tar.gz: 95204b5b5378324107bcbc1a617259e88cdacb9b60bd7c3c80d05cfec59bdb2a9de4bd10848658ee1e659059b06a60313f6f43edb576cad97be48399ff21e961

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    mice (0.2.3)
+    mice (0.2.4)
       sass (~> 3.2)
 
 GEM

data/README.md

@@ -2,6 +2,9 @@
 
 Mice is semantic front-end framework.
 
+## Update your browser
+[http://browsehappy.com/](http://browsehappy.com/)
+
 ## Installation
 
 Add this line to your application's Gemfile:
@@ -42,9 +45,6 @@ or
  */
 ```
 
-For mobile
-@import "mice-mobile"
-
 
 ## Documentation
 

data/lib/mice/version.rb

@@ -1,3 +1,3 @@
 module Mice
-  VERSION = "0.2.3"
+  VERSION = "0.2.4"
 end

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

@@ -4,7 +4,7 @@
 
 .menu{
   list-style: none;
-  margin:     0 15px;
+  margin:     0;
   padding:    0;
   position:   relative;
 

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

@@ -5,14 +5,33 @@
 .navbar{
   min-height: 45px;
   background: #FFF;
-  border-bottom: 1px solid #E8E8E8;
+  border-color: #E8E8E8;
+  border-style: solid;
+  border-width: 0;
+  border-width: 0 0 1px;
+
+  &.top,
+  &.bottom{
+    position: fixed;
+    left: 0;
+    right: 0;
+    z-index: $zindex-navbar-fixed;
+  }
+  &.top{
+    top: 0;
+    border-width: 0 0 1px;
+  }
+  &.bottom{
+    bottom: 0;
+    border-width: 1px 0 0;
+  }
 
   .logo{
     float: left;
     .brand{
       display: block;
       line-height: 45px;
-      padding: 0;
+      padding: 0 20px;
       color: #666;
       text-decoration: none;
       font-weight: 700;
@@ -22,7 +41,6 @@
   .menu{
     float:      left;
     list-style: none;
-    margin:     0 15px;
     padding:    0;
     position:   relative;
 

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

@@ -0,0 +1,72 @@
+//
+// Tabs
+// --------------------------------------------------
+
+.tabs{
+  list-style: none;
+  border-bottom: 1px solid $tabs-border-color;
+  padding: 0;
+  @include clearfix();
+
+  > li {
+    display: block;
+    position: relative;
+    float: left;
+    // Make the list-items overlay the bottom border
+    margin-bottom: -1px;
+
+    // Actual tabs (as links)
+    > a {
+      position: relative;
+      display: block;
+      padding: 10px 15px;
+
+      margin-right: 2px;
+      line-height: $line-height-base;
+      border: 1px solid transparent;
+      border-radius: $border-radius $border-radius 0 0;
+      text-decoration: none;
+
+      &:hover {
+        border-color: $tabs-link-hover-border-color $tabs-link-hover-border-color $tabs-border-color;
+        background-color:  $tabs-link-hover-background-color;
+      }
+    }
+
+    // Active state, and its :hover to override normal :hover
+    &.active > a {
+      &,
+      &:hover,
+      &:focus {
+        color: $tabs-active-link-hover-color;
+        background-color: $tabs-active-link-hover-background;
+        border: 1px solid $tabs-active-link-hover-border-color;
+        border-bottom-color: transparent;
+        cursor: default;
+      }
+    }
+  }
+
+  &.justified{
+    width: 100%;
+    border-bottom: 0;
+
+    > li {
+      display: table-cell;
+      width: 1%;
+      float: none;
+      > a {
+        text-align: center;
+        margin-right: 0;
+        border-bottom: 1px solid $tabs-justified-link-border-color;
+        border-radius: $border-radius $border-radius 0 0;
+      }
+    }
+
+    > .active > a,
+    > .active > a:hover,
+    > .active > a:focus {
+      border-bottom-color: $tabs-justified-active-link-border-color;
+    }
+  }
+}

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

@@ -118,7 +118,7 @@ $heading-small-color:               $gray-light !default;
 $blockquote-small-color:            $gray-light !default;
 $blockquote-font-size:              ($font-size-base * 1.25) !default;
 
-$callout-font-size:              $font-size-base !default;
+$callout-font-size:                 $font-size-base !default;
 
 $page-header-border-color:          $gray-lighter !default;
 
@@ -147,8 +147,7 @@ $state-danger-border:               darken(adjust-hue($state-danger-background,
 
 
 // Code
-//
-//##
+// --------------------------------------------------
 
 $code-color:                        #c7254e !default;
 $code-background:                   #f9f2f4 !default;
@@ -163,7 +162,7 @@ $pre-scrollable-max-height:         340px !default;
 
 
 // Forms
-// -------------------------
+// --------------------------------------------------
 
 
 // Buttons
@@ -220,7 +219,7 @@ $input-group-addon-border-color:    $border-color-default !default;
 
 
 // Tables
-//
+// --------------------------------------------------
 //## Customizes the `table` component with basic values, each used across all table variations.
 
 //** Padding for `<th>`s and `<td>`s.
@@ -240,6 +239,20 @@ $table-background-active:           $table-background-hover !default;
 $table-border-color:                #ddd !default;
 
 
+// Tabs
+// --------------------------------------------------
+$tabs-border-color:                       #ddd !default;
+$tabs-link-hover-border-color:            $gray-lighter !default;
+$tabs-link-hover-background-color:        $tabs-link-hover-border-color !default;
+
+$tabs-active-link-hover-background:       $background-color !default;
+$tabs-active-link-hover-color:            $gray !default;
+$tabs-active-link-hover-border-color:     #ddd !default;
+
+$tabs-justified-link-border-color:        #ddd !default;
+$tabs-justified-active-link-border-color: $background-color !default;
+
+
 // Pagination
 // --------------------------------------------------
 $pagination-color:                  $link-color !default;
@@ -381,7 +394,7 @@ $progress-bar-danger-background:  $brand-danger !default;
 $progress-bar-info-background:    $brand-info !default;
 
 
-//== Alerts
+// Alerts
 // --------------------------------------------------
 $alert-padding:               15px !default;
 $alert-border-radius:         $border-radius !default;
@@ -404,10 +417,13 @@ $alert-danger-text:           $state-danger-text !default;
 $alert-danger-border:         $state-danger-border !default;
 
 
-//== Close
+// Close
 // --------------------------------------------------
 $close-font-weight:           bold !default;
 $close-color:                 #000 !default;
 $close-text-shadow:           0 1px 0 #fff !default;
 
 
+// Z-index master list
+// --------------------------------------------------
+$zindex-navbar-fixed:         1030 !default;

data/vendor/assets/stylesheets/mice.scss

@@ -17,6 +17,7 @@
 @import "mice/icons";
 
 @import "mice/menu";
+@import "mice/tabs";
 @import "mice/navbar";
 @import "mice/sidebar";
 @import "mice/lists";

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: mice
 version: !ruby/object:Gem::Version
-  version: 0.2.3
+  version: 0.2.4
 platform: ruby
 authors:
 - miclle
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-06-30 00:00:00.000000000 Z
+date: 2014-07-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -92,6 +92,7 @@ files:
 - vendor/assets/stylesheets/mice/_scaffolding.scss
 - vendor/assets/stylesheets/mice/_sidebar.scss
 - vendor/assets/stylesheets/mice/_tables.scss
+- vendor/assets/stylesheets/mice/_tabs.scss
 - vendor/assets/stylesheets/mice/_timeline.scss
 - vendor/assets/stylesheets/mice/_typography.scss
 - vendor/assets/stylesheets/mice/_utilities.scss