mice 0.1.7 → 0.1.9

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: b000eb76f79782d204ef7686245a009231183b61
-  data.tar.gz: 2ca1be8e0e72383879bd13ceba49a95de4b0ed1a
+  metadata.gz: 75868159de22568aa1ef29b14227a5597e8245d3
+  data.tar.gz: 8f22b046a0e0ec8aeae45bb415211a8c399a3a1e
 SHA512:
-  metadata.gz: d48207edfacb617ff6cedd8ee9dec0244104c41f851a35f836471ef70a7b37b77025f8118e8e61f65a5032b5e5d0b71d8aa04a861c22c934fbf96cee9b821976
-  data.tar.gz: efd1aa52ef681ca9d6517d866d523e8f67c307888a63409defd546c5006a03867becd1da971d4bd6fe21d582100411490b5fd7bdc2918e6ef10889a3c3c6c5c4
+  metadata.gz: 56de04aff405e3712810130f2da67be1ead606942e203563980c3e6d9629c3f285cd5c8cd5e6e93d285a387b07b4b6a7fa331743089641b8772702802e3ff16d
+  data.tar.gz: 3db236686683e2d92f9ae876928f71733ca25ae402367b1ac7581b31093218b8f2f5bafbc6ad01caf7c8b78d69334620155e3e78cb8af68f6d1ca890c0ced430

data/Gemfile

@@ -3,7 +3,7 @@ source 'https://rubygems.org'
 # Specify your gem's dependencies in mice.gemspec
 gemspec
 
-gem "middleman", "~>3.3.2", :require => false
+gem "middleman", "~>3.3.3", :require => false
 
 # Live-reloading plugin
 gem "middleman-livereload", "~> 3.3.3", :require => false

data/Gemfile.lock

@@ -1,17 +1,18 @@
 PATH
   remote: .
   specs:
-    mice (0.1.7)
+    mice (0.1.9)
+      sass (~> 3.2)
 
 GEM
   remote: https://rubygems.org/
   specs:
-    activesupport (4.0.5)
+    activesupport (4.1.1)
       i18n (~> 0.6, >= 0.6.9)
-      minitest (~> 4.2)
-      multi_json (~> 1.3)
+      json (~> 1.7, >= 1.7.7)
+      minitest (~> 5.1)
       thread_safe (~> 0.1)
-      tzinfo (~> 0.3.37)
+      tzinfo (~> 1.1)
     chunky_png (1.3.1)
     coffee-script (2.2.0)
       coffee-script-source
@@ -28,7 +29,7 @@ GEM
       http_parser.rb (~> 0.6.0)
     erubis (2.7.0)
     eventmachine (1.0.3)
-    execjs (2.0.2)
+    execjs (2.1.0)
     ffi (1.9.3)
     fssm (0.2.10)
     haml (4.0.5)
@@ -44,19 +45,19 @@ GEM
       rb-fsevent (>= 0.9.3)
       rb-inotify (>= 0.9)
       rb-kqueue (>= 0.2)
-    middleman (3.3.2)
+    middleman (3.3.3)
       coffee-script (~> 2.2.0)
       compass (>= 0.12.4)
-      compass-import-once (~> 1.0.4)
+      compass-import-once (= 1.0.4)
       execjs (~> 2.0)
       haml (>= 4.0.5)
       kramdown (~> 1.2)
-      middleman-core (= 3.3.2)
+      middleman-core (= 3.3.3)
       middleman-sprockets (>= 3.1.2)
       sass (>= 3.2.17, < 4.0)
       uglifier (~> 2.5)
-    middleman-core (3.3.2)
-      activesupport (~> 4.0.1)
+    middleman-core (3.3.3)
+      activesupport (~> 4.1.0)
       bundler (~> 1.1)
       erubis
       hooks (~> 0.3)
@@ -79,13 +80,13 @@ GEM
     middleman-syntax (2.0.0)
       middleman-core (~> 3.2)
       rouge (~> 1.0)
-    minitest (4.7.5)
-    multi_json (1.10.0)
-    padrino-helpers (0.12.1)
+    minitest (5.3.4)
+    multi_json (1.10.1)
+    padrino-helpers (0.12.2)
       i18n (~> 0.6, >= 0.6.7)
