mice 0.2.10 → 0.2.11

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

@@ -1,402 +0,0 @@
-// Forms
-// --------------------------------------------------
-
-// $input-types: "text", "password", "datetime", "datetime-local", "date", "month", "time", "week", "number", "email", "url", "search", "tel", "color";
-
-// Input variants
-// -------------------------
-@mixin input-variant($border-color) {
-               color: $gray;
-    background-color: #FFF;
-        border-color: $border-color;
-
-  &:hover{ border-color: darken($border-color, 20%); }
-
-  &:focus,
-  &:active,
-  &.active{
-    border-color: darken($border-color, 20%);
-    box-shadow: 0 0 0 1px darken($border-color, 15%), inset 0 1px #F5F5F5;
-  }
-
-  &.disabled,
-  &[disabled] {
-    &,
-    &:hover,
-    &:active,
-    &.active {
-      border-color: $border-color-default;
-      cursor: not-allowed;
-      background-color: #eee;
-      @include opacity(.55);
-    }
-  }
-}
-
-// Field variants
-// -------------------------
-@mixin field-variant($border-color){
-  color: $border-color;
-
-  input:not([type~=checkbox]):not([type~=radio]):not([type~=file]):not([type~=button]):not([type~=submit]),
-  textarea,
-  select{
-    @include input-variant($border-color);
-  }
-}
-
-
-// Input sizing
-// -------------------------
-@mixin input-size($input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
-  height: $input-height;
-  padding: $padding-vertical $padding-horizontal;
-  font-size: $font-size;
-  line-height: $line-height;
-  border-radius: $border-radius;
-}
-
-
-// Base styles
-// -------------------------
-
-fieldset {
-  padding: 0;
-  margin: 0;
-  border: 0;
-  min-width: 0;
-
-  &[disabled]{
-    input:not([type~=checkbox]):not([type~=radio]):not([type~=file]):not([type~=button]):not([type~=submit]),
-    textarea,
-    select,
-    button{
-      &,
-      &:hover,
-      &:active,
-      &.active {
-        cursor: not-allowed;
-        background-color: #eee;
-        border-width: 1px;
-        @include opacity(1);
-      }
-    }
-  }
-}
-
-input:not([type~=checkbox]):not([type~=radio]):not([type~=file]):not([type~=button]):not([type~=submit]),
-textarea,
-select{
-  display:          inline-block;
-  height: 34px;
-  margin-bottom:    0;
-  font-weight:      $button-font-weight;
-  text-align:       left;
-
-  border:           1px solid #CCC;
-  white-space:      nowrap;
-  outline:          none;
-
-  position: relative;
-  box-shadow: inset 0 1px #F5F5F5;
-  background-color: transparent;
-
-  transition: border-color ease-in-out .1s, box-shadow ease-in-out .1s;
-
-  &.disabled,
-  &[disabled] {
-    cursor: not-allowed;
-    pointer-events: none;
-    @include opacity(.65);
-    @include user-select(none);
-  }
-}
-
-textarea{
-  display: block;
-  line-height: 20px;
-  min-height: 120px;
-  margin-bottom: 10px;
-  white-space: normal;
-  resize: vertical;
-  color: #555;
-  background-color: #FFF;
-  background-image: none;
-}
-
-label{
-  display: inline-block;
-  margin-bottom: 2px;
-}
-
-
-// Input Styles
-// -------------------------
-
-input:not([type~=checkbox]):not([type~=radio]):not([type~=file]):not([type~=button]):not([type~=submit]),
-textarea{
-            @include input-variant($border-color-default);
-  &.primary{@include input-variant($border-color-primary);}
-  &.success{@include input-variant($border-color-success);}
-  &.info   {@include input-variant($border-color-info   );}
-  &.warning{@include input-variant($border-color-warning);}
-  &.danger {@include input-variant($border-color-danger );}
-
-  &.fluid{ width: 100%; }
-}
-
-
-// Input Sizing
-// -------------------------
-input:not([type~=checkbox]):not([type~=radio]):not([type~=file]):not([type~=button]):not([type~=submit]),
-textarea{
-           @include input-size($input-height-default, $input-padding-default-vertical, $input-padding-default-horizontal, $font-size-base,  $line-height-base,  $border-radius);
-  &.small {@include input-size($input-height-small,   $input-padding-small-vertical,   $input-padding-small-horizontal,   $font-size-small, $line-height-small, $border-radius-small);}
-  &.large {@include input-size($input-height-large,   $input-padding-large-vertical,   $input-padding-large-horizontal,   $font-size-large, $line-height-large, $border-radius-large);}
-}
-
-
-.hint {
-  display: block;
-  margin-top: 5px;
-  margin-bottom: 10px;
-  color: lighten($text-color, 25%);
-}
-
-
-.field{
-  margin-bottom: 15px;
-
-  label{
-    display: inline-block;
-  }
-
-  &:not(.checkbox){
-    label{
-      font-weight: 700;
-    }
-  }
-
-  input:not([type~=checkbox]):not([type~=radio]):not([type~=button]),
-  select,
-  textarea{
-    width: 100%;
-  }
-
-  &.success {@include field-variant($border-color-success);}
-  &.warning {@include field-variant($border-color-warning);}
-  &.error   {@include field-variant($border-color-danger );}
-
-  &.feedback{
-    position: relative;
-
-    input:not([type~=checkbox]):not([type~=radio]):not([type~=file]):not([type~=button]):not([type~=submit]),
-    select,
-    textarea{
-      padding-right: 50px;
-    }
-
-    .icon{
-      width: 34px;
-      height: 34px;
-      line-height: 34px;
-      text-align: center;
-      position: absolute;
-      right: 0;
-      top: 22px;
-      z-index: 1
-    }
-  }
-}
-
-
-// Inline form
-// -------------------------
-.navbar form,
-form.inline{
-  .field{
-    display: inline-block;
-    margin-bottom: 0;
-    vertical-align: middle;
-
-    input:not([type~=checkbox]):not([type~=radio]):not([type~=file]):not([type~=button]):not([type~=submit]),
-    input[type="email"]{
-      width: auto;
-    }
-  }
-
-  &.unlabel{
-    .field:not(.checkbox){
-      label{ display: none;}
-    }
-  }
-
-  > button{
-    margin-top: -3px;
-  }
-}
-
-.inline{
-  input:not([type~=checkbox]):not([type~=radio]):not([type~=file]):not([type~=button]):not([type~=submit]),
-  input[type="email"]{
-    width: auto;
-  }
-}
-
-
-// Horizontal Form
-// -------------------------
-form.horizontal{
-
-  $offsets: "one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten", "eleven";
-
-  @for $i from 1 through length($offsets){
-    &.offset.#{nth($offsets, $i)}{
-      .field{
-        position: relative;
-        vertical-align: middle;
-        @include clearfix();
-        padding-left: percentage(1 / 12 * $i);
-
-        &:not(.checkbox){
-          label{
-            float: left;
-            width: percentage(1 / 12 * $i);
-            height: 34px;
-            margin-left: (0 - percentage(1 / 12 * $i));
-            margin-bottom: 0;
-            padding-right: 15px;
-            padding-top: 6px;
-            text-align: right;
-          }
-        }
-
-        .static{
-          padding-top: 6px;
-          margin-bottom: 0;
-        }
-
-      }
-    }
-  }
-
-}
-
-
-// With optional icons
-// -------------------------
-form.inline,
-form.horizontal{
-.field.feedback{
-    .icon{ top: 0 }
-  }
-}
-
-
-// Input justified
-.justified{
-  display: table;
-  width: 100%;
-  table-layout: fixed;
-  border-collapse: separate;
-
-  &:before, &:after{ display: none; }
-
-  .field{
-    float: none;
-    display: table-cell;
-    width: 1%;
-    padding: 0 5px;
-    &:first-child{ padding-left: 0; }
-    &:last-child{ padding-right: 0; }
-    input:not([type~=checkbox]):not([type~=radio]):not([type~=file]):not([type~=button]){
-      width: 100%;
-    }
-  }
-}
-
-
-.inputs{
-  position: relative; // For dropdowns
-  display: table;
-  border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table
-
-  .addon{
-    display: table-cell;
-    padding: $padding-base-vertical $padding-base-horizontal;
-    font-size: $font-size-base;
-    font-weight: normal;
-    line-height: 1;
-    // color: $input-color;
-    text-align: center;
-    background-color: $input-group-addon-background;
-    border: 1px solid $input-group-addon-border-color;
-    border-radius: $border-radius;
-
-    width: 1%;
-    white-space: nowrap;
-    vertical-align: middle;
-
-    &:not(:first-child):not(:last-child) {
-      border-radius: 0;
-    }
-
-    // Nuke default margins from checkboxes and radios to vertically center within.
-    input[type="radio"],
-    input[type="checkbox"] {
-      margin-top: 0;
-    }
-  }
-
-  > input{
-    display: table-cell !important;
-    width: 100%;
-    &:focus{
-      box-shadow: none !important;
-    }
-  }
-
-  > .buttons{
-    display: table-cell;
-    width: 1%;
-    white-space: nowrap;
-    vertical-align: middle; // Match the inputs
-
-    &:first-child{
-      button:first-child,
-      .button:first-child{
-        @include border-right-radius(0);
-        border-right: 0;
-      }
-    }
-
-    &:last-child{
-      button:first-child,
-      .button:first-child{
-        @include border-left-radius(0);
-        border-left: 0;
-      }
-    }
-
-    button, .button{
-      box-shadow: none;
-    }
-  }
-
-  > input, .addon, .buttons{
-    &:first-child {
-      @include border-right-radius(0);
-      border-bottom-right-radius: 0 !important;
-      border-top-right-radius: 0 !important;
-      border-right: 0;
-    }
-    &:last-child {
-      @include border-left-radius(0);
-      border-bottom-left-radius: 0 !important;
-      border-top-left-radius: 0 !important;
-      border-left: 0;
-    }
-  }
-}
-
-

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

