mice 0.2.10 → 0.2.11

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

@@ -1,176 +0,0 @@
-// 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;
-}
-
-
-// User select
-// For selecting text on the page
-
-@mixin user-select($select) {
-  -webkit-user-select: $select;
-     -moz-user-select: $select;
-      -ms-user-select: $select; // IE10+
-          user-select: $select;
-}
-
-
-// Opacity
-
-@mixin opacity($opacity) {
-  opacity: $opacity;
-  // IE8 filter
-  $opacity-ie: ($opacity * 100);
-  filter: #{alpha(opacity=$opacity-ie)};
-}
-
-
-// Drop shadows
-
-@mixin box-shadow($shadow...) {
-  -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1
-          box-shadow: $shadow;
-}
-
-
-// Gradients
-@mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {
-  background-image: -webkit-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
-  background-image: -o-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
-  background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
-}
-
-
-// Transforms
-// --------------------------------------------------
-@mixin transform($transform...) {
-  -webkit-transform: $transform;
-      -ms-transform: $transform;
-          transform: $transform;
-}
-
-
-// Transitions
-// --------------------------------------------------
-@mixin transition($transition...) {
-  -webkit-transition: $transition;
-     -moz-transition: $transition;
-          transition: $transition;
-}
-@mixin transition-property($property...) {
-  -webkit-transition-property: $property;
-     -moz-transition-property: $property;
-          transition-property: $property;
-}
-@mixin transition-duration($duration...) {
-  -webkit-transition-duration: $duration;
-     -moz-transition-duration: $duration;
-          transition-duration: $duration;
-}
-@mixin transition-timing-function($function...) {
-  -webkit-transition-timing-function: $function;
-     -moz-transition-timing-function: $function;
-          transition-timing-function: $function;
-}
-
-@mixin transition-transform($transition...) {
-  -webkit-transition: -webkit-transform $transition;
-     -moz-transition: -moz-transform $transition;
-       -o-transition: -o-transform $transition;
-          transition: transform $transition;
-}
-
-@mixin translate($x, $y) {
-  -webkit-transform: translate($x, $y);
-      -ms-transform: translate($x, $y); // IE9 only
-       -o-transform: translate($x, $y);
-          transform: translate($x, $y);
-}
-@mixin translate3d($x, $y, $z) {
-  -webkit-transform: translate3d($x, $y, $z);
-          transform: translate3d($x, $y, $z);
-}
-
-// Animations
-// --------------------------------------------------
-@mixin animation-name($name) {
-  -webkit-animation-name: $name;
-     -moz-animation-name: $name;
-          animation-name: $name;
-}
-@mixin animation-duration($duration) {
-  -webkit-animation-duration: $duration;
-     -moz-animation-duration: $duration;
-          animation-duration: $duration;
-}
-@mixin animation-direction($direction) {
-  -webkit-animation-direction: $direction;
-     -moz-animation-direction: $direction;
-          animation-direction: $direction;
-}
-
-
-// Misc
-// --------------------------------------------------
-@mixin hairline($type, $color, $offset) {
-  @if $type == single {
-    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#{$color}' x='0' y='0' width='100%' height='0.5'/></svg>");
-    background-position: $offset 100%;
-
-  } @else if $type == double {
-    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#{$color}' x='0' y='0' width='100%' height='0.5'/></svg>"),
-                      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1'><rect fill='#{$color}' x='0' y='0' width='100%' height='0.5'/></svg>");
-    background-position: $offset 100%, $offset 0;
-  }
-  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/_modals.scss

@@ -1,160 +0,0 @@
-//
-// Modals
-// --------------------------------------------------
-
-// .modal-open      - body class for killing the scroll
-// .modal           - container to scroll within
-// .dialog    - positioning shell for the actual modal
-// .content   - actual modal w/ bg and corners and shit
-
-// Kill the scroll on the body
-.modal-open {
-  overflow: hidden;
-
-  .modal {
-    overflow-x: hidden;
-    overflow-y: auto;
-  }
-}
-
-
-// Container that the modal scrolls within
-.modal {
-  display: none;
-  overflow: hidden;
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: $zindex-modal;
-  -webkit-overflow-scrolling: touch;
-  outline: 0;
-
-  // When fading in the modal, animate it to slide down
-  &.fade .dialog {
-    @include translate3d(0, -25%, 0);
-    @include transition-transform(0.3s ease-out);
-  }
-  &.in .dialog { @include translate3d(0, 0, 0); }
-
-}
-
-// Modal background
-.modal-backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: $zindex-modal-background;
-  background-color: $modal-backdrop-background;
-
-  // Fade for backdrop
-  &.fade {
-    @include opacity(0);
-    &.in   { @include opacity($modal-backdrop-opacity); }
-  }
-}
-
-
-.modal {
-  // Shell div to position the modal with bottom padding
-  .dialog {
-    position: relative;
-    width: auto;
-    margin: 10px;
-  }
-
-  // Actual modal
-  .content {
-    position: relative;
-    background-color: $modal-content-background;
-    border: 1px solid $modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
-    border: 1px solid $modal-content-border-color;
-    border-radius: $border-radius;
-    @include box-shadow(0 3px 9px rgba(0,0,0,.5));
-    background-clip: padding-box;
-    // Remove focus outline from opened modal
-    outline: 0;
-  }
-
-  // Modal header
-  // Top section of the modal w/ title and dismiss
-  .header {
-    padding: $modal-title-padding;
-    border-bottom: 1px solid $modal-header-border-color;
-    min-height: ($modal-title-padding + $modal-title-line-height);
-
-    // Close icon
-    .close { margin-top: -2px; }
-
-    // Title text within header
-    h1, h2, h3, h4, h5, h6 {
-      margin: 0;
-      line-height: $modal-title-line-height;
-    }
-  }
-
-  // Modal body
-  // Where all modal content resides (sibling of .header and .footer)
-  .body {
-    position: relative;
-    padding: $modal-inner-padding;
-  }
-
-  // Footer (for actions)
-  .footer {
-    padding: $modal-inner-padding;
-    text-align: right; // right align buttons
-    border-top: 1px solid $modal-footer-border-color;
-    @include clearfix(); // clear it in case folks use .pull-* classes on buttons
-
-    // Properly space out buttons
-    .button + .button {
-      margin-left: 5px;
-      margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
-    }
-    // but override that for button groups
-    .buttons .button + .button {
-      margin-left: -1px;
-    }
-    // and override it for block buttons as well
-    .button.block + .button.block {
-      margin-left: 0;
-    }
-  }
-
-}
-
-
-// Measure scrollbar width for padding body during modal show/hide
-.modal-scrollbar-measure {
-  position: absolute;
-  top: -9999px;
-  width: 50px;
-  height: 50px;
-  overflow: scroll;
-}
-
-
-// Scale up the modal
-@media (min-width: $screen-sm-min) {
-  // Automatically set modal's width for larger viewports
-  .modal{
-    .dialog {
-      width: $modal-medium;
-      margin: 30px auto;
-    }
-    .content {
-      @include box-shadow(0 5px 15px rgba(0,0,0,.5));
-    }
-  }
-
-  // Modal sizes
-  .modal .small { width: $modal-small; }
-}
-
-@media (min-width: $screen-md-min) {
-  .modal .large { width: $modal-large; }
-}

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

