mice 0.1.9 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 75868159de22568aa1ef29b14227a5597e8245d3
-  data.tar.gz: 8f22b046a0e0ec8aeae45bb415211a8c399a3a1e
+  metadata.gz: 492557d2c8d1e3c1f5503ac34470c4edc2b128b9
+  data.tar.gz: bb31b639abaad968d7035283001efdc8cfc1f8bb
 SHA512:
-  metadata.gz: 56de04aff405e3712810130f2da67be1ead606942e203563980c3e6d9629c3f285cd5c8cd5e6e93d285a387b07b4b6a7fa331743089641b8772702802e3ff16d
-  data.tar.gz: 3db236686683e2d92f9ae876928f71733ca25ae402367b1ac7581b31093218b8f2f5bafbc6ad01caf7c8b78d69334620155e3e78cb8af68f6d1ca890c0ced430
+  metadata.gz: d637a04cfc17897f89a7ff9068fa2960e6796246a779c36989a0931a22b96cd895f31d5eeaf4a1df04b43631c55e0b6cf68755a25f61f4bb463261d0d5a66ce2
+  data.tar.gz: e11072e2a495c591c3b4e4a823a42fe04016e47e16a267ae21a88e0fc188f1e44b4b05e695601cbe9989f990b8efdde944aaab19311545a45108cc3fed2b015f

data/Gemfile.lock

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

data/README.md

@@ -24,9 +24,9 @@ Or install it yourself as:
 `$ gem install mice`
 
 
-# mice with Rails
+## mice with Rails
 
-## CSS
+### CSS
 
 Import Mice in an SCSS file (for example, `application.css.scss`) to get all of Mice's styles
 
@@ -45,6 +45,22 @@ or
 For mobile
 @import "mice-mobile"
 