@@ -1,95 +0,0 @@
-//
-// Grid system
-// --------------------------------------------------
-
-.container {
-  margin-right: auto;
-  margin-left: auto;
-  // padding-left:  ($grid-gutter-width / 2);
-  // padding-right: ($grid-gutter-width / 2);
-  @include clearfix();
-
-  @media (min-width: 768px) {
-    width: 750px;
-  }
-  @media (min-width: 992px) {
-    width: 970px;
-  }
-  @media (min-width: 1200px) {
-    width: 1170px;
-  }
-}
-
-//  GRID COLUMN SETUP
-// -------------------------
-
-.grid{
-  @include clearfix();
-  > .column {
-    display: block;
-    min-height: 1px;
-    float:   left;
-    padding-left: 5px;
-    padding-right: 5px;
-
-    &:first-child {
-      margin-left: 0;
-    }
-
-    &.righted{
-      float: right;
-    }
-
-    &.centered{
-      float: none;
-      margin-left: auto;
-      margin-right: auto;
-    }
-  }
-}
-
-
-@mixin column-child($columns) {
-  > .column {
-    width: percentage(1 / $columns);
-  }
-}
-
-@mixin column-self($columns, $value) {
-  &.column {
-    width: percentage(1 / $columns * $value);
-  }
-}
-
-
-$columns: "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten", "eleven", "twelve";
-
-@for $i from 1 through length($columns) {
-  .grid.#{nth($columns, $i)} {
-    @include column-child($i + 1);
-    @if $i - 1 > 0 {
-      @for $j from 1 through $i - 1 {
-        > .#{nth($columns, $j)}{
-          @include column-self($i + 1, $j + 1);
-        }
-      }
-    }
-  }
-}
-
-
-// Go full width at less than 480px
-@media only screen and (max-width: 480px) {
-  @for $i from 1 through length($columns) {
-    .grid.#{nth($columns, $i)} {
-      @include column-child(1);
-      @for $j from 1 through $i {
-        > .#{nth($columns, $j)}{
-          @include column-self($i + 1, $i + 1);
-        }
-      }
-    }
-  }
-}
-
-