mice 0.2.10 → 0.2.11

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

@@ -1,407 +0,0 @@
-// Button
-// --------------------------------------------------
-
-// Button variants
-//
-// Easily pump out default styles, as well as :hover, :focus, :active,
-// and disabled options for all buttons
-
-@mixin button-variant($color, $background, $border) {
-               color: $color;
-    background-color: $background;
-        border-color: $border;
-
-  &:hover,
-  &:focus{
-               color: $color;
-    background-color: darken($background, 10%);
-        border-color: darken($border, 10%);
-  }
-
-  &:active,
-  &.active{
-               color: $color;
-    background-color: darken($background, 15%);
-        border-color: darken($border, 15%);
-  }
-
-  &.disabled,
-  &[disabled] {
-    &,
-    &:hover,
-    &:active,
-    &.active {
-      background-color: $background;
-          border-color: $border;
-    }
-  }
-}
-
-
-// Form control sizing
-//
-// Relative text size, padding, and border-radii changes for form controls. For
-// horizontal sizing, wrap controls in the predefined grid classes. `<select>`
-// element gets special love because it's special, and that's a fact!
-// [converter] $parent hack
-@mixin input-size($parent, $input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
-  // #{$parent} {
-  //   height: $input-height;
-  //   padding: $padding-vertical $padding-horizontal;
-  //   font-size: $font-size;
-  //   line-height: $line-height;
-  //   border-radius: $border-radius;
-  // }
-
-  // select#{$parent} {
-  //   height: $input-height;
-  //   line-height: $input-height;
-  // }
-
-  // textarea#{$parent},
-  // select[multiple]#{$parent} {
-  //   height: auto;
-  // }
-}
-
-
-// Button sizes
-// -------------------------
-@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
-  padding:     $padding-vertical $padding-horizontal;
-  font-size:   $font-size;
-  line-height: $line-height;
-  border-radius: $border-radius;
-}
-
-// Single side border-radius
-// -------------------------
-@mixin border-top-radius($radius) {
-  border-top-right-radius: $radius;
-   border-top-left-radius: $radius;
-}
-@mixin border-right-radius($radius) {
-  border-bottom-right-radius: $radius;
-     border-top-right-radius: $radius;
-}
-@mixin border-bottom-radius($radius) {
-  border-bottom-right-radius: $radius;
-   border-bottom-left-radius: $radius;
-}
-@mixin border-left-radius($radius) {
-  border-bottom-left-radius: $radius;
-     border-top-left-radius: $radius;
-}
-
-
-// Base styles
-// -------------------------
-
-input[type="button"],
-input[type="submit"],
-button,
-.button{
-  display:          inline-block;
-  margin-bottom:    0;
-  font-weight:      $button-font-weight;
-  text-align:       center;
-  vertical-align:   middle;
-  cursor:           pointer;
-
-  background-image: none;
-  border:           1px solid transparent;
-  white-space:      nowrap;
-  outline:          none;
-
-  position:         relative;
-
-  @include box-shadow(0 1px 0 rgba(0, 0, 0, 0.05));
-
-  @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $border-radius);
-  @include user-select(none);
-
-  &:hover,
-  &:focus {
-    color: $button-default-color;
-    text-decoration: none;
-    // @include box-shadow(0 1px 0 rgba(0, 0, 0, 0.1));
-  }
-
-  // &:active,
-  // &.active {
-  //   // @include box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125));
-  // }
-
-  &.disabled,
-  &[disabled] {
-    cursor: not-allowed;
-    pointer-events: none; // Future-proof disabling of clicks
-    @include opacity(.65);
-  }
-
-             @include button-variant($button-default-color, $button-default-background, $button-default-border);
-  &.primary{ @include button-variant($button-primary-color, $button-primary-background, $button-primary-border); }
-  &.success{ @include button-variant($button-success-color, $button-success-background, $button-success-border); }
-  &.info   { @include button-variant($button-info-color,    $button-info-background,    $button-info-border);    }
-  &.warning{ @include button-variant($button-warning-color, $button-warning-background, $button-warning-border); }
-  &.danger { @include button-variant($button-danger-color,  $button-danger-background,  $button-danger-border);  }
-}
-
-
-// Button Sizing
-// -------------------------
-input[type="button"],
-input[type="submit"],
-button,
-.button{
-  &.mini  {@include button-size($padding-mini-vertical,  $padding-mini-horizontal,  $font-size-mini,  $line-height-mini,  $border-radius);}
-  &.small {@include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius);}
-  &.large {@include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius);}
-}
-
-// Block Button
-// -------------------------
-input[type="button"],
-input[type="submit"],
-button,
-.button{
-  &.block{
-    display: block;
-    width: 100%;
-    padding-left: 0;
-    padding-right: 0;
-  }
-}
-
-
-// Group Buttons
-// --------------------------------------------------
-
-.buttons{
-  @include clearfix();
-  display: inline-block;
-  vertical-align: middle;
-  position: relative;
-
-  input[type="button"],
-  input[type="submit"],
-  button,
-  .button{
-    float: left;
-
-    &:first-child{
-      &:not(:last-child) {
-        @include border-right-radius(0);
-      }
-    }
-
-    &:last-child{
-      &:not(:first-child) {
-        margin-left: -1px;
-        @include border-left-radius(0);
-      }
-    }
-
-    &:not(:first-child):not(:last-child) {
-      margin-left: -1px;
-      border-radius: 0;
-    }
-
-    &:hover{
-      z-index: 2;
-    }
-
-  }
-}
-
-// Vertical Group Buttons
-// ------------------------
-.buttons.vertical{
-  @include clearfix();
-  display: inline-block;
-
-  input[type="button"],
-  input[type="submit"],
-  button,
-  .button{
-    display: block;
-    float: none;
-    width: 100%;
-
-
-    &:first-child{
-      &:not(:last-child) {
-        @include border-top-radius($border-radius);
-        @include border-bottom-radius(0);
-      }
-    }
-
-    &:last-child{
-      &:not(:first-child) {
-        @include border-top-radius(0);
-        @include border-bottom-radius($border-radius);
-        @include box-shadow(0 -1px 0 rgba(0, 0, 0, 0.15) inset);
-        margin-left: 0;
-        margin-top: -1px;
-      }
-    }
-
-    &:not(:first-child):not(:last-child) {
-      margin-left: 0;
-      margin-top: -1px;
-    }
-
-  }
-}
-
-// Justified Group Buttons
-// ------------------------
-.buttons.justified{
-  display: table;
-  width: 100%;
-  table-layout: fixed;
-  border-collapse: separate;
-  position: relative;
-
-  &:before, &:after{ display: none; }
-
-  > .buttons,
-  .button{
-    float: none;
-    display: table-cell;
-    width: 1%;
-    position: relative;
-  }
-
-  .button:first-child{
-    &:not(:last-child) {
-      border-right-width: 0;
-      &:after{
-        display: block;
-        content: ' ';
-        position: absolute;
-        top: 0;
-        right: -1px;
-        width: 1px;
-        height: 100%;
-        z-index: 1;
-        border-right: 1px solid rgba(0, 0, 0, 0.15);
-      }
-      &:hover{
-        border-right-width: 1px;
-        &:after{ display: none;}
-      }
-    }
-  }
-
-  .button:not(:first-child):not(:last-child) {
-    border-left-width: 0;
-    border-right-width: 0;
-    &:after{
-      display: block;
-      content: ' ';
-      position: absolute;
-      top: 0;
-      right: -1px;
-      width: 1px;
-      height: 100%;
-      z-index: 1;
-      border-right: 1px solid rgba(0, 0, 0, 0.15);
-    }
-    &:hover{
-      border-left-width: 1px;
-      border-right-width: 1px;
-      &:after{ display: none;}
-    }
-  }
-
-  .button:last-child{
-    &:not(:first-child) {
-      border-left-width: 0;
-      &:hover{
-        border-left-width: 1px;
-      }
-    }
-  }
-
-
-  > .buttons {
-    input[type="button"],
-    input[type="submit"],
-    button{
-      width: 100%;
-      // border-right: 1px solid rgba(0, 0, 0, 0.15);
-      border-left-width: 0;
-      border-right-width: 0;
-    }
-
-    &:first-child:not(:last-child){
-      input[type="button"],
-      input[type="submit"],
-      button{
-        @include border-right-radius(0);
-        border-left-width: 1px;
-
-        &:after{
-          display: block;
-          content: ' ';
-          position: absolute;
-          top: 0;
-          right: -1px;
-          width: 1px;
-          height: 100%;
-          z-index: 1;
-          border-right: 1px solid rgba(0, 0, 0, 0.15);
-        }
-
-        &:hover{
-          border-right-width: 1px;
-          &:after{ display: none;}
-        }
-
-      }
-    }
-
-    &:not(:first-child):not(:last-child){
-      > input[type="button"],
-      > input[type="submit"],
-      > button{
-        @include border-left-radius(0);
-        @include border-right-radius(0);
-
-        &:after{
-          display: block;
-          content: ' ';
-          position: absolute;
-          top: 0;
-          right: -1px;
-          width: 1px;
-          height: 100%;
-          z-index: 1;
-          border-right: 1px solid rgba(0, 0, 0, 0.15);
-        }
-
-        &:hover{
-          border-left-width: 1px;
-          border-right-width: 1px;
-          &:after{ display: none;}
-        }
-
-      }
-    }
-
-    &:last-child:not(:first-child){
-      input[type="button"],
-      input[type="submit"],
-      button{
-        @include border-left-radius(0);
-        border-right-width: 1px;
-
-        &:hover{
-          border-left-width: 1px;
-        }
-      }
-    }
-  }
-
-}

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