@@ -1,86 +0,0 @@
-//
-// Navbar
-// --------------------------------------------------
-
-.navbar{
-  min-height: 45px;
-  background: #FFF;
-  border-color: #E8E8E8;
-  border-style: solid;
-  border-width: 0;
-  border-width: 0 0 1px;
-
-  &.top,
-  &.bottom{
-    position: fixed;
-    left: 0;
-    right: 0;
-    z-index: $zindex-navbar-fixed;
-  }
-  &.top{
-    top: 0;
-    border-width: 0 0 1px;
-  }
-  &.bottom{
-    bottom: 0;
-    border-width: 1px 0 0;
-  }
-
-  .logo{
-    float: left;
-    .brand{
-      display: block;
-      line-height: 45px;
-      padding: 0 20px;
-      color: #666;
-      text-decoration: none;
-      font-weight: 700;
-    }
-  }
-
-  .menu{
-    float: left;
-
-    > li{
-      float: left;
-
-      > a{
-        text-align: center;
-        padding: 0 20px;
-        line-height: 45px;
-        -webkit-transition: padding 0.25s ease, color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
-        transition:         padding 0.25s ease, color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
-
-        &:after{
-          display: block;
-          margin: 0 auto;
-          content: '';
-          position: absolute;
-          left: 0;
-          bottom: -1px;
-          height: 0;
-          width: 100%;
-
-          -webkit-transition: height 0.15s ease;
-          transition:         height 0.15s ease;
-        }
-
-        &:hover {
-          color: #428BCA;
-          background: #F5F5F5;
-          &:after{
-            height: 3px;
-            background-color: #428BCA;
-          }
-        }
-        &:active{ background: #F0F0F0; }
-      }
-    }
-  }
-
-  form{
-    float: left;
-    padding-top: 5px;
-  }
-
-}