mice 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 4a93596e085fe2152c31cf7d85a90601335932dd
+  data.tar.gz: 24ce6f593116207dba4acebe9e816d0e87a5d58b
+SHA512:
+  metadata.gz: 7054d0457af118d38552254833abb57b9c35d954568780d4bfcd833ba501232b6f914eafdca9179d14477d26cebeb45e17265f7549d64deb04252c5b4c5f01d6
+  data.tar.gz: 0bd561298702081e6732936d892f1d89ad70fc8bd264096a042050e660ef51e06e459200a101bdf7742e5a2046071a12dd272988e74ea494e3bcb08f20b04434

data/Gemfile

@@ -0,0 +1,18 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in mice.gemspec
+gemspec
+
+gem "middleman", "~>3.3.2", :require => false
+
+# Live-reloading plugin
+gem "middleman-livereload", "~> 3.1.0", :require => false
+
+# For faster file watcher updates on Windows:
+gem "wdm", "~> 0.1.0", :platforms => [:mswin, :mingw], :require => false
+
+# Windows does not come with time zone data
+gem "tzinfo-data", platforms: [:mswin, :mingw], :require => false
+
+# Syntax Higlighting plugin
+gem 'middleman-syntax', '~> 2.0.0'#, :require => false

data/Gemfile.lock

@@ -0,0 +1,132 @@
+PATH
+  remote: .
+  specs:
+    mice (0.0.1)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    activesupport (4.0.4)
+      i18n (~> 0.6, >= 0.6.9)
+      minitest (~> 4.2)
+      multi_json (~> 1.3)
+      thread_safe (~> 0.1)
+      tzinfo (~> 0.3.37)
+    chunky_png (1.3.0)
+    coffee-script (2.2.0)
+      coffee-script-source
+      execjs
+    coffee-script-source (1.7.0)
+    compass (0.12.5)
+      chunky_png (~> 1.2)
+      fssm (>= 0.2.7)
+      sass (~> 3.2.19)
+    compass-import-once (1.0.4)
+      sass (>= 3.2, < 3.5)
+    em-websocket (0.5.0)
+      eventmachine (>= 0.12.9)
+      http_parser.rb (~> 0.5.3)
+    erubis (2.7.0)
+    eventmachine (1.0.3)
+    execjs (2.0.2)
+    ffi (1.9.3)
+    fssm (0.2.10)
+    haml (4.0.5)
+      tilt
+    hike (1.2.3)
+    hooks (0.4.0)
+      uber (~> 0.0.4)
+    http_parser.rb (0.5.3)
+    i18n (0.6.9)
+    json (1.8.1)
+    kramdown (1.3.3)
+    listen (1.3.1)
+      rb-fsevent (>= 0.9.3)
+      rb-inotify (>= 0.9)
+      rb-kqueue (>= 0.2)
+    middleman (3.3.2)
+      coffee-script (~> 2.2.0)
+      compass (>= 0.12.4)
+      compass-import-once (~> 1.0.4)
+      execjs (~> 2.0)
+      haml (>= 4.0.5)
+      kramdown (~> 1.2)
+      middleman-core (= 3.3.2)
+      middleman-sprockets (>= 3.1.2)
+      sass (>= 3.2.17, < 4.0)
+      uglifier (~> 2.5)
+    middleman-core (3.3.2)
+      activesupport (~> 4.0.1)
+      bundler (~> 1.1)
+      erubis
+      hooks (~> 0.3)
+      i18n (~> 0.6.9)
+      listen (~> 1.1)
+      padrino-helpers (~> 0.12.1)
+      rack (>= 1.4.5, < 2.0)
+      rack-test (~> 0.6.2)
+      thor (>= 0.15.2, < 2.0)
+      tilt (~> 1.4.1, < 2.0)
+    middleman-livereload (3.1.1)
+      em-websocket (>= 0.2.0)
+      middleman-core (>= 3.0.2)
+      multi_json (~> 1.0)
+      rack-livereload
+    middleman-sprockets (3.3.2)
+      middleman-core (>= 3.2)
+      sprockets (~> 2.2)
+      sprockets-helpers (~> 1.1.0)
+      sprockets-sass (~> 1.0.0)
+    middleman-syntax (2.0.0)
+      middleman-core (~> 3.2)
+      rouge (~> 1.0)
+    minitest (4.7.5)
+    multi_json (1.9.2)
+    padrino-helpers (0.12.1)
+      i18n (~> 0.6, >= 0.6.7)
+      padrino-support (= 0.12.1)
+      tilt (~> 1.4.1)
+    padrino-support (0.12.1)
+      activesupport (>= 3.1)
+    rack (1.5.2)
+    rack-livereload (0.3.15)
+      rack
+    rack-test (0.6.2)
+      rack (>= 1.0)
+    rb-fsevent (0.9.4)
+    rb-inotify (0.9.3)
+      ffi (>= 0.5.0)
+    rb-kqueue (0.2.2)
+      ffi (>= 0.5.0)
+    rouge (1.3.3)
+    sass (3.2.19)
+    sprockets (2.12.0)
+      hike (~> 1.2)
+      multi_json (~> 1.0)
+      rack (~> 1.0)
+      tilt (~> 1.1, != 1.3.0)
+    sprockets-helpers (1.1.0)
+      sprockets (~> 2.0)
+    sprockets-sass (1.0.3)
+      sprockets (~> 2.0)
+      tilt (~> 1.1)
+    thor (0.19.1)
+    thread_safe (0.3.3)
+    tilt (1.4.1)
+    tzinfo (0.3.39)
+    uber (0.0.4)
+    uglifier (2.5.0)
+      execjs (>= 0.3.0)
+      json (>= 1.8.0)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  bundler (~> 1.5)
+  mice!
+  middleman (~> 3.3.2)
+  middleman-livereload (~> 3.1.0)
+  middleman-syntax (~> 2.0.0)
+  tzinfo-data
+  wdm (~> 0.1.0)