@@ -1,71 +0,0 @@
-//
-// 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; 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; }
-  &.danger  { border-color: $border-color-danger;  background-color: $state-danger-background;  }
-}
-
-.callout{
-  border-width: 3px;
-  padding: ($line-height-computed / 2) $line-height-computed / 2;
-  font-size: $callout-font-size;
-
-  h1, h2, h3, h4, h5, h6{
-    &:first-child{ margin-top: 0; }
-  }
-  &.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/_close.scss

@@ -1,35 +0,0 @@
-//
-// Close icons
-// --------------------------------------------------
-
-
-.close {
-  float: right;
-  font-size: ($font-size-base * 1.5);
-  font-weight: $close-font-weight;
-  line-height: 1;
-  color: $close-color;
-  text-shadow: $close-text-shadow;
-  @include opacity(.2);
-
-  &:hover,
-  &:focus {
-    color: $close-color;
-    text-decoration: none;
-    cursor: pointer;
-    @include opacity(.5);
-  }
-
-  // [converter] extracted button& to button.close
-}
-
-// Additional properties for button version
-// iOS requires the button element instead of an anchor tag.
-// If you want the anchor version, it requires `href="#"`.
-button.close {
-  padding: 0;
-  cursor: pointer;
-  background: transparent;
-  border: 0;
-  -webkit-appearance: none;
-}

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

@@ -1,63 +0,0 @@
-//
-// Code (inline and block)
-// --------------------------------------------------
-
-
-// Inline and block code styles
-code,
-kbd,
-pre,
-samp {
-  font-family: $font-family-monospace;
-}
-
-// Inline code
-code {
-  padding: 2px 4px;
-  font-size: 90%;
-  color: $code-color;
-  background-color: $code-background;
-  border-radius: $border-radius;
-}
-
-// User input typically entered via keyboard
-kbd {
-  padding: 2px 4px;
-  font-size: 90%;
-  color: $kbd-color;
-  background-color: $kbd-background;
-  border-radius: $border-radius-small;
-  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
-}
-
-// Blocks of code
-pre {
-  display: block;
-  padding: (($line-height-computed - 1) / 2);
-  margin: 0 0 ($line-height-computed / 2);
-  font-size: ($font-size-base - 1); // 14px to 13px
-  line-height: $line-height-base;
-  word-break: break-all;
-  word-wrap: break-word;
-  color: $pre-color;
-  background-color: $pre-background;
-  border: 1px solid $pre-border-color;
-  border-radius: $border-radius;
-
-  // Account for some code outputs that place code tags in pre tags
-  code {
-    padding: 0;
-    font-size: inherit;
-    color: inherit;
-    white-space: pre-wrap;
-    background-color: transparent;
-    border-radius: 0;
-  }
-
-  // Enable scrollable blocks of code
-  &.scrollable {
-    max-height: $pre-scrollable-max-height;
-    overflow-y: scroll;
-  }
-}
-

data/vendor/assets/stylesheets/mice/_component-animations.scss

@@ -1,11 +0,0 @@
-//
-// Component animations
-// --------------------------------------------------
-
-.fade {
-  opacity: 0;
-  @include transition(opacity .15s linear);
-  &.in {
-    opacity: 1;
-  }
-}