mui-sass 0.4.2 → 0.4.7

data/vendor/assets/stylesheets/mui/{normalize-3.0.2.scss → normalize-3.0.3.scss}

@@ -1,9 +1,9 @@
-/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
 
 /**
  * 1. Set default font family to sans-serif.
- * 2. Prevent iOS text size adjust after orientation change, without disabling
- *    user zoom.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ *    without disabling user zoom.
  */
 
 html {
@@ -71,7 +71,7 @@ audio:not([controls]) {
 
 /**
  * Address `[hidden]` styling not present in IE 8/9/10.
- * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
  */
 
 [hidden],
@@ -91,7 +91,8 @@ a {
 }
 
 /**
- * Improve readability when focused and also mouse hovered in all browsers.
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
  */
 
 a:active,
@@ -209,7 +210,6 @@ figure {
  */
 
 hr {
-  -moz-box-sizing: content-box;
   box-sizing: content-box;
   height: 0;
 }
@@ -350,15 +350,12 @@ input[type="number"]::-webkit-outer-spin-button {
 
 /**
  * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
- *    (include `-moz` to future-proof).
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
  */
 
 input[type="search"] {
   -webkit-appearance: textfield; /* 1 */
-  -moz-box-sizing: content-box;
-  -webkit-box-sizing: content-box; /* 2 */
-  box-sizing: content-box;
+  box-sizing: content-box; /* 2 */
 }
 
 /**

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: mui-sass
 version: !ruby/object:Gem::Version
-  version: 0.4.2
+  version: 0.4.7
 platform: ruby
 authors:
 - Dmitriy Tarasov
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2016-02-05 00:00:00.000000000 Z
+date: 2016-03-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -94,28 +94,30 @@ files:
 - vendor/assets/stylesheets/_mui.scss
 - vendor/assets/stylesheets/mui/_appbar.scss
 - vendor/assets/stylesheets/mui/_buttons.scss
+- vendor/assets/stylesheets/mui/_checkbox-and-radio.scss
 - vendor/assets/stylesheets/mui/_colors.scss
-- vendor/assets/stylesheets/mui/_dividers.scss
-- vendor/assets/stylesheets/mui/_dropdowns.scss
-- vendor/assets/stylesheets/mui/_forms.scss
+- vendor/assets/stylesheets/mui/_containers.scss
+- vendor/assets/stylesheets/mui/_divider.scss
+- vendor/assets/stylesheets/mui/_dropdown.scss
+- vendor/assets/stylesheets/mui/_form.scss
 - vendor/assets/stylesheets/mui/_grid.scss
 - vendor/assets/stylesheets/mui/_helpers.scss
-- vendor/assets/stylesheets/mui/_layout.scss
 - vendor/assets/stylesheets/mui/_mixins.scss
 - vendor/assets/stylesheets/mui/_overlay.scss
 - vendor/assets/stylesheets/mui/_panel.scss
+- vendor/assets/stylesheets/mui/_reboot.scss
 - vendor/assets/stylesheets/mui/_ripple.scss
-- vendor/assets/stylesheets/mui/_scaffolding.scss
-- vendor/assets/stylesheets/mui/_semantic-markup.scss
-- vendor/assets/stylesheets/mui/_tables.scss
+- vendor/assets/stylesheets/mui/_select.scss
+- vendor/assets/stylesheets/mui/_table.scss
 - vendor/assets/stylesheets/mui/_tabs.scss
+- vendor/assets/stylesheets/mui/_textfield.scss
 - vendor/assets/stylesheets/mui/_typography.scss
 - vendor/assets/stylesheets/mui/_variables.scss
 - vendor/assets/stylesheets/mui/mixins/_buttons.scss
 - vendor/assets/stylesheets/mui/mixins/_grid-framework.scss
 - vendor/assets/stylesheets/mui/mixins/_typography.scss
 - vendor/assets/stylesheets/mui/mixins/_util.scss
-- vendor/assets/stylesheets/mui/normalize-3.0.2.scss
+- vendor/assets/stylesheets/mui/normalize-3.0.3.scss
 homepage: https://github.com/rubysamurai/mui-sass
 licenses:
 - MIT

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

@@ -1,482 +0,0 @@
-/**
- * MUI Form styles
- *
- */
-
-$xFormLabelLineHeight: floor($mui-label-font-size * 1.25);
-
-
-
-// ============================================================================
-// NORMALIZATIONS
-// ============================================================================
-
-legend {
-  display: block;
-  width: 100%;
-  padding: 0;
-  margin-bottom: $mui-base-line-height-computed / 2;
-  font-size: $mui-legend-font-size;
-  color: $mui-legend-font-color;
-  line-height: inherit;
-  border: 0;
-}
-
-// override content-box in normalize.css
-input[type="search"] {
-  box-sizing: border-box;
-  -webkit-appearance: none;  // Search inputs in iOS
-}
-
-input[type="file"]:focus,
-input[type="radio"]:focus,
-input[type="checkbox"]:focus {
-  // Focus for file, radio, and checkbox
-  @include mui-tab-focus();
-}
-
-input[type="radio"]:disabled,
-input[type="checkbox"]:disabled {
-  cursor: $mui-cursor-disabled;
-}
-
-
-
-// ============================================================================
-// TEXTFIELD
-// ============================================================================
-
-.mui-textfield {
-  display: block;
-  padding-top: $xFormLabelLineHeight;
-  margin-bottom: $mui-form-group-margin-bottom;
-  position: relative;
-
-  > label {
-    // Positioning
-    position: absolute;
-    top: 0;
-
-    // Display
-    display: block;
-    width: 100%;
-
-    // Other
-    color: $mui-label-font-color;
-    font-size: $mui-label-font-size;
-    font-weight: 400;
-    line-height: $xFormLabelLineHeight;
-    overflow-x: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  > textarea {
-    padding-top: 5px;
-    //min-height: $mui-textarea-height;
-  }
-
-  > input,
-  > textarea {
-    display: block;
-
-    &:focus ~ label {
-      color: $mui-input-border-color-focus;
-    }
-  }
-}
-
-.mui-textfield--float-label {
-  > label {
-    // Layout
-    position: absolute;
-    transform: translate(0px, $xFormLabelLineHeight);
-
-    // Typography
-    font-size: $mui-input-font-size;
-    line-height: $mui-input-height;
-    color: $mui-input-placeholder-color;
-
-    // Overflow policy
-    text-overflow: clip;
-
-    // Cursor
-    cursor: text;  // for ie10
-    pointer-events: none;
-  }
-
-  > input,
-  > textarea {
-    &:focus ~ label {
-      transform: translate(0px, 0px);
-      font-size: $mui-label-font-size;
-      line-height: $xFormLabelLineHeight;
-      text-overflow: ellipsis;
-    }
-
-    &:not(:focus) {
-      &.mui--is-not-empty,
-      &[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),
-      &:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) {
-        ~ label {
-          color: $mui-label-font-color;
-          font-size: $mui-label-font-size;
-          line-height: $xFormLabelLineHeight;
-          transform: translate(0px, 0px);
-          text-overflow: ellipsis;
-        }
-      }
-    }
-  }
-}
-
-.mui-textfield--wrap-label {
-  display: table;
-  width: 100%;
-  padding-top: 0px;
-
-  &:not(.mui-textfield--float-label) > label {
-    display: table-header-group;
-    position: static;
-    white-space: normal;
-    overflow-x: visible;
-  }
-}
-
-.mui-textfield > input,
-.mui-textfield > textarea {
-  @include mui-node-inserted();
-
-  display: block;
-  background-color: $mui-input-bg-color;
-  color: $mui-input-font-color;
-  border: none;
-  border-bottom: 1px solid $mui-input-border-color;
-  outline: none;
-  width: 100%;
-  font-size: $mui-input-font-size;
-  padding: 0;
-  box-shadow: none;
-  border-radius: 0px;
-
-  // Bugfix for firefox-android
-  background-image: none;
-
-  &:focus {
-    border-color: $mui-input-border-color-focus;
-    border-width: 2px;
-  }
-
-  &:disabled,
-  &:read-only {
-    cursor: $mui-cursor-disabled;
-    background-color: $mui-input-bg-color-disabled;
-    opacity: 1;  // iOS fix for unreadable disabled content
-  }
-
-  &::placeholder {
-    color: $mui-input-placeholder-color;
-    opacity: 1;  // Normalize firefox
-  }
-}
-
-.mui-textfield > input {
-  height: $mui-input-height;
-
-  // Compensate for height change on focus
-  &:focus {
-    height: $mui-input-height + 1px;
-    margin-bottom: -1px;
-  }
-}
-
-.mui-textfield > textarea {
-  //height: auto;  // Reset height for <textarea>s
-  min-height: $mui-textarea-height;
-
-  // Compensate for height change on focus
-  &[rows]:not([rows="2"]):focus {
-    margin-bottom: -1px;
-  }
-}
-
-.mui-textfield > input:focus {
-  // Compensate for height change on focus
-  height: $mui-input-height + 1px;
-  margin-bottom: -1px;
-}
-
-
-
-// ============================================================================
-// CHECKBOXES-AND-RADIOS
-// ============================================================================
-
-.mui-radio,
-.mui-checkbox {
-  position: relative;
-  display: block;
-  margin-top: 10px;
-  margin-bottom: 10px;
-
-  > label {
-    min-height: $mui-base-line-height-computed;
-    padding-left: 20px;
-    margin-bottom: 0;
-    font-weight: normal;
-    cursor: pointer;
-  }
-}
-
-.mui-radio > label > input[type="radio"],
-.mui-radio--inline > label > input[type="radio"],
-.mui-checkbox > label> input[type="checkbox"],
-.mui-checkbox--inline > label > input[type="checkbox"] {
-  position: absolute;
-  margin-left: -20px;
-  margin-top: 4px;
-}
-
-.mui-radio + .mui-radio,
-.mui-checkbox + .mui-checkbox {
-  // Move up sibling radios or checkboxes for tighter spacing
-  margin-top: -5px;
-}
-
-.mui-radio--inline,
-.mui-checkbox--inline {
-  // Radios and checkboxes on same line
-  display: inline-block;
-  padding-left: 20px;
-  margin-bottom: 0;
-  vertical-align: middle;
-  font-weight: normal;
-  cursor: pointer;
-
-  > input[type="radio"],
-  > input[type="checkbox"],
-  > label > input[type="radio"],
-  > label > input[type="checkbox"] {
-    margin: 4px 0 0;
-    line-height: normal;
-  }
-}
-
-.mui-radio--inline + .mui-radio--inline,
-.mui-checkbox--inline + .mui-checkbox--inline {
-  // Space out consecutive inline controls
-  margin-top: 0;
-  margin-left: 10px;
-}
-
-
-
-// ============================================================================
-// SELECT-COMPONENT
-// ============================================================================
-
-.mui-select {
-  display: block;
-  padding-top: $xFormLabelLineHeight;
-  margin-bottom: $mui-form-group-margin-bottom;
-  position: relative;
-
-  &:focus {
-    outline: 0;
-
-    > select {
-      height: $mui-input-height + 1px;
-      margin-bottom: -1px;
-      border-color: $mui-input-border-color-focus;
-      border-width: 2px;
-    }
-  }
-
-  > select {
-    @include mui-node-inserted();
-
-    // Layout
-    display: block;
-    height: $mui-input-height;
-    width: 100%;
-
-    // Look and feel
-    appearance: none;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    outline: none;
-    border: none;
-    border-bottom: 1px solid $mui-input-border-color;
-    border-radius: 0px;
-    box-shadow: none;
-    background-color: $mui-input-bg-color;
-    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNiIgd2lkdGg9IjEwIj48cG9seWdvbiBwb2ludHM9IjAsMCAxMCwwIDUsNiIgc3R5bGU9ImZpbGw6cmdiYSgwLDAsMCwuMjQpOyIvPjwvc3ZnPg==");
-    background-repeat: no-repeat;
-    background-position: right center;
-    cursor: pointer;
-
-    // Typography
-    color: $mui-input-font-color;
-    font-size: $mui-input-font-size;
-    padding: 0 25px 0 0;
-
-    &::-ms-expand {
-      display: none;  // For IE
-    }
-
-    &:focus {
-      outline: 0;
-      height: $mui-input-height + 1px;
-      margin-bottom: -1px;
-      border-color: $mui-input-border-color-focus;
-      border-width: 2px;
-    }
-
-    &:disabled {
-      color: mui-color('black-alpha-38');
-      cursor: $mui-cursor-disabled;
-      background-color: $mui-input-bg-color-disabled;
-      opacity: 1;  // iOS fix for unreadable disabled content
-    }
-  }
-}
-
-.mui-select__menu {
-  @extend .mui--z1;
-
-  // Positioning
-  position: absolute;
-  z-index: 1;
-
-  // Display
-  min-width: 100%;
-  overflow-y: auto;
-  padding: 8px 0;
-
-  // Other
-  background-color: mui-color('white');
-  font-size: $mui-input-font-size;
-
-  // IE10+ bugfix
-  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-    border-left: 1px solid mui-color('black-alpha-12');
-    border-top: 1px solid mui-color('black-alpha-12');
-  }
-
-  > div {
-    padding: 0 22px;
-    height: $mui-input-font-size + 26px;
-    line-height: $mui-input-font-size + 26px;
-    cursor: pointer;
-    white-space: nowrap;
-
-    &:hover {
-      background-color: mui-color('grey', '300');
-    }
-
-    &.mui--is-selected {
-      background-color: mui-color('grey', '200');
-    }
-  }
-}
-
-
-
-// ============================================================================
-// INLINE-FORMS
-// ============================================================================
-
-.mui-form--inline {
-  @media (min-width: $mui-screen-sm-min) {
-    > .mui-textfield {
-      display: inline-block;
-      margin-bottom: 0;
-    }
-
-    > .mui-radio,
-    > .mui-checkbox {
-      display: inline-block;
-      margin-top: 0;
-      margin-bottom: 0;
-      vertical-align: middle;
-
-      > label {
-        padding-left: 0;
-      }
-    }
-
-    > .mui-radio > label > input[type="radio"],
-    > .mui-checkbox > label > input[type="checkbox"] {
-      position: relative;
-      margin-left: 0;
-    }
-
-    > .mui-select {
-      display: inline-block;
-    }
-
-    > .mui-btn {
-      margin-bottom: 0;
-      margin-top: 0;
-      vertical-align: bottom;
-    }
-  }
-}
-
-
-
-// ============================================================================
-// FORM-VALIDATION
-// ============================================================================
-
-.mui-textfield > input:invalid:not(:focus),
-.mui-textfield > textarea:invalid:not(:focus),
-.mui-textfield > input:not(:focus).mui--is-invalid,
-.mui-textfield > textarea:not(:focus).mui--is-invalid {
-  &:not(:required),
-  &:required.mui--is-not-empty,
-  &:required.mui--is-empty.mui--is-dirty,
-  &:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),
-  &:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) {
-    border-color: $mui-danger-color;
-    border-width: 2px;
-  }
-}
-
-// Treat <input>'s different from <textarea>'s
-.mui-textfield > input:invalid:not(:focus),
-.mui-textfield > input:not(:focus).mui--is-invalid {
-  &:not(:required),
-  &:required.mui--is-not-empty,
-  &:required.mui--is-empty.mui--is-dirty,
-  &:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),
-  &:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) {
-    height: $mui-input-height + 1px;
-    margin-bottom: -1px;
-  }
-}
-
-.mui-textfield > input:invalid:not(:focus),
-.mui-textfield > textarea:invalid:not(:focus),
-.mui-textfield > input:not(:focus).mui--is-invalid,
-.mui-textfield > textarea:not(:focus).mui--is-invalid {
-  // Set label color to danger color
-  &:not(:required),
-  &:required.mui--is-not-empty,
-  &:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),
-  &:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) {
-    ~ label {
-      color: $mui-danger-color;
-    }
-  }
-}
-
-.mui-textfield:not(.mui-textfield--float-label) > input:invalid:not(:focus),
-.mui-textfield:not(.mui-textfield--float-label) > textarea:invalid:not(:focus),
-.mui-textfield:not(.mui-textfield--float-label) > input:not(:focus).mui--is-invalid,
-.mui-textfield:not(.mui-textfield--float-label) > textarea:not(:focus).mui--is-invalid {
-  // Set label color to danger color for dirty, empty fields
-  &:required.mui--is-empty.mui--is-dirty ~ label {
-    color: $mui-danger-color;
-  }
-}