data/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Miclle
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/README.md

@@ -0,0 +1,40 @@
+# Mice
+
+TODO: Write a gem description
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'mice'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install mice
+
+
+## Usage
+
+TODO: Write usage instructions here
+
+
+## HTML/CSS Style Guide
+
+http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml
+
+
+## Contributing
+
+1. Fork it ( http://github.com/miclle/mice/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request
+
+## Copyright and license
+
+Code and documentation copyright 2014 Miclle. Code released under the MIT license. Docs released under Creative Commons.

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/lib/mice/engine.rb

@@ -0,0 +1,9 @@
+module Mice
+  module Rails
+    class Engine < ::Rails::Engine
+      initializer "mice.assets.precompile" do |app|
+        # app.config.assets.precompile << %r(mice/glyphicons-halflings-regular\.(?:eot|svg|ttf|woff)$)
+      end
+    end
+  end
+end

data/lib/mice/version.rb

@@ -0,0 +1,3 @@
+module Mice
+  VERSION = "0.0.1"
+end

data/lib/mice.rb

@@ -0,0 +1,18 @@
+require "mice/version"
+
+module Mice
+  class << self
+    # Inspired by Kaminari
+    def load!
+
+      if defined?(::Rails)
+        require 'mice/engine'
+      end
+
+    end
+
+  end
+
+end
+
+Mice.load!

data/vendor/assets/javascripts/mice/jquery.email-autocomplete.js

@@ -0,0 +1,178 @@
+/*
+ *  jQuery Email Autocomplete - v0.0.2
+ *  A jQuery plugin that suggests and autocompletes the domain in email fields.
+ *
+ *
+ *  Made by Low Yong Zhen <cephyz@gmail.com>
+ *  Under MIT License < http://yzlow.mit-license.org>
+ */
+"use strict";
+
+(function ($, window, document, undefined) {
+
+  var pluginName = "emailautocomplete";
+  var defaults = {
+    suggClass: "eac-sugg",
+    domains: ["yahoo.com" ,"google.com" ,"hotmail.com" ,"gmail.com" ,"me.com" ,"aol.com" ,"mac.com" ,"live.com" ,"comcast.net" ,"googlemail.com" ,"msn.com" ,"hotmail.co.uk" ,"yahoo.co.uk" ,"facebook.com" ,"verizon.net" ,"sbcglobal.net" ,"att.net" ,"gmx.com" ,"mail.com" ,"outlook.com" ,"icloud.com"]
+  };
+
+  function Plugin(elem, options) {
+    this.$field = $(elem);
+    this.options = $.extend(true, {}, defaults, options); //we want deep extend
+    this._defaults = defaults;
+    this._domains = this.options.domains;
+    this.init();
+  }
+
+  Plugin.prototype = {
+    init: function () {
+
+      //shim indexOf
+      if (!Array.prototype.indexOf) {
+        this.doIndexOf();
+      }
+
+      //bind handlers
+      this.$field.on("keyup.eac", $.proxy(this.displaySuggestion, this));
+
+      this.$field.on("blur.eac", $.proxy(this.autocomplete, this));
+
+      //get input padding,border and margin to offset text
+      this.fieldLeftOffset = (this.$field.outerWidth(true) - this.$field.width()) / 2;
+
+      //wrap our field
+      var $wrap = $("<div class='eac-input-wrap' />").css({
+        display: this.$field.css("display"),
+        position: "relative",
+        fontSize: this.$field.css("fontSize")
+      });
+      this.$field.wrap($wrap);
+
+      //create container to test width of current val
+      this.$cval = $("<span class='eac-cval' />").css({
+        visibility: "hidden",
+        position: "absolute",
+        display: "inline-block",
+        fontFamily: this.$field.css("fontFamily"),
+        fontWeight: this.$field.css("fontWeight"),
+        letterSpacing: this.$field.css("letterSpacing")
+      }).insertAfter(this.$field);
+
+      //create the suggestion overlay
+      /* touchstart jquery 1.7+ */
+      var heightPad = (this.$field.outerHeight(true) - this.$field.height()) / 2; //padding+border
+      this.$suggOverlay = $("<span class='"+this.options.suggClass+"' />").css({
+        display: "block",
+        "box-sizing": "content-box", //standardize
+        lineHeight: this.$field.css('lineHeight'),
+        paddingTop: heightPad + "px",
+        paddingBottom: heightPad + "px",
+        fontFamily: this.$field.css("fontFamily"),
+        fontWeight: this.$field.css("fontWeight"),
+        letterSpacing: this.$field.css("letterSpacing"),
+        position: "absolute",
+        top: 0,
+        left: 0
+      }).insertAfter(this.$field).on("mousedown.eac touchstart.eac", $.proxy(this.autocomplete, this));
+
+    },
+
+    suggest: function (str) {
+      var str_arr = str.split("@");
+      if (str_arr.length > 1) {
+        str = str_arr.pop();
+        if (!str.length) {
+          return "";
+        }
+      } else {
+        return "";
+      }
+
+      var match = this._domains.filter(function (domain) {
+        return 0 === domain.indexOf(str);
+      }).shift() || "";
+
+      return match.replace(str, "");
+    },
+
+    autocomplete: function () {
+      if(typeof this.suggestion === "undefined"){
+        return false;
+      }
+      this.$field.val(this.val + this.suggestion);
+      this.$suggOverlay.html("");
+      this.$cval.html("");
+    },
+
+    /**
+     * Displays the suggestion, handler for field keyup event
+     */
+    displaySuggestion: function (e) {
+      this.val = this.$field.val();
+      this.suggestion = this.suggest(this.val);
+
+      if (!this.suggestion.length) {
+        this.$suggOverlay.html("");
+      } else {
+        e.preventDefault();
+      }
+
+      //update with new suggestion
+      this.$suggOverlay.html(this.suggestion);
+      this.$cval.html(this.val);
+
+      //find width of current input val so we can offset the suggestion text
+      var cvalWidth = this.$cval.width();
+
+      if(this.$field.outerWidth() > cvalWidth){
+        //offset our suggestion container
+        this.$suggOverlay.css('left', this.fieldLeftOffset + cvalWidth + "px");
+      }
+    },
+
+    /**
+     * indexof polyfill
+     * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf#Polyfill
+    */
+    doIndexOf: function(){
+
+        Array.prototype.indexOf = function (searchElement, fromIndex) {
+          if ( this === undefined || this === null ) {
+            throw new TypeError( '"this" is null or not defined' );
+          }
+
+          var length = this.length >>> 0; // Hack to convert object.length to a UInt32
+
+          fromIndex = +fromIndex || 0;
+
+          if (Math.abs(fromIndex) === Infinity) {
+            fromIndex = 0;
+          }
+
+          if (fromIndex < 0) {
+            fromIndex += length;
+            if (fromIndex < 0) {
+              fromIndex = 0;
+            }
+          }
+
+          for (;fromIndex < length; fromIndex++) {
+            if (this[fromIndex] === searchElement) {
+              return fromIndex;
+            }
+          }
+
+          return -1;
+        };
+      }
+  };
+
+  $.fn[pluginName] = function (options) {
+    return this.each(function () {
+      if (!$.data(this, "yz_" + pluginName)) {
+        $.data(this, "yz_" + pluginName, new Plugin(this, options));
+      }
+    });
+  };
+
+})(jQuery, window, document);

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

@@ -0,0 +1,28 @@
+// Clearfix
+//
+// For modern browsers
+// 1. The space content is one way to avoid an Opera bug when the
+//    contenteditable attribute is included anywhere else in the document.
+//    Otherwise it causes space to appear at the top and bottom of elements
+//    that are clearfixed.
+// 2. The use of `table` rather than `block` is only necessary if using
+//    `:before` to contain the top-margins of child elements.
+//
+// Source: http://nicolasgallagher.com/micro-clearfix-hack/
+@mixin clearfix() {
+  &:before,
+  &:after {
+    content: " "; // 1
+    display: table; // 2
+  }
+  &:after {
+    clear: both;
+  }
+}
+
+// Box sizing
+@mixin box-sizing($boxmodel) {
+  -webkit-box-sizing: $boxmodel;
+     -moz-box-sizing: $boxmodel;
+          box-sizing: $boxmodel;
+}

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

@@ -0,0 +1,425 @@
+/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+  font-family: sans-serif; /* 1 */
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+  margin: 0;
+}
+
+/* HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+  display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+  display: inline-block; /* 1 */
+  vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+  display: none;
+}
+
+/* Links
+   ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+  background: transparent;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+  outline: 0;
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+  font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+  font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+  background: #ff0;
+  color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+  border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+  margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+  overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit; /* 1 */
+  font: inherit; /* 2 */
+  margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+  overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+  text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button; /* 2 */
+  cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+  line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box; /* 2 */
+  box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+  border: 0; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+  font-weight: bold;
+}
+
+/* Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+td,
+th {
+  padding: 0;
+}

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

@@ -0,0 +1,73 @@
+//
+// Scaffolding
+// --------------------------------------------------
+
+// Reset the box-sizing
+* {
+  @include box-sizing(border-box);
+}
+*:before,
+*:after {
+  @include box-sizing(border-box);
+}
+
+
+// Body reset
+// -------------------------
+html {
+  font-size: 100%;
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+
+body {
+  font-family:      $font-family-base;
+  font-size:        $font-size-base;
+  line-height:      $line-height-base;
+  color:            $text-color;
+  background-color: $background-color;
+}
+
+header{
+  height: 45px;
+}
+
+footer{
+
+}
+
+// Reset fonts for relevant elements
+// -------------------------
+input,
+button,
+select,
+textarea {
+  font-family:  inherit;
+  font-size:    inherit;
+  line-height:  inherit;
+}
+
+
+// Links
+// -------------------------
+
+a {
+  color: $link-color;
+  text-decoration: none;
+
+  &:hover,
+  &:focus {
+    color: $link-hover-color;
+    text-decoration: underline;
+  }
+
+  &:focus {
+    // @include tab-focus();
+  }
+}
+
+
+// Images
+// -------------------------
+img {
+  vertical-align: middle;
+}

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

@@ -0,0 +1,60 @@
+//
+// Typography
+// --------------------------------------------------
+
+
+// Headings
+// -------------------------
+
+h1, h2, h3, h4, h5, h6{
+  font-family: $heading-font-family;
+  font-weight: $heading-font-weight;
+  line-height: $heading-line-height;
+  color:       $heading-color;
+
+  // margin-top: ($line-height-computed / 2);
+  // margin-bottom: ($line-height-computed / 2);
+
+  small{
+    font-weight: normal;
+    line-height: 1;
+    // color: $heading-small-color;
+  }
+}
+
+h1, h2, h3 {
+  small{
+    font-size: 65%;
+  }
+}
+h4, h5, h6 {
+  small{
+    font-size: 75%;
+  }
+}
+
+h1 { font-size: $font-size-h1; }
+h2 { font-size: $font-size-h2; }
+h3 { font-size: $font-size-h3; }
+h4 { font-size: $font-size-h4; }
+h5 { font-size: $font-size-h5; }
+h6 { font-size: $font-size-h6; }
+
+
+// Text style
+// -------------------------
+
+p{ margin: 0 0 ($line-height-computed / 2);}
+
+small{ font-size: 85%; }
+
+mark{
+  padding: .2em;
+}
+
+// Text align
+// -------------------------
+.text.left    { text-align: left; }
+.text.right   { text-align: right; }
+.text.center  { text-align: center; }
+.text.justify { text-align: justify; }

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

@@ -0,0 +1,64 @@
+// Variables
+// --------------------------------------------------
+
+
+// Colors
+// -------------------------
+
+$gray-darker:             #111 !default;
+$gray-dark:               #333 !default;
+$gray:                    #666 !default;
+$gray-light:              #999 !default;
+$gray-lighter:            #eee !default;
+
+$brand-primary:           #428bca !default;
+$brand-success:           #5cb85c !default;
+$brand-info:              #5bc0de !default;
+$brand-warning:           #f0ad4e !default;
+$brand-danger:            #d9534f !default;
+
+$background-color:        #fff !default;
+
+$text-color:              $gray-dark !default;
+
+$link-color:              $brand-primary !default;
+
+$link-hover-color:        darken($link-color, 15%) !default;
+
+
+// Font family, size
+// -------------------------
+
+$font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+
+$font-family-serif:       Georgia, "Times New Roman", Times, serif !default;
+
+$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace !default;
+
+$font-family-base:        $font-family-sans-serif !default;
+
+$font-size-base:          14px !default;
+$font-size-large:         ceil(($font-size-base * 1.28)) !default;  // ~18px
+$font-size-small:         ceil(($font-size-base * 0.85)) !default;  // ~12px
+
+$font-size-h1:            floor(($font-size-base * 2.6)) !default;  // ~36px
+$font-size-h2:            floor(($font-size-base * 2.28)) !default; // ~32px
+$font-size-h3:            ceil(($font-size-base * 1.7)) !default;   // ~24px
+$font-size-h4:            ceil(($font-size-base * 1.28)) !default;  // ~18px
+$font-size-h5:            $font-size-base !default;
+$font-size-h6:            ceil(($font-size-base * 0.85)) !default;  // ~12px
+
+
+$line-height-base:        1.428571429 !default; // 20/14
+
+$line-height-computed:    floor(($font-size-base * $line-height-base)) !default; // ~20px
+
+
+// Heading
+// -------------------------
+
+$heading-font-family:     inherit !default;
+$heading-font-weight:     500 !default;
+$heading-line-height:     1.1 !default;
+$heading-color:           inherit !default;
+

data/vendor/assets/stylesheets/mice.scss

@@ -0,0 +1,10 @@
+// Core variables and mixins
+@import "mice/variables";
+@import "mice/mixins";
+
+// Reset and dependencies
+@import "mice/normalize";
+
+// Base CSS
+@import "mice/scaffolding";
+@import "mice/typography";

metadata

@@ -0,0 +1,74 @@
+--- !ruby/object:Gem::Specification
+name: mice
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- miclle
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-04-09 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.5'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.5'
+description: Mice is semantic front-end framework.
+email:
+- miclle.zheng@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- Gemfile
+- Gemfile.lock
+- LICENSE
+- README.md
+- Rakefile
+- lib/mice.rb
+- lib/mice/engine.rb
+- lib/mice/version.rb
+- vendor/assets/javascripts/mice.js
+- vendor/assets/javascripts/mice/jquery.email-autocomplete.js
+- vendor/assets/stylesheets/mice.scss
+- vendor/assets/stylesheets/mice/_mixins.scss
+- vendor/assets/stylesheets/mice/_normalize.scss
+- vendor/assets/stylesheets/mice/_scaffolding.scss
+- vendor/assets/stylesheets/mice/_typography.scss
+- vendor/assets/stylesheets/mice/_variables.scss
+homepage: http://miclle.com
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: Front-end framework.
+test_files: []