mice 0.2.10 → 0.2.11

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

@@ -1,250 +0,0 @@
-//
-// Images
-// --------------------------------------------------
-
-
-// Image Mixins
-// - Responsive image
-// - Retina image
-
-
-// Responsive image
-//
-// Keep images from scaling beyond the width of their parents.
-@mixin img-responsive($display: block) {
-  display: $display;
-  width: 100% \9; // Force IE10 and below to size SVG images correctly
-  max-width: 100%; // Part 1: Set a maximum relative to the parent
-  height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
-}
-
-
-// Retina image
-//
-// Short retina mixin for setting background-image and -size. Note that the
-// spelling of `min--moz-device-pixel-ratio` is intentional.
-@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
-  background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-1x}"), "#{$file-1x}"));
-
-  @media
-  only screen and (-webkit-min-device-pixel-ratio: 2),
-  only screen and (   min--moz-device-pixel-ratio: 2),
-  only screen and (     -o-min-device-pixel-ratio: 2/1),
-  only screen and (        min-device-pixel-ratio: 2),
-  only screen and (                min-resolution: 192dpi),
-  only screen and (                min-resolution: 2dppx) {
-    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-2x}"), "#{$file-2x}"));
-    background-size: $width-1x $height-1x;
-  }
-}
-
-
-
-img {
-  vertical-align: middle;
-
-  &.responsive{
-    max-width: 100%;
-    height: auto;
-  }
-
-  &.rounded   { border-radius: $border-radius-large; }
-  &.circle    { border-radius: 50%; }
-  &.thumbnail {
-    padding: 4px;
-    line-height: 1.42857143;
-    background-color: #FFF;
-    border: 1px solid #DDD;
-    border-radius: $border-radius;
-    -webkit-transition: all .2s ease-in-out;
-    transition: all .2s ease-in-out;
-    display: inline-block;
-    max-width: 100%;
-    height: auto;
-  }
-
-  &.disabled{
-    cursor: default;
-    @include opacity(.3);
-  }
-
-  &.fluid{
-    display: block;
-    width: 100%;
-  }
-}
-
-
-// Inspired by the original by http://www.hongkiat.com/blog/css3-image-captions/
-.thumbnail {
-  display: inline-block;
-  cursor: pointer;
-  margin: 5px;
-  position: relative;
-  overflow: hidden;
-
-  img {
-    position: relative;
-    -webkit-transition: all 300ms ease-out;
-    -moz-transition: all 300ms ease-out;
-    -o-transition: all 300ms ease-out;
-    -ms-transition: all 300ms ease-out;
-    transition: all 300ms ease-out;
-  }
-
-  .caption {
-    width: 100%;
-    overflow: hidden;
-    padding: 5px;
-
-    background-color: rgba(0,0,0,0.8);
-    color: #fff;
-
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    z-index: 100;
-
-    -webkit-transition: all 300ms ease-out;
-    -moz-transition: all 300ms ease-out;
-    -o-transition: all 300ms ease-out;
-    -ms-transition: all 300ms ease-out;
-    transition: all 300ms ease-out;
-  }
-
-  &.simple .caption {
-    height: 30px;
-    bottom: -30px;
-    text-align: center;
-  }
-  &.simple:hover .caption {
-    opacity: 1;
-    -moz-transform: translateY(-100%);
-    -o-transform: translateY(-100%);
-    -webkit-transform: translateY(-100%);
-    transform: translateY(-100%);
-  }
-
-  &.full .caption {
-    height: 100%;
-    top: -100%;
-    overflow: hidden;
-  }
-  &.full:hover .caption {
-    -moz-transform: translateY(100%);
-    -o-transform: translateY(100%);
-    -webkit-transform: translateY(100%);
-    transform: translateY(100%);
-  }
-
-  &.fade{ opacity: 1; }
-  &.fade .caption{
-    opacity: 0;
-    top: 0;
-    bottom: 0;
-  }
-  &.fade:hover .caption{ opacity: 1; }
-
-  &.slide .caption {
-    top: 0;
-    left: 100%;
-    bottom: 0;
-  }
-  &.slide:hover img {
-    -moz-transform: translateX(-100%);
-    -o-transform: translateX(-100%);
-    -webkit-transform: translateX(-100%);
-    transform: translateX(-100%);
-    opacity: 1;
-  }
-  &.slide:hover .caption {
-    background-color: rgba(0,0,0,1) !important;
-    -moz-transform: translateX(-100%);
-    -o-transform: translateX(-100%);
-    -webkit-transform: translateX(-100%);
-    transform: translateX(-100%);
-    opacity: 1;
-  }
-
-  &.rotate img{
-    -webkit-transform-origin: center bottom;
-    -ms-transform-origin: center bottom;
-    transform-origin: center bottom;
-    opacity: 1;
-  }
-  &.rotate:hover img{
-    -webkit-transform: rotate3d(0, 0, 1, -180deg);
-    -webkit-transform: rotate3d(0, 0, 1, -180deg);
-    -ms-transform: rotate3d(0, 0, 1, -180deg);
-    transform: rotate3d(0, 0, 1, -180deg);
-  }
-  &.rotate .caption {
-    top: 0;
-    height: 100%;
-    background-color: rgba(0,0,0,1) !important;
-
-    -webkit-transform-origin: center bottom;
-    -ms-transform-origin: center bottom;
-    transform-origin: center bottom;
-
-    -webkit-transform: rotate3d(0, 0, 1, 180deg);
-    -ms-transform: rotate3d(0, 0, 1, 180deg);
-    transform: rotate3d(0, 0, 1, 180deg);
-  }
-  &.rotate:hover .caption {
-    -webkit-transform: none;
-    -ms-transform: none;
-    transform: none;
-  }
-
-  &.scale .caption{
-    overflow: hidden;
-    opacity: 0;
-    top: 0;
-    bottom: 0;
-
-    h3, p {
-      position: relative;
-      left: -100%;
-      -webkit-transition: all 300ms ease-out;
-      -moz-transition: all 300ms ease-out;
-      -o-transition: all 300ms ease-out;
-      -ms-transition: all 300ms ease-out;
-      transition: all 300ms ease-out;
-    }
-
-    h3 {
-      -webkit-transition-delay: 300ms;
-      -moz-transition-delay: 300ms;
-      -o-transition-delay: 300ms;
-      -ms-transition-delay: 300ms;
-      transition-delay: 300ms;
-    }
-
-    p {
-      -webkit-transition-delay: 500ms;
-      -moz-transition-delay: 500ms;
-      -o-transition-delay: 500ms;
-      -ms-transition-delay: 500ms;
-      transition-delay: 500ms;
-    }
-  }
-  &.scale:hover{
-    img {
-      -moz-transform: scale(1.4);
-      -o-transform: scale(1.4);
-      -webkit-transform: scale(1.4);
-      transform: scale(1.4);
-    }
-    .caption {
-      opacity: 1;
-      h3, p {
-        -moz-transform: translateX(100%);
-        -o-transform: translateX(100%);
-        -webkit-transform: translateX(100%);
-        transform: translateX(100%);
-      }
-    }
-  }
-
-}

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

