mice 0.0.12 → 0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 3c137a9797635bd9d1ceaa7ee1fba371293bc692
-  data.tar.gz: 072a1aeb8dff35ff1f689bb0fc2a940158a9b532
+  metadata.gz: 9fd60c88855e5733e25075672001064f290579c5
+  data.tar.gz: c13893b7b2f68fa7514e4cacd98b3250a663ae38
 SHA512:
-  metadata.gz: f641c5b830796b21a610bba89a1a500c431ad64af13bfeeb075ee82b40131567d0b39493c0d81ef5a97edbb7f149deb19c14522da7e5e07820f6c603ffc892fa
-  data.tar.gz: 6130746c921791b9ce1e438e951318b7a675370e0ab486601f863ca9fac1f862223c62beee446853faba33004744499288ede2bfc9ad94afde6461f404d6e0cf
+  metadata.gz: cebb702b71acbd6ce8b77d6163ab6cda50c73a28eefb3b2def7f20d2d903d40c54e631f437c7defd92aca1ec4ea6db2713d8708165d125f4c0c786b14eee92bd
+  data.tar.gz: 7449810d54c678bede6f5bed9a29f65843edf8c5a00f0dc3df2c2c5e9247da3c59427274590c14c15e6e8c4ffa76e555532e2ead4d6431cab097c34048b8aff6

data/Gemfile.lock

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

data/README.md

@@ -10,7 +10,7 @@ Add this line to your application's Gemfile:
 gem 'mice'
 ```
 or
-    
+
 ```ruby
 gem 'mice', :git => 'git@github.com:miclle/mice.git'
 ```
@@ -43,11 +43,6 @@ or
 ```
 
 
-## HTML/CSS Style Guide
-
-http://google-styleguide.googlecode.com/svn/trunk/htmlcssguide.xml
-
-
 ## Contributing
 
 1. Fork it ( http://github.com/miclle/mice/fork )

data/lib/mice/version.rb

@@ -1,3 +1,3 @@
 module Mice
-  VERSION = "0.0.12"
+  VERSION = "0.1"
 end

data/vendor/assets/stylesheets/mice.scss

@@ -10,6 +10,7 @@
 @import "mice/typography";
 @import "mice/code";
 @import "mice/grid";
+@import "mice/callouts";
 
 @import "mice/buttons";
 @import "mice/images";
@@ -17,7 +18,7 @@
 
 @import "mice/menu";
 @import "mice/sidebar";
-
+@import "mice/lists";
 @import "mice/tables";
 
 // Components
@@ -25,4 +26,7 @@
 @import "mice/media";
 
 // Form
-@import "mice/forms";
+@import "mice/forms";
+
+// Utility classes
+@import "mice/utilities";

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

@@ -0,0 +1,67 @@
+//
+// Blockquote & Callout
+// --------------------------------------------------
+
+blockquote, .callout {
+  padding: ($line-height-computed / 2) $line-height-computed;
+  margin: 0 0 $line-height-computed;
+  font-size: $blockquote-font-size;
+  border-left: 5px solid $blockquote-border-color;
+
+  p, ul, ol {
+    &:last-child { margin-bottom: 0; }
+  }
+
+  footer, small, .small {
+    display: block;
+    font-size: 80%; // back to default font-size
+    line-height: $line-height-base;
+    color: $blockquote-small-color;
+
+    &:before { content: '\2014 \00A0';} // em dash, nbsp
+  }
+
+  footer{ margin-top: 0;}
+}
+
+// Opposite alignment
+blockquote, .callout{
+  &.reverse,
+  &.righted {
+    padding-right: 15px;
+    padding-left: 0;
+    border-right: 5px solid $blockquote-border-color;
+    border-left: 0;
+    text-align: right;
+
+    // Account for citation
+    footer, small, .small {
+      &:before { content: ''; }
+      &:after { content: '\00A0 \2014'; } // nbsp, em dash
+    }
+  }
+}
+
+// Quotes
+blockquote:before, .callout:before,
+blockquote:after, .callout:after {
+  content: "";
+}
+
+blockquote, .callout{
+  &.primary { border-color: $border-color-primary; background-color: $state-primary-background; }
+  &.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; }
+  &.danger  { border-color: $border-color-danger;  background-color: $state-danger-background;  }
+}
+
+.callout{
+  border-width: 3px;
+
+  &.primary { h1, h2, h3, h4, h5, h6{color: $border-color-primary; }}
+  &.success { h1, h2, h3, h4, h5, h6{color: $border-color-success; }}
+  &.info    { h1, h2, h3, h4, h5, h6{color: $border-color-info;    }}
+  &.warning { h1, h2, h3, h4, h5, h6{color: $border-color-warning; }}
+  &.danger  { h1, h2, h3, h4, h5, h6{color: $border-color-danger;  }}
+}

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