+
+## Documentation
+
+Ratchet's documentation is built with [Middleman](http://middlemanapp.com/) and publicly hosted on GitHub Pages at <http://mice.miclle.com/>. The docs may also be run locally.
+
+### Running documentation locally
+
+1. If necessary, `gem install bundler`.
+2. From the root `/mice` directory, run `bundle install`
+3. Run `middleman server` in the command line.
+3. Open <http://localhost:4567> in your browser, and boom!
+
+Learn more about using Middleman by reading its [documentation](http://middlemanapp.com/basics/getting-started/).
+
+
+
 ## Contributing
 
 1. Fork it ( http://github.com/miclle/mice/fork )

data/lib/mice/version.rb

@@ -1,3 +1,3 @@
 module Mice
-  VERSION = "0.1.9"
+  VERSION = "0.2.0"
 end

data/vendor/assets/stylesheets/mice.scss

@@ -23,6 +23,7 @@
 @import "mice/tables";
 
 // Components
+@import "mice/pagination";
 @import "mice/panels";
 @import "mice/media";
 @import "mice/labels";

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

@@ -49,7 +49,7 @@ blockquote:after, .callout:after {
 }
 
 blockquote, .callout{
-  &.primary { border-color: $border-color-primary; background-color: $state-primary-background; }
+  &.primary { border-color: $border-color-primary; background-color: $state-primary-background; color: #FFF; }
   &.success { border-color: $border-color-success; background-color: $state-success-background; }
   &.info    { border-color: $border-color-info;    background-color: $state-info-background;    }
   &.warning { border-color: $border-color-warning; background-color: $state-warning-background; }

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

@@ -316,4 +316,87 @@ form.horizontal{
 }
 
 
+.inputs{
+  position: relative; // For dropdowns
+  display: table;
+  border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table
+
+  .addon{
+    display: table-cell;
+    padding: $padding-base-vertical $padding-base-horizontal;
+    font-size: $font-size-base;
+    font-weight: normal;
+    line-height: 1;
+    // color: $input-color;
+    text-align: center;
+    background-color: $input-group-addon-background;
+    border: 1px solid $input-group-addon-border-color;
+    border-radius: $border-radius;
+
+    width: 1%;
+    white-space: nowrap;
+    vertical-align: middle;
+
+    &:not(:first-child):not(:last-child) {
+      border-radius: 0;
+    }
+
+    // Nuke default margins from checkboxes and radios to vertically center within.
+    input[type="radio"],
+    input[type="checkbox"] {
+      margin-top: 0;
+    }
+  }
+
+  > input{
+    display: table-cell !important;
+    width: 100%;
+    &:focus{
+      box-shadow: none !important;
+    }
+  }
+
+  > .buttons{
+    display: table-cell;
+    width: 1%;
+    white-space: nowrap;
+    vertical-align: middle; // Match the inputs
+
+    &:first-child{
+      button:first-child,
+      .button:first-child{
+        @include border-right-radius(0);
+        border-right: 0;
+      }
+    }
+
+    &:last-child{
+      button:first-child,
+      .button:first-child{
+        @include border-left-radius(0);
+        border-left: 0;
+      }
+    }
+
+    button, .button{
+      box-shadow: none;
+    }
+  }
+
+  > input, .addon, .buttons{
+    &:first-child {
+      @include border-right-radius(0);
+      border-bottom-right-radius: 0 !important;
+      border-top-right-radius: 0 !important;
+      border-right: 0;
+    }
+    &:last-child {
+      @include border-left-radius(0);
+      border-bottom-left-radius: 0 !important;
+      border-top-left-radius: 0 !important;
+      border-left: 0;
+    }
+  }
+}
+
 

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

@@ -105,6 +105,7 @@ ul, ol, div, section{
       display: block;
       padding: 10px 15px;
       margin-bottom: -1px;
+      margin-top: 0;
       background-color: $list-group-background;
       border: 1px solid $list-group-border-color;
 

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

@@ -0,0 +1,171 @@
+//
+// Pagination (multiple pages)
+// --------------------------------------------------
+
+// mixin
+@mixin pagination-size($padding-vertical, $padding-horizontal, $font-size, $border-radius) {
+  > li {
+    > a,
+    > span {
+      padding: $padding-vertical $padding-horizontal;
+      font-size: $font-size;
+    }
+    &:first-child {
+      > a,
+      > span {
+        @include border-left-radius($border-radius);
+      }
+    }
+    &:last-child {
+      > a,
+      > span {
+        @include border-right-radius($border-radius);
+      }
+    }
+  }
+}
+
+
+.pagination {
+  display: inline-block;
+  padding-left: 0;
+  margin: $line-height-computed 0;
+  border-radius: $border-radius;
+
+  > li {
+    display: inline; // Remove list-style and block-level defaults
+    > a,
+    > span {
+      position: relative;
+      float: left; // Collapse white-space
+      padding: $padding-base-vertical $padding-base-horizontal;
+      line-height: $line-height-base;
+      text-decoration: none;
+      color: $pagination-color;
+      background-color: $pagination-background;
+      border: 1px solid $pagination-border;
+      margin-left: -1px;
+    }
+    &:first-child {
+      > a,
+      > span {
+        margin-left: 0;
+        @include border-left-radius($border-radius);
+      }
+    }
+    &:last-child {
+      > a,
+      > span {
+        @include border-right-radius($border-radius);
+      }
+    }
+  }
+
+  > li > a,
+  > li > span {
+    &:hover,
+    &:focus {
+      color: $pagination-hover-color;
+      background-color: $pagination-hover-background;
+      border-color: $pagination-hover-border;
+    }
+  }
+
+  > .active > a,
+  > .active > span {
+    &,
+    &:hover,
+    &:focus {
+      z-index: 2;
+      color: $pagination-active-color;
+      background-color: $pagination-active-background;
+      border-color: $pagination-active-border;
+      cursor: default;
+    }
+  }
+
+  > .disabled {
+    > span,
+    > span:hover,
+    > span:focus,
+    > a,
+    > a:hover,
+    > a:focus {
+      color: $pagination-disabled-color;
+      background-color: $pagination-disabled-background;
+      border-color: $pagination-disabled-border;
+      cursor: not-allowed;
+    }
+  }
+}
+
+// Sizing
+// --------------------------------------------------
+
+// Large
+.pagination.large {
+  @include pagination-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $border-radius-large);
+}
+
+// Small
+.pagination.small {
+  @include pagination-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $border-radius-small);
+}
+
+
+
+//
+// Pager pagination
+// --------------------------------------------------
+
+
+.pager {
+  padding-left: 0;
+  margin: $line-height-computed 0;
+  list-style: none;
+  text-align: center;
+  @include clearfix();
+  li {
+    display: inline;
+    > a,
+    > span {
+      display: inline-block;
+      padding: 5px 14px;
+      background-color: $pager-background;
+      border: 1px solid $pager-border;
+      border-radius: $pager-border-radius;
+    }
+
+    > a:hover,
+    > a:focus {
+      text-decoration: none;
+      background-color: $pager-hover-background;
+    }
+  }
+
+  .next {
+    > a,
+    > span {
+      float: right;
+    }
+  }
+
+  .previous {
+    > a,
+    > span {
+      float: left;
+    }
+  }
+
+  .disabled {
+    > a,
+    > a:hover,
+    > a:focus,
+    > span {
+      color: $pager-disabled-color;
+      background-color: $pager-background;
+      cursor: not-allowed;
+    }
+  }
+
+}

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

@@ -29,7 +29,7 @@ $link-hover-color:        darken($link-color, 15%) !default;
 // -------------------------
 
 $border-radius:           2px !default;
-$border-radius-small:     $border-radius * 1.5 !default;
+$border-radius-small:     $border-radius * 1 !default;
 $border-radius-large:     $border-radius * 2   !default;
 
 // Font family, size
@@ -210,6 +210,12 @@ $input-padding-small-horizontal:    $padding-small-vertical !default;
 $input-padding-large-vertical:      $padding-large-vertical !default;
 $input-padding-large-horizontal:    $padding-large-vertical !default;
 
+//** Background color for textual input addons
+$input-group-addon-background:              $gray-lighter !default;
+//** Border color for textual input addons
+$input-group-addon-border-color:    $border-color-default !default;
+
+
 
 // Tables
 //
@@ -232,6 +238,33 @@ $table-background-active:           $table-background-hover !default;
 $table-border-color:                #ddd !default;
 
 
+// Pagination
+// --------------------------------------------------
+$pagination-color:                  $link-color !default;
+$pagination-background:             #fff !default;
+$pagination-border:                 #ddd !default;
+$pagination-hover-color:            $link-hover-color !default;
+$pagination-hover-background:       $gray-lighter !default;
+$pagination-hover-border:           #ddd !default;
+$pagination-active-color:           #fff !default;
+$pagination-active-background:      $brand-primary !default;
+$pagination-active-border:          $brand-primary !default;
+$pagination-disabled-color:         $gray-light !default;
+$pagination-disabled-background:    #fff !default;
+$pagination-disabled-border:        #ddd !default;
+
+
+// Pager
+// --------------------------------------------------
+$pager-background:                  $pagination-background !default;
+$pager-border:                      $pagination-border !default;
+$pager-border-radius:               15px !default;
+$pager-hover-background:            $pagination-hover-background !default;
+$pager-active-background:           $pagination-active-background !default;
+$pager-active-color:                $pagination-active-color !default;
+$pager-disabled-color:              $pagination-disabled-color !default;
+
+
 // Labels
 // --------------------------------------------------
 $label-background-default:          $gray-light !default;

data/vendor/assets/stylesheets/mobile/bars.scss

@@ -41,6 +41,8 @@ nav.tab {
     &.active,
     &:active {
       color: $primary-color;
+      .icon ~ .label,
+      .label{ color: $primary-color; }
     }
 
     // Tab icon
@@ -48,6 +50,7 @@ nav.tab {
       top: 3px;
       width: 24px;
       height: 24px;
+      font-size: 24px;
       padding-top: 0;
       padding-bottom: 0;
 
@@ -55,6 +58,16 @@ nav.tab {
       ~ .label {
         display: block;
         font-size: 11px;
+        padding: 0;
+        font-size: 75%;
+        font-weight: normal;
+        line-height: 1;
+        color: #929292;
+        text-align: center;
+        white-space: nowrap;
+        vertical-align: baseline;
+        border-radius: 0;
+        background-color: transparent;
       }
     }
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: mice
 version: !ruby/object:Gem::Version
-  version: 0.1.9
+  version: 0.2.0
 platform: ruby
 authors:
 - miclle
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-06-04 00:00:00.000000000 Z
+date: 2014-06-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -83,6 +83,7 @@ files:
 - vendor/assets/stylesheets/mice/_mixins.scss
 - vendor/assets/stylesheets/mice/_navbar.scss
 - vendor/assets/stylesheets/mice/_normalize.scss
+- vendor/assets/stylesheets/mice/_pagination.scss
 - vendor/assets/stylesheets/mice/_panels.scss
 - vendor/assets/stylesheets/mice/_scaffolding.scss
 - vendor/assets/stylesheets/mice/_sidebar.scss