@@ -1,82 +0,0 @@
-//
-// Lables
-// --------------------------------------------------
-
-@mixin label-variant($color) {
-  background-color: $color;
-
-  &[href] {
-    &:hover,
-    &:focus {
-      background-color: darken($color, 10%);
-    }
-  }
-}
-
-
-.label {
-  display: inline;
-  padding: .25em .6em;
-  font-size: 75%;
-  font-weight: bold;
-  line-height: 1;
-  color: $label-color;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: baseline;
-  border-radius: $border-radius;
-
-  // [converter] extracted a& to a.label
-
-  // Empty labels collapse automatically (not available in IE8)
-  &:empty {
-    display: none;
-  }
-
-  // Quick fix for labels in buttons
-  .button & {
-    position: relative;
-    top: -1px;
-  }
-}
-
-// Add hover effects, but only for links
-a.label {
-  &:hover,
-  &:focus {
-    color: $label-link-hover-color;
-    text-decoration: none;
-    cursor: pointer;
-  }
-}
-
-// Colors
-// Contextual variations (linked labels get darker on :hover)
-.label         { @include label-variant($label-background-default); }
-.label.primary { @include label-variant($label-background-primary); }
-.label.success { @include label-variant($label-background-success); }
-.label.info    { @include label-variant($label-background-info);    }
-.label.warning { @include label-variant($label-background-warning); }
-.label.danger  { @include label-variant($label-background-danger);  }
-
-.label{
-  &.large {
-    padding: .4em .8em .5em;
-    font-size: 120%;
-    border-radius: $border-radius;
-  }
-}
-
-// $colors: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow;
-
-// @for $i from 1 through length($colors) {
-//   .label.#{nth($colors, $i)}{
-//     @include label-variant(#{nth($colors, $i)});
-//   }
-// }
-
-
-
-
-
-

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