-      padrino-support (= 0.12.1)
+      padrino-support (= 0.12.2)
       tilt (~> 1.4.1)
-    padrino-support (0.12.1)
+    padrino-support (0.12.2)
       activesupport (>= 3.1)
     rack (1.5.2)
     rack-livereload (0.3.15)
@@ -110,10 +111,11 @@ GEM
       sprockets (~> 2.0)
       tilt (~> 1.1)
     thor (0.19.1)
-    thread_safe (0.3.3)
+    thread_safe (0.3.4)
     tilt (1.4.1)
-    tzinfo (0.3.39)
-    uber (0.0.4)
+    tzinfo (1.2.0)
+      thread_safe (~> 0.1)
+    uber (0.0.6)
     uglifier (2.5.0)
       execjs (>= 0.3.0)
       json (>= 1.8.0)
@@ -124,7 +126,7 @@ PLATFORMS
 DEPENDENCIES
   bundler (~> 1.5)
   mice!
-  middleman (~> 3.3.2)
+  middleman (~> 3.3.3)
   middleman-livereload (~> 3.3.3)
   middleman-syntax (~> 2.0.0)
   tzinfo-data

data/README.md

@@ -42,6 +42,8 @@ or
  */
 ```
 
+For mobile
+@import "mice-mobile"
 
 ## Contributing
 
@@ -53,4 +55,4 @@ or
 
 ## Copyright and license
 
-Code and documentation copyright 2014 Miclle. Code released under the MIT license. Docs released under Creative Commons.
+Code and documentation copyright 2014 Miclle. Code released under the MIT license. Docs released under Creative Commons.

data/lib/mice/version.rb

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

data/vendor/assets/stylesheets/mice-mobile.scss

@@ -2,13 +2,22 @@
 @import "mice/variables";
 @import "mice/mixins";
 
-// Reset and dependencies
 @import "mice/normalize";
-
+@import "mice/typography";
+@import "mice/buttons";
 @import "mice/icons";
 
 // Components
+@import "mice/lists";
 @import "mice/media";
+@import "mice/labels";
+@import "mice/panels";
+
+@import "mice/utilities";
+
+// Base CSS
+@import "mobile/variables";
+@import "mobile/base";
+@import "mobile/bars";
 
-// Variables
-@import "mobile/variables";
+@import "mice/forms";

data/vendor/assets/stylesheets/mice.scss

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

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

@@ -38,9 +38,7 @@
 @mixin field-variant($border-color){
   color: $border-color;
 
-  input[type="text"],
-  input[type="password"],
-  input[type="email"],
+  input:not([type~=checkbox]):not([type~=radio]):not([type~=file]):not([type~=button]):not([type~=submit]),
   textarea,
   select{
     @include input-variant($border-color);
@@ -69,9 +67,7 @@ fieldset {
   min-width: 0;
 
   &[disabled]{
-    input[type="text"],
-    input[type="password"],
-    input[type="email"],
+    input:not([type~=checkbox]):not([type~=radio]):not([type~=file]):not([type~=button]):not([type~=submit]),
     textarea,
     select,
     button{
@@ -88,9 +84,7 @@ fieldset {
   }
 }
 
-input[type="text"],
-input[type="password"],
-input[type="email"],
+input:not([type~=checkbox]):not([type~=radio]):not([type~=file]):not([type~=button]):not([type~=submit]),
 textarea,
 select{
   display:          inline-block;
@@ -118,7 +112,6 @@ select{
   }
 }
 
-
 textarea{
   display: block;
   line-height: 20px;
@@ -136,12 +129,11 @@ label{
   margin-bottom: 2px;
 }
 
+
 // Input Styles
 // -------------------------
 
-input[type="text"],
-input[type="password"],
-input[type="email"],
+input:not([type~=checkbox]):not([type~=radio]):not([type~=file]):not([type~=button]):not([type~=submit]),
 textarea{
             @include input-variant($border-color-default);
   &.primary{@include input-variant($border-color-primary);}
@@ -156,9 +148,7 @@ textarea{
 
 // Input Sizing
 // -------------------------
-input[type="text"],
-input[type="password"],
-input[type="email"],
+input:not([type~=checkbox]):not([type~=radio]):not([type~=file]):not([type~=button]):not([type~=submit]),
 textarea{
            @include input-size($input-height-default, $input-padding-default-vertical, $input-padding-default-horizontal, $font-size-base,  $line-height-base,  $border-radius);
   &.small {@include input-size($input-height-small,   $input-padding-small-vertical,   $input-padding-small-horizontal,   $font-size-small, $line-height-small, $border-radius-small);}
@@ -187,9 +177,7 @@ textarea{
     }
   }
 
-  input[type="text"],
-  input[type="password"],
-  input[type="email"],
+  input:not([type~=checkbox]):not([type~=radio]):not([type~=button]),
   select,
   textarea{
     width: 100%;
@@ -202,9 +190,7 @@ textarea{
   &.feedback{
     position: relative;
 
-    input[type="text"],
-    input[type="password"],
-    input[type="email"],
+    input:not([type~=checkbox]):not([type~=radio]):not([type~=file]):not([type~=button]):not([type~=submit]),
     select,
     textarea{
       padding-right: 50px;
@@ -223,6 +209,7 @@ textarea{
   }
 }
 
+
 // Inline form
 // -------------------------
 .navbar form,
@@ -232,8 +219,7 @@ form.inline{
     margin-bottom: 0;
     vertical-align: middle;
 
-    input[type="text"],
-    input[type="password"],
+    input:not([type~=checkbox]):not([type~=radio]):not([type~=file]):not([type~=button]):not([type~=submit]),
     input[type="email"]{
       width: auto;
     }
@@ -250,6 +236,14 @@ form.inline{
   }
 }
 
+.inline{
+  input:not([type~=checkbox]):not([type~=radio]):not([type~=file]):not([type~=button]):not([type~=submit]),
+  input[type="email"]{
+    width: auto;
+  }
+}
+
+
 // Horizontal Form
 // -------------------------
 form.horizontal{
@@ -299,6 +293,27 @@ form.horizontal{
 }
 
 
+// Input justified
+.justified{
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: separate;
+
+  &:before, &:after{ display: none; }
+
+  .field{
+    float: none;
+    display: table-cell;
+    width: 1%;
+    padding: 0 5px;
+    &:first-child{ padding-left: 0; }
+    &:last-child{ padding-right: 0; }
+    input:not([type~=checkbox]):not([type~=radio]):not([type~=file]):not([type~=button]){
+      width: 100%;
+    }
+  }
+}
 
 
 

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

@@ -67,9 +67,11 @@ $columns: "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten"
 @for $i from 1 through length($columns) {
   .grid.#{nth($columns, $i)} {
     @include column-child($i + 1);
-    @for $j from 1 through $i - 1 {
-      > .#{nth($columns, $j)}{
-        @include column-self($i + 1, $j + 1);
+    @if $i - 1 > 0 {
+      @for $j from 1 through $i - 1 {
+        > .#{nth($columns, $j)}{
+          @include column-self($i + 1, $j + 1);
+        }
       }
     }
   }

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

@@ -42,13 +42,13 @@ ol {
 }
 
 // List options
-.unstyled {
+ul.unstyled {
   padding-left: 0;
   list-style: none;
 }
 
 // Inline
-.inline {
+ul.inline {
   @extend .unstyled;
   margin-left: -5px;
 
@@ -63,21 +63,14 @@ ol {
 dl {
   margin-top: 0;
   margin-bottom: $line-height-computed;
-}
-dt,
-dd {
-  line-height: $line-height-base;
-}
-dt {
-  font-weight: bold;
-}
-dd {
-  margin-left: 0;
+  dt,
+  dd { line-height: $line-height-base; }
+  dt { font-weight: bold; }
+  dd { margin-left: 0; }
 }
 
 // Horizontal description lists
-
-.horizontal {
+dl.horizontal {
   dt{
     float: left;
     width: 160px;
@@ -101,7 +94,7 @@ dd {
 // Base class
 // Easily usable on <ul>, <ol>, <div> or <section>.
 ul, ol, div, section{
-  .group {
+  &.group {
     margin-bottom: 20px;
     padding-left: 0;
 

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

@@ -0,0 +1,236 @@
+//
+// Panels
+// --------------------------------------------------
+
+
+// Panels
+@mixin panel-variant($border, $heading-text-color, $heading-bg-color, $heading-border) {
+  border-color: $border;
+
+  & > .heading {
+    color: $heading-text-color;
+    background-color: $heading-bg-color;
+    border-color: $heading-border;
+  }
+  & > .footer {
+    + .collapse > .body {
+      border-bottom-color: $border;
+    }
+  }
+}
+
+
+// Base class
+.panel {
+  margin-bottom: $line-height-computed;
+  background-color: $panel-bg;
+  border: 1px solid transparent;
+  border-radius: $panel-border-radius;
+  @include box-shadow(0 1px 1px rgba(0,0,0,.05));
+
+  // Panel contents
+  > .body {
+    padding: $panel-body-padding;
+    @include clearfix();
+    *:last-child{
+      margin-bottom: 0;
+    }
+  }
+
+  // Optional heading
+  > .heading {
+    padding: $panel-heading-padding;
+    border-bottom: 1px solid transparent;
+    @include border-top-radius(($panel-border-radius - 1));
+
+    // Within heading, strip any `h*` tag of its default margins for spacing.
+    h1,h2,h3,h4,h5,h6{
+      margin: 0;
+      padding: 0;
+      font-size: ceil(($font-size-base * 1.125));
+      color: inherit;
+      border-bottom: none;
+
+      > a {
+        color: inherit;
+      }
+    }
+  }
+
+  // Optional footer (stays gray in every modifier class)
+  > .footer {
+    padding: $panel-footer-padding;
+    background-color: $panel-footer-bg;
+    border-top: 1px solid $panel-inner-border;
+    @include border-bottom-radius(($panel-border-radius - 1));
+  }
+}
+
+
+// List groups in panels
+//
+// By default, space out list group content from panel headings to account for
+// any kind of custom content between the two.
+
+.panel {
+  > .group {
+    margin-bottom: 0;
+
+    > li,
+    > a,
+    .item {
+      border-width: 1px 0;
+      border-radius: 0;
+    }
+
+    // Add border top radius for first one
+    &:first-child {
+      > li:first-child,
+      > a:first-child,
+      .item:first-child {
+        border-top: 0;
+        @include border-top-radius(($panel-border-radius - 1));
+      }
+    }
+    // Add border bottom radius for last one
+    &:last-child {
+      > li:last-child,
+      > a:last-child,
+      .item:last-child {
+        border-bottom: 0;
+        @include border-bottom-radius(($panel-border-radius - 1));
+      }
+    }
+  }
+}
+
+// Collapse space between when there's no additional content.
+.panel{
+  .heading + .list-group {
+    > li:first-child,
+    > a:first-child,
+    .item:first-child {
+      border-top-width: 0;
+    }
+  }
+}
+
+
+// Tables in panels
+//
+// Place a non-bordered `table` within a panel (not within a `.panel-body`) and
+// watch it go full width.
+
+.panel {
+  > table,
+  > table.responsive > table {
+    margin-bottom: 0;
+  }
+  // Add border top radius for first one
+  > table:first-child,
+  > table.responsive:first-child > table:first-child {
+    @include border-top-radius(($panel-border-radius - 1));
+
+    > thead:first-child,
+    > tbody:first-child {
+      > tr:first-child {
+        td:first-child,
+        th:first-child {
+          border-top-left-radius: ($panel-border-radius - 1);
+        }
+        td:last-child,
+        th:last-child {
+          border-top-right-radius: ($panel-border-radius - 1);
+        }
+      }
+    }
+  }
+  // Add border bottom radius for last one
+  > table:last-child,
+  > table.responsive:last-child > table:last-child {
+    @include border-bottom-radius(($panel-border-radius - 1));
+
+    > tbody:last-child,
+    > tfoot:last-child {
+      > tr:last-child {
+        td:first-child,
+        th:first-child {
+          border-bottom-left-radius: ($panel-border-radius - 1);
+        }
+        td:last-child,
+        th:last-child {
+          border-bottom-right-radius: ($panel-border-radius - 1);
+        }
+      }
+    }
+  }
+  > .body + table,
+  > .body + table.responsive {
+    border-top: 1px solid $table-border-color;
+  }
+  > table > tbody:first-child > tr:first-child th,
+  > table > tbody:first-child > tr:first-child td {
+    border-top: 0;
+  }
+  > table-bordered,
+  > table.responsive > table-bordered {
+    border: 0;
+    > thead,
+    > tbody,
+    > tfoot {
+      > tr {
+        > th:first-child,
+        > td:first-child {
+          border-left: 0;
+        }
+        > th:last-child,
+        > td:last-child {
+          border-right: 0;
+        }
+      }
+    }
+    > thead,
+    > tbody {
+      > tr:first-child {
+        > td,
+        > th {
+          border-bottom: 0;
+        }
+      }
+    }
+    > tbody,
+    > tfoot {
+      > tr:last-child {
+        > td,
+        > th {
+          border-bottom: 0;
+        }
+      }
+    }
+  }
+  > table.responsive {
+    border: 0;
+    margin-bottom: 0;
+  }
+}
+
+
+// Contextual variations
+.panel {
+  @include panel-variant($panel-default-border, $panel-default-text, $panel-default-heading-bg, $panel-default-border);
+}
+.panel.primary {
+  @include panel-variant($panel-primary-border, $panel-primary-text, $panel-primary-heading-bg, $panel-primary-border);
+}
+.panel.success {
+  @include panel-variant($panel-success-border, $panel-success-text, $panel-success-heading-bg, $panel-success-border);
+}
+.panel.info {
+  @include panel-variant($panel-info-border, $panel-info-text, $panel-info-heading-bg, $panel-info-border);
+}
+.panel.warning {
+  @include panel-variant($panel-warning-border, $panel-warning-text, $panel-warning-heading-bg, $panel-warning-border);
+}
+.panel.danger {
+  @include panel-variant($panel-danger-border, $panel-danger-text, $panel-danger-heading-bg, $panel-danger-border);
+}

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

@@ -94,4 +94,8 @@ hr {
   border-top: 1px solid #EEE;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
-}
+
+  &.dotted{ border-top: 1px dotted #EEE;}
+  &.dashed{ border-top: 1px dashed #EEE;}
+  &.double{ border-top: 1px double #EEE;}
+}

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

@@ -287,5 +287,42 @@ $timeline-large-font-size:          24px !default;
 $timeline-large-border:             4px !default;
 
 
+//== Panels
+//
+//##
+
+$panel-bg:                    #fff !default;
+$panel-body-padding:          15px !default;
+$panel-heading-padding:       10px 15px !default;
+$panel-footer-padding:        $panel-heading-padding !default;
+$panel-border-radius:         $border-radius !default;
+
+//** Border color for elements within panels
+$panel-inner-border:          #ddd !default;
+$panel-footer-bg:             #f5f5f5 !default;
+
+$panel-default-text:          $gray-dark !default;
+$panel-default-border:        #ddd !default;
+$panel-default-heading-bg:    #f5f5f5 !default;
+
+$panel-primary-text:          #fff !default;
+$panel-primary-border:        $brand-primary !default;
+$panel-primary-heading-bg:    $brand-primary !default;
+
+$panel-success-text:          $state-success-text !default;
+$panel-success-border:        $state-success-border !default;
+$panel-success-heading-bg:    $state-success-background !default;
+
+$panel-info-text:             $state-info-text !default;
+$panel-info-border:           $state-info-border !default;
+$panel-info-heading-bg:       $state-info-background !default;
+
+$panel-warning-text:          $state-warning-text !default;
+$panel-warning-border:        $state-warning-border !default;
+$panel-warning-heading-bg:    $state-warning-background !default;
+
+$panel-danger-text:           $state-danger-text !default;
+$panel-danger-border:         $state-danger-border !default;
+$panel-danger-heading-bg:     $state-danger-background !default;
 
 

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

@@ -2,12 +2,62 @@
 // Bars
 // --------------------------------------------------
 
-.bar {
+nav{
   position: fixed;
   right: 0;
   left: 0;
+  z-index: 10;
+  height: $bar-base-height;
+  padding-right: $bar-side-spacing;
+  padding-left: $bar-side-spacing;
+  background-color: $background;
+  border-bottom: $border-default;
+  -webkit-backface-visibility: hidden; // Make sure the bar is visible when a modal animates in.
+          backface-visibility: hidden;
 }
 
 // Nav bar
 // --------------------------------------------------
-// TODO
+nav.tab {
+  display: table;
+  bottom: 0;
+  width: 100%;
+  height: $bar-tab-height;
+  padding: 0;
+  table-layout: fixed;
+  border-top: $border-default;
+  border-bottom: 0;
+
+  > a{
+    display: table-cell;
+    width: 1%;
+    height: $bar-tab-height;
+    color: #929292;
+    text-align: center;
+    vertical-align: middle;
+    text-decoration: none;
+
+    // Active states for the tab bar
+    &.active,
+    &:active {
+      color: $primary-color;
+    }
+
+    // Tab icon
+    .icon {
+      top: 3px;
+      width: 24px;
+      height: 24px;
+      padding-top: 0;
+      padding-bottom: 0;
+
+      // Make the text smaller if it's used with an icon
+      ~ .label {
+        display: block;
+        font-size: 11px;
+      }
+    }
+
+  }
+
+}

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

@@ -0,0 +1,52 @@
+//
+// Base styles
+// --------------------------------------------------
+
+// Reset the box-sizing
+* {
+  @include box-sizing(border-box);
+}
+
+*:before,
+*:after {
+  @include box-sizing(border-box);
+}
+
+body {
+  font-size: 16px;
+  position: relative;
+  font-family: $font-family-default;
+  font-size: $font-size-default;
+  line-height: $line-height-default;
+  color: #333;
+  background-color: #fff;
+}
+
+// Universal link styling
+a {
+  color: $primary-color;
+  text-decoration: none;
+  -webkit-tap-highlight-color: rgba(0,0,0,0); // Removes the dark touch outlines on links in webkit browsers.
+
+  &:active {
+    color: darken($primary-color, 10%);
+  }
+}
+
+.content {
+  position: relative;
+  margin: $bar-side-spacing;
+}
+
+
+hr {
+  margin: 20px 0;
+  border: 0;
+  border-top: 1px solid #EEE;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+
+  &.dotted{ border-top: 1px dotted #EEE;}
+  &.dashed{ border-top: 1px dashed #EEE;}
+  &.double{ border-top: 1px double #EEE;}
+}

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

@@ -2,4 +2,36 @@
 // Variables
 // --------------------------------------------------
 
-// TODO
+
+// Type
+// --------------------------------------------------
+$font-family-default: "Helvetica Neue", Helvetica, sans-serif !default;
+$font-size-default:   17px !default;
+$font-weight:         500 !default;
+$font-weight-light:   400 !default;
+$line-height-default: 21px !default;
+
+
+// Colors
+// --------------------------------------------------
+// Main theme colors
+$primary-color: #428bca !default;
+$background:    #fff !default;
+
+// Action colors
+$default-color:  #fff !default;
+$positive-color: #5cb85c !default;
+$negative-color: #d9534f !default;
+
+
+// Bars
+// --------------------------------------------------
+$bar-base-height:  44px !default;
+$bar-tab-height:   50px !default;
+$bar-side-spacing: 10px !default;
+
+
+// Borders
+// --------------------------------------------------
+$border-default:  1px solid #ddd !default;
+$border-radius:   6px !default;

metadata

@@ -1,15 +1,29 @@
 --- !ruby/object:Gem::Specification
 name: mice
 version: !ruby/object:Gem::Version
-  version: 0.1.7
+  version: 0.1.9
 platform: ruby
 authors:
 - miclle
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-05-27 00:00:00.000000000 Z
+date: 2014-06-04 00:00:00.000000000 Z
 dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.2'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -69,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/_panels.scss
 - vendor/assets/stylesheets/mice/_scaffolding.scss
 - vendor/assets/stylesheets/mice/_sidebar.scss
 - vendor/assets/stylesheets/mice/_tables.scss
@@ -77,6 +92,7 @@ files:
 - vendor/assets/stylesheets/mice/_utilities.scss
 - vendor/assets/stylesheets/mice/_variables.scss
 - vendor/assets/stylesheets/mobile/bars.scss
+- vendor/assets/stylesheets/mobile/base.scss
 - vendor/assets/stylesheets/mobile/cards.scss
 - vendor/assets/stylesheets/mobile/variables.scss
 homepage: https://github.com/miclle/mice