mui-sass 0.9.8 → 0.9.9

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

@@ -46,6 +46,9 @@ $xFormLabelLineHeight: floor($mui-label-font-size * 1.25);
     // Typography
     color: $mui-input-font-color;
     font-size: $mui-input-font-size;
+    font-family: inherit;
+    line-height: inherit;
+
     padding: 0 25px 0 0;
 
     &::-ms-expand {
@@ -112,6 +115,12 @@ $xFormLabelLineHeight: floor($mui-label-font-size * 1.25);
     border-top: 1px solid mui-color('black-alpha-12');
   }
 
+  // Edge bugfix
+  @supports (-ms-ime-align:auto) {
+    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;

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

@@ -2,11 +2,6 @@
  * MUI Table Component
  */
 
-// Global styles
-th {
-  text-align: left;
-}
-
 // Table style
 .mui-table {
   width: 100%;
@@ -18,6 +13,10 @@ th {
   > tbody,
   > tfoot {
     > tr {
+      > th {
+        text-align: left;
+      }
+
       > th,
       > td {
         padding: $mui-table-cell-padding;

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

@@ -26,8 +26,6 @@ $xFormLabelLineHeight: floor($mui-label-font-size * 1.25);
 
   > input,
   > textarea {
-    display: block;
-
     &:focus ~ label {
       color: $mui-input-border-color-focus;
     }
@@ -93,6 +91,7 @@ $xFormLabelLineHeight: floor($mui-label-font-size * 1.25);
 
 .mui-textfield > input,
 .mui-textfield > textarea {
+  box-sizing: border-box;
   display: block;
   background-color: $mui-input-bg-color;
   color: $mui-input-font-color;
@@ -100,11 +99,15 @@ $xFormLabelLineHeight: floor($mui-label-font-size * 1.25);
   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;
 
+  // Typography
+  font-size: $mui-input-font-size;
+  font-family: inherit;
+  line-height: inherit; 
+
   // Bugfix for firefox-android
   background-image: none;
 
@@ -164,7 +167,7 @@ $xFormLabelLineHeight: floor($mui-label-font-size * 1.25);
 .mui-textfield > textarea:not(:focus).mui--is-invalid {
   &:not(:required),
   &:required.mui--is-not-empty,
-  &:required.mui--is-empty.mui--is-dirty,
+  &:required.mui--is-empty.mui--is-touched,
   &: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;
@@ -177,7 +180,7 @@ $xFormLabelLineHeight: floor($mui-label-font-size * 1.25);
 .mui-textfield > input:not(:focus).mui--is-invalid {
   &:not(:required),
   &:required.mui--is-not-empty,
-  &:required.mui--is-empty.mui--is-dirty,
+  &:required.mui--is-empty.mui--is-touched,
   &: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;
@@ -185,32 +188,52 @@ $xFormLabelLineHeight: floor($mui-label-font-size * 1.25);
   }
 }
 
-.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;
+// set label color for invalid inputs
+.mui-textfield {
+  // has floating label
+  &.mui-textfield--float-label {
+    > input:invalid:not(:focus),
+    > textarea:invalid:not(:focus) {
+      &: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;
+        }
+      }
+    }
+  }
+
+  // doesn't have floating label
+  &:not(.mui-textfield--float-label) {
+    > input:invalid:not(:focus),
+    > textarea:invalid:not(:focus) {
+      &:not(:required),
+      &:required.mui--is-empty.mui--is-touched,
+      &:required.mui--is-not-empty {
+        ~ label {
+          color: $mui-danger-color;
+        }
+      }
     }
   }
 }
 
-.mui-textfield > input:not(:focus).mui--is-invalid,
-.mui-textfield > textarea:not(:focus).mui--is-invalid {
 
-}
+// set label color for force class (mui--is-invalid)
+.mui-textfield {
+  // has floating label
+  &.mui-textfield--float-label {
+    > .mui--is-invalid.mui--is-not-empty:not(:focus) ~ 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;
+  // doesn't have floating label
+  &:not(.mui-textfield--float-label) {
+    > .mui--is-invalid:not(:focus) ~ label {
+      color: $mui-danger-color;
+    }
   }
 }

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

@@ -15,6 +15,35 @@ $mui-danger-color:             mui-color('red', '500') !default;
 
 
 
+// ============================================================================
+// GLOBAL VARIABLES
+// ============================================================================
+
+$mui-include-globals:            true !default;
+
+$mui-body-bg-color:              mui-color('white') !default;
+
+$mui-base-font-color:            mui-color('black-alpha-87') !default;
+$mui-base-font-family:           Arial, Verdana, Tahoma !default;
+$mui-base-font-size:             14px !default;
+$mui-base-font-weight:           400 !default;
+$mui-base-line-height:           1.429 !default;
+$mui-base-font-smoothing:        false !default;
+
+$mui-link-font-color:            $mui-primary-color !default;
+$mui-link-text-decoration:       none !default;
+$mui-link-font-color-hover:      $mui-primary-color-dark !default;
+$mui-link-text-decoration-hover: underline !default;
+
+$mui-cursor-disabled:            not-allowed !default;
+$mui-border-radius-default:      2px !default;
+
+$mui-hr-color:                   mui-color('black-alpha-12') !default;
+$mui-abbr-border-color:          $mui-primary-color !default;
+
+
+
+
 // ============================================================================
 // MEDIA QUERY BREAKPOINTS
 // ============================================================================
@@ -50,38 +79,6 @@ $mui-container-xl:               1170px !default;
 
 
 
-// ============================================================================
-// SCAFFOLDING
-// ============================================================================
-
-$mui-body-bg-color:              mui-color('white') !default;
-$mui-link-font-color:            $mui-primary-color !default;
-$mui-link-text-decoration:       none !default;
-$mui-link-font-color-hover:      $mui-primary-color-dark !default;
-$mui-link-text-decoration-hover: underline !default;
-
-$mui-hr-color:                   mui-color('black-alpha-12') !default;
-$mui-abbr-border-color:          $mui-primary-color !default;
-$mui-cursor-disabled:            not-allowed !default;
-$mui-border-radius-default:      2px !default;
-
-
-
-
-// ============================================================================
-// TYPOGRAPHY
-// ============================================================================
-
-$mui-base-font-color:     mui-color('black-alpha-87') !default;
-$mui-base-font-family:    Arial, Verdana, Tahoma !default;
-$mui-base-font-size:      14px !default;
-$mui-base-font-weight:    400 !default;
-$mui-base-line-height:    1.429 !default;
-$mui-base-font-smoothing: false !default;
-
-
-
-
 // ============================================================================
 // TEXT COLORS
 // ============================================================================
@@ -165,27 +162,27 @@ $mui-btn-flat-ripple-color:           darken(mui-color('white'), 35%) !default;
 // FORMS
 // ============================================================================
 
-$mui-input-bg-color:                  transparent !default;
-$mui-input-bg-color-disabled:         transparent !default;
-$mui-input-font-color:                $mui-base-font-color !default;
-$mui-input-font-size:                 16px !default;
-$mui-input-height:                    32px !default;
-
-$mui-input-placeholder-color:         rgba(mui-color('black'), 0.26) !default;
+$mui-input-bg-color:              transparent !default;
+$mui-input-bg-color-disabled:     transparent !default;
+$mui-input-font-color:            $mui-base-font-color !default;
+$mui-input-font-size:             16px !default;
+$mui-input-height:                32px !default;
 
-$mui-input-border-color:              $mui-input-placeholder-color !default;
-$mui-input-border-color-focus:        $mui-primary-color !default;
+$mui-input-placeholder-color:     rgba(mui-color('black'), 0.26) !default;
 
-$mui-textarea-height:                 64px !default;
+$mui-input-border-color:          $mui-input-placeholder-color !default;
+$mui-input-border-color-focus:    $mui-primary-color !default;
 
-$mui-label-font-size:                 12px !default;
-$mui-label-font-color:                mui-color('black-alpha-54') !default;
-$mui-label-margin-bottom:             3px !default;
+$mui-textarea-height:             64px !default;
 
-$mui-legend-font-size:                $mui-base-font-size * 1.5 !default;
-$mui-legend-font-color:               $mui-base-font-color !default;
+$mui-label-font-size:             12px !default;
+$mui-label-font-color:            mui-color('black-alpha-54') !default;
+$mui-label-margin-bottom:         3px !default;
 
-$mui-form-group-margin-bottom:        20px !default;
+$mui-form-legend-font-size:       $mui-base-font-size * 1.5 !default;
+$mui-form-legend-margin-bottom:   $mui-form-legend-font-size / 2 !default;
+$mui-form-legend-font-color:      $mui-base-font-color !default;
+$mui-form-group-margin-bottom:    20px !default;
 
 
 

data/vendor/assets/stylesheets/mui/mixins/_grid-framework.scss

@@ -6,6 +6,9 @@
   }
 
   #{$list} {
+    // box sizing
+    box-sizing: border-box;
+
     // Prevent columns from collapsing when empty
     min-height: 1px;
 

data/vendor/assets/stylesheets/mui/mixins/_util.scss

@@ -24,6 +24,7 @@
 @mixin mui-container-fixed($gutter: $mui-grid-gutter-width) {
   @include mui-clearfix();
 
+  box-sizing: border-box;
   margin-right: auto;
   margin-left: auto;
   padding-left:  ($gutter / 2);
@@ -38,3 +39,467 @@
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
 }
+
+@mixin normalizecss() {
+/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Change the default font family in all browsers (opinionated).
+ * 2. Correct the line height in all browsers.
+ * 3. Prevent adjustments of font size after orientation changes in
+ *    IE on Windows Phone and in iOS.
+ */
+
+/* Document
+   ========================================================================== */
+
+html {
+  font-family: sans-serif; /* 1 */
+  line-height: 1.15; /* 2 */
+  -ms-text-size-adjust: 100%; /* 3 */
+  -webkit-text-size-adjust: 100%; /* 3 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+body {
+  margin: 0;
+}
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+article,
+aside,
+footer,
+header,
+nav,
+section {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in IE.
+ */
+
+figcaption,
+figure,
+main { /* 1 */
+  display: block;
+}
+
+/**
+ * Add the correct margin in IE 8.
+ */
+
+figure {
+  margin: 1em 40px;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+
+a {
+  background-color: transparent; /* 1 */
+  -webkit-text-decoration-skip: objects; /* 2 */
+}
+
+/**
+ * Remove the outline on focused links when they are also active or hovered
+ * in all browsers (opinionated).
+ */
+
+a:active,
+a:hover {
+  outline-width: 0;
+}
+
+/**
+ * 1. Remove the bottom border in Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+
+b,
+strong {
+  font-weight: inherit;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+
+dfn {
+  font-style: italic;
+}
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+
+mark {
+  background-color: #ff0;
+  color: #000;
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+  display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+  border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: sans-serif; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ *    controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+html [type="button"], /* 1 */
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Change the border, margin, and padding in all browsers (opinionated).
+ */
+
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  display: inline-block; /* 1 */
+  vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ */
+
+details, /* 1 */
+menu {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Scripting
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+  display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+  display: none;
+}
+
+/* Hidden
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+  display: none;
+}
+}