@@ -1,186 +0,0 @@
-//
-// Lists
-// --------------------------------------------------
-
-// List group variants
-@mixin list-group-item-variant($state, $background, $color) {
-  > li.#{$state},
-  .item.#{$state},
-  > a.#{$state} {
-    color: $color;
-    background-color: $background;
-  }
-
-  > a.#{$state} {
-    .heading { color: inherit; }
-
-    &:hover,
-    &:focus {
-      color: $color;
-      background-color: darken($background, 5%);
-    }
-    &.active,
-    &.active:hover,
-    &.active:focus {
-      color: #fff;
-      background-color: $color;
-      border-color: $color;
-    }
-  }
-}
-
-
-// Unordered and Ordered lists
-ul,
-ol {
-  margin-top: 0;
-  margin-bottom: ($line-height-computed / 2);
-  ul,
-  ol {
-    margin-bottom: 0;
-  }
-}
-
-// List options
-ul.unstyled {
-  padding-left: 0;
-  list-style: none;
-}
-
-// Inline
-ul.inline {
-  @extend .unstyled;
-  margin-left: -5px;
-
-  > li {
-    display: inline-block;
-    padding-left: 5px;
-    padding-right: 5px;
-  }
-
-  &.justified{
-    > li{
-      float: none;
-      display: table-cell;
-      width: 1%;
-    }
-  }
-}
-
-// 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
-dl.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;
-  }
-}
-
-
-//
-// List groups
-// --------------------------------------------------
-
-// Base class
-// Easily usable on <ul>, <ol>, <div> or <section>.
-ul, ol, div, section{
-  &.group {
-    margin-bottom: 20px;
-    padding-left: 0;
-
-    > li,
-    > a,
-    .item {
-      position: relative;
-      display: block;
-      padding: 10px 15px;
-      margin-bottom: -1px;
-      margin-top: 0;
-      background-color: $list-group-background;
-      border: 1px solid $list-group-border-color;
-
-      &:first-child { @include border-top-radius($list-group-border-radius); }
-      &:last-child  { @include border-bottom-radius($list-group-border-radius); margin-bottom: 0; }
-
-      > .label { float: right;}
-    }
-
-    > a {
-      color: $list-group-link-color;
-      // Hover state
-      &:hover,
-      &:focus {
-        text-decoration: none;
-        color: $list-group-link-hover-color;
-        background-color: $list-group-hover-background;
-      }
-    }
-
-    > li,
-    > a,
-    .item {
-      // Disabled state
-      &.disabled,
-      &.disabled:hover,
-      &.disabled:focus {
-        background-color: $list-group-disabled-background;
-        color: $list-group-disabled-color;
-
-        .heading { color: inherit; }
-        .text { color: $list-group-disabled-text-color; }
-      }
-
-      // Active class on item itself, not parent
-      &.active,
-      &.active:hover,
-      &.active:focus {
-        z-index: 2;
-        color: $list-group-active-color;
-        background-color: $list-group-active-background;
-        border-color: $list-group-active-border;
-
-        .heading { color: inherit; }
-        .text { color: $list-group-active-text-color; }
-      }
-    }
-
-
-    // Contextual variants
-    // Add modifier classes to change text and background color on individual items.
-    // Organizationally, this must come after the `:hover` states.
-    @include list-group-item-variant(success, $state-success-background, $state-success-text);
-    @include list-group-item-variant(info, $state-info-background, $state-info-text);
-    @include list-group-item-variant(warning, $state-warning-background, $state-warning-text);
-    @include list-group-item-variant(danger, $state-danger-background, $state-danger-text);
-
-
-    // Custom content options
-    .heading {
-      margin-top: 0;
-      margin-bottom: 5px;
-    }
-    .text {
-      margin-bottom: 0;
-      line-height: 1.3;
-    }
-
-  }
-}

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