@@ -0,0 +1,66 @@
+//
+// Lists
+// --------------------------------------------------
+
+// Unordered and Ordered lists
+ul,
+ol {
+  margin-top: 0;
+  margin-bottom: ($line-height-computed / 2);
+  ul,
+  ol {
+    margin-bottom: 0;
+  }
+}
+
+// List options
+.unstyled {
+  padding-left: 0;
+  list-style: none;
+}
+
+// Inline
+.inline {
+  @extend .unstyled;
+  margin-left: -5px;
+
+  > li {
+    display: inline-block;
+    padding-left: 5px;
+    padding-right: 5px;
+  }
+}
+
+// Description Lists
+dl {
+  margin-top: 0;
+  margin-bottom: $line-height-computed;
+}
+dt,
+dd {
+  line-height: $line-height-base;
+}
+dt {
+  font-weight: bold;
+}
+dd {
+  margin-left: 0;
+}
+
+// Horizontal description lists
+
+.horizontal {
+  dt{
+    float: left;
+    width: 160px;
+    clear: left;
+    text-align: right;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  dd {
+    @include clearfix();
+    margin-left: 180px;
+  }
+}

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

@@ -146,3 +146,29 @@
   }
   background-repeat: no-repeat;
 }
+
+
+// Typography
+// --------------------------------------------------
+// [converter] $parent hack
+@mixin text-emphasis-variant($parent, $color) {
+  #{$parent} {
+    color: $color;
+  }
+  a#{$parent}:hover {
+    color: darken($color, 10%);
+  }
+}
+
+
+// Contextual backgrounds
+// --------------------------------------------------
+// [converter] $parent hack
+@mixin background-variant($parent, $color) {
+  #{$parent} {
+    background-color: $color;
+  }
+  a#{$parent}:hover {
+    background-color: darken($color, 10%);
+  }
+}

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

@@ -16,11 +16,11 @@ table > tbody,
 table > tfoot{
   > tr {
     &.active  > th, th.active , &.active  > td, td.active  { background-color: $table-background-active; }
-    &.primary > th, th.primary, &.primary > td, td.primary { background-color: lighten($brand-primary, 32%) }
-    &.success > th, th.success, &.success > td, td.success { background-color: lighten($brand-success, 32%) }
-    &.info    > th, th.info   , &.info    > td, td.info    { background-color: lighten($brand-info,    32%) }
-    &.warning > th, th.warning, &.warning > td, td.warning { background-color: lighten($brand-warning, 32%) }
-    &.danger  > th, th.danger , &.danger  > td, td.danger  { background-color: lighten($brand-danger,  32%) }
+    &.primary > th, th.primary, &.primary > td, td.primary { background-color: lighten($brand-primary, 32%); }
+    &.success > th, th.success, &.success > td, td.success { background-color: lighten($brand-success, 32%); }
+    &.info    > th, th.info   , &.info    > td, td.info    { background-color: lighten($brand-info,    32%); }
+    &.warning > th, th.warning, &.warning > td, td.warning { background-color: lighten($brand-warning, 32%); }
+    &.danger  > th, th.danger , &.danger  > td, td.danger  { background-color: lighten($brand-danger,  32%); }
   }
 }
 

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

@@ -5,7 +5,6 @@
 
 // Headings
 // -------------------------
-
 h1, h2, h3, h4, h5, h6{
   font-family: $heading-font-family;
   font-weight: $heading-font-weight;
@@ -22,21 +21,14 @@ h1, h2, h3, h4, h5, h6{
   }
 
   &.title{
-    padding: 10px 0;
-    border-bottom: 1px solid #EEE;
+    padding-bottom: $line-height-computed / 2;
+    border-bottom:  1px solid $page-header-border-color;
+    margin:         ($line-height-computed * 2) 0 $line-height-computed;
   }
 }
 
-h1, h2, h3 {
-  small{
-    font-size: 65%;
-  }
-}
-h4, h5, h6 {
-  small{
-    font-size: 75%;
-  }
-}
+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; }
@@ -45,21 +37,77 @@ h4 { font-size: $font-size-h4; }
 h5 { font-size: $font-size-h5; }
 h6 { font-size: $font-size-h6; }
 
+// Body text
+// -------------------------
+
+p { margin: 0 0 ($line-height-computed / 2); }
+
+.lead {
+  margin-bottom: $line-height-computed;
+  font-size: floor(($font-size-base * 1.15));
+  font-weight: 200;
+  line-height: 1.4;
+}
+
 
-// Text style
+// Emphasis & misc
 // -------------------------
 
-p{ margin: 0 0 ($line-height-computed / 2);}
+// Ex: 14px base font * 85% = about 12px
+small,
+.small  { font-size: 85%; }
 
-small{ font-size: 85%; }
+// Undo browser default styling
+cite    { font-style: normal; }
 