@@ -1,53 +0,0 @@
-// Media objects
-// Source: http://stubbornella.org/content/?p=497
-// --------------------------------------------------
-
-
-// Common styles
-// -------------------------
-.media{
-  margin-top: 15px;
-  list-style: none;
-
-  @include clearfix();
-
-  &:first-child{
-    margin-top: 0;
-  }
-
-  > .cover {
-    display: block;
-    float: left;
-    margin-right: 10px;
-
-    &.ext {
-      float: right;
-      margin-left: 10px;
-      margin-right: 0;
-    }
-  }
-
-  .desc {
-    overflow: hidden;
-    zoom: 1;
-  }
-
-  .heading {
-    margin: 0 0 5px;
-  }
-
-  &.invert{
-    text-align: right;
-
-    > .cover{
-      float: right;
-      margin-left: 10px;
-      margin-right: 0;
-    }
-  }
-}
-
-.mediae{
-  padding-left: 0;
-  list-style: none;
-}

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

@@ -1,42 +0,0 @@
-//
-// Menu
-// --------------------------------------------------
-
-.menu{
-  list-style: none;
-  margin:     0;
-  padding:    0;
-  position:   relative;
-
-  &.righted{
-    float: right;
-  }
-
-  .menu{ display: none; }
-
-  > li{
-    position: relative;
-
-    > a{
-      display: block;
-      padding: 0 15px;
-      position: relative;
-      text-decoration: none;
-      color: #666;
-      position: relative;
-    }
-
-    &.active{
-      a{
-        color: #428BCA;
-        background: #F5F5F5;
-
-        &:after{
-          height: 3px;
-          background-color: #428BCA;
-        }
-      }
-    }
-  }
-
-}

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

@@ -1,78 +0,0 @@
-//
-// Message
-// --------------------------------------------------
-
-
-// Mixin
-@mixin message-variant($background, $border, $text-color) {
-  background-color: $background;
-  border-color: $border;
-  color: $text-color;
-
-  a {
-    color: darken($text-color, 10%);
-  }
-}
-
-
-// Base styles
-// -------------------------
-.message {
-  display: none;
-  width: 100%;
-  padding: 10px 20px;
-  padding: $message-padding;
-
-  line-height: 1.8;
-  font-size: 16px;
-  background: #FFF;
-  background: rgba(255,255,255,0.9);
-
-  color: #666;
-  text-align: center;
-
-  border-bottom: 1px solid #ddd;
-  border-top: 1px solid #ddd;
-
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: $zindex-message;
-
-  &.top {
-    top: 0;
-    bottom: auto;
-  }
-
-  &.bottom{
-    top: auto;
-    bottom: 0;
-  }
-
-  h4{ margin: 0; color: inherit; }
-  a { font-weight: $message-link-font-weight; }
-
-  .close{
-    display: inline;
-    float: right;
-    cursor: pointer;
-    position: absolute;
-    top: 10px;
-    right: 10px;
-    opacity: 0.6;
-
-    &:hover{
-      opacity: 1;
-    }
-  }
-}
-
-
-// Alternate styles
-// Generate contextual modifier classes for colorizing the message.
-.message{
-  &.success {@include message-variant($message-success-background, $message-success-border, $message-success-text); }
-  &.info    {@include message-variant($message-info-background,    $message-info-border,    $message-info-text);    }
-  &.warning {@include message-variant($message-warning-background, $message-warning-border, $message-warning-text); }
-  &.danger  {@include message-variant($message-danger-background,  $message-danger-border,  $message-danger-text);  }
-}