-mark{
+mark,
+.mark {
+  background-color: $state-warning-background;
   padding: .2em;
 }
 
-// Text align
-// -------------------------
+// Alignment
 .text.left    { text-align: left; }
 .text.right   { text-align: right; }
 .text.center  { text-align: center; }
 .text.justify { text-align: justify; }
+
+
+// Contextual colors
+.text-muted { color: $text-muted; }
+@include text-emphasis-variant('.text-primary', $state-primary-text);
+@include text-emphasis-variant('.text-success', $state-success-text);
+@include text-emphasis-variant('.text-info',    $state-info-text);
+@include text-emphasis-variant('.text-warning', $state-warning-text);
+@include text-emphasis-variant('.text-danger',  $state-danger-text);
+
+// Contextual backgrounds
+.bg-primary { color: #fff; }
+@include background-variant('.bg-primary', $state-primary-background);
+@include background-variant('.bg-success', $state-success-background);
+@include background-variant('.bg-info',    $state-info-background);
+@include background-variant('.bg-warning', $state-warning-background);
+@include background-variant('.bg-danger',  $state-danger-background);
+
+
+// Misc
+// -------------------------
+
+// Abbreviations and acronyms
+abbr[title],
+abbr[data-original-title] {
+  cursor: help;
+  border-bottom: 1px dotted $abbr-border-color;
+}
+
+.initialism {
+  font-size: 90%;
+  text-transform: uppercase;
+}
+
+// Addresses
+address {
+  margin-bottom: $line-height-computed;
+  font-style: normal;
+  line-height: $line-height-base;
+}

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

@@ -0,0 +1,48 @@
+//
+// Utility classes
+// --------------------------------------------------
+
+
+// Floats
+// -------------------------
+
+// Floated
+.clearfix { @include clearfix(); }
+
+.centered {
+  display: block;
+  float: none;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.lefted  { float: left !important; }
+.righted { float: right !important; }
+
+
+// Toggling content
+// -------------------------
+
+.hide {
+  display: none !important;
+}
+.show {
+  display: block !important;
+}
+.invisible {
+  visibility: hidden;
+}
+.hidden {
+  display: none !important;
+  visibility: hidden !important;
+}
+
+.text-hide {}
+
+
+// For Affix plugin
+// -------------------------
+
+.affix {
+  position: fixed;
+}

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

@@ -114,9 +114,32 @@ $abbr-border-color:                 $gray-light !default;
 $heading-small-color:               $gray-light !default;
 $blockquote-small-color:            $gray-light !default;
 $blockquote-font-size:              ($font-size-base * 1.25) !default;
-$blockquote-border-color:           $gray-lighter !default;
+
 $page-header-border-color:          $gray-lighter !default;
 
+$blockquote-border-color:           $gray-lighter !default;
+
+$state-primary-text:                $brand-primary !default;
+$state-primary-background:          lighten($brand-primary, 32%) !default;
+$state-primary-border:              darken(adjust-hue($state-primary-background, -10), 5%) !default;
+
+$state-success-text:                #3c763d !default;
+$state-success-background:          #dff0d8 !default;
+$state-success-border:              darken(adjust-hue($state-success-background, -10), 5%) !default;
+
+$state-info-text:                   #31708f !default;
+$state-info-background:             #d9edf7 !default;
+$state-info-border:                 darken(adjust-hue($state-info-background, -10), 7%) !default;
+
+$state-warning-text:                #8a6d3b !default;
+$state-warning-background:          #fcf8e3 !default;
+$state-warning-border:              darken(adjust-hue($state-warning-background, -10), 5%) !default;
+
+$state-danger-text:                 #a94442 !default;
+$state-danger-background:           #f2dede !default;
+$state-danger-border:               darken(adjust-hue($state-danger-background, -10), 5%) !default;
+
+
 
 //== Code
 //

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: mice
 version: !ruby/object:Gem::Version
-  version: 0.0.12
+  version: '0.1'
 platform: ruby
 authors:
 - miclle
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-05-11 00:00:00.000000000 Z
+date: 2014-05-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -54,12 +54,14 @@ files:
 - vendor/assets/javascripts/mice/jquery.min.map
 - vendor/assets/stylesheets/mice.scss
 - vendor/assets/stylesheets/mice/_buttons.scss
+- vendor/assets/stylesheets/mice/_callouts.scss
 - vendor/assets/stylesheets/mice/_code.scss
 - vendor/assets/stylesheets/mice/_components.scss
 - vendor/assets/stylesheets/mice/_forms.scss
 - vendor/assets/stylesheets/mice/_grid.scss
 - vendor/assets/stylesheets/mice/_icons.scss
 - vendor/assets/stylesheets/mice/_images.scss
+- vendor/assets/stylesheets/mice/_lists.scss
 - vendor/assets/stylesheets/mice/_media.scss
 - vendor/assets/stylesheets/mice/_menu.scss
 - vendor/assets/stylesheets/mice/_mixins.scss
@@ -68,6 +70,7 @@ files:
 - vendor/assets/stylesheets/mice/_sidebar.scss
 - vendor/assets/stylesheets/mice/_tables.scss
 - vendor/assets/stylesheets/mice/_typography.scss
+- vendor/assets/stylesheets/mice/_utilities.scss
 - vendor/assets/stylesheets/mice/_variables.scss
 homepage: https://github.com/miclle/mice
 licenses: