material-ui 0.7.3.1

data/vendor/assets/stylesheets/material-ui/components/enhanced-switch.less

@@ -0,0 +1,52 @@
+.mui-enhanced-switch {
+  @mui-switch-width: 60px;
+
+  position: relative;
+  cursor: pointer;
+  overflow: visible;
+  display: table;
+  height: auto;
+  width: 100%;
+
+  .mui-enhanced-switch-input {
+    position: absolute;
+    cursor: pointer;
+    pointer-events: all;
+    opacity: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 2;
+    left: 0;
+  }
+
+  .mui-enhanced-switch-wrap {
+    .ease-out();
+    float: left;
+    position: relative;
+    display: table-column;
+
+
+    .mui-touch-ripple, 
+    .mui-focus-ripple-inner {
+        width: 200%;
+        height: 200%;
+        top: -12px;
+        left: -12px;
+    }
+  }
+  
+  .mui-switch-label {
+    float: left;
+    position: relative;
+    display: table-column;
+    width: calc(~"100% - @{mui-switch-width}");
+    line-height: 24px;
+  }
+
+  &.mui-is-switched {
+    .mui-focus-ripple-inner,
+    .mui-ripple-circle-inner {
+      background-color: @switches-ripple-color;
+    }
+  }
+}

data/vendor/assets/stylesheets/material-ui/components/enhanced-textarea.less

@@ -0,0 +1,16 @@
+.mui-enhanced-textarea {
+  .mui-enhanced-textarea-shadow,
+  .mui-enhanced-textarea-input {
+    width: 100%;
+    resize: none;
+  }
+
+  .mui-enhanced-textarea-input {
+    overflow: hidden;
+  }
+
+  .mui-enhanced-textarea-shadow {
+    transform: scale(0);
+    position: absolute;
+  }
+}

data/vendor/assets/stylesheets/material-ui/components/flat-button.less

@@ -0,0 +1,93 @@
+.mui-flat-button {
+
+  .ease-out();
+  .mui-font-style-button;
+  border-radius: 2px;
+  user-select: none;
+
+  position: relative;
+  overflow: hidden;
+  background-color: @flat-button-color;
+  color: @flat-button-text-color;
+  line-height: @button-height;
+  min-width: @button-min-width;
+  padding: 0;
+  margin: 0;
+
+  //This is need so that ripples do not bleed
+  //past border radius.
+  //See: http://stackoverflow.com/questions/17298739/css-overflow-hidden-not-working-in-chrome-when-parent-has-border-radius-and-chil
+  transform: translate3d(0, 0, 0);
+
+  .mui-touch-ripple {
+    .mui-ripple-circle-inner {
+      background-color: @flat-button-ripple-color;
+    }
+  }
+
+  .mui-focus-ripple {
+    .mui-focus-ripple-inner {
+      background-color: @flat-button-focus-ripple-color;
+    }
+  }
+
+  .mui-flat-button-label {
+    position: relative;
+    padding: 0 @desktop-gutter-less;
+  }
+
+  &:hover,
+  &.mui-is-keyboard-focused {
+    background-color: @flat-button-hover-color;
+  }
+
+  &.mui-is-disabled {
+    color: @flat-button-disabled-text-color;
+
+    &:hover {
+      background-color: inherit;
+    }
+  }
+
+  &.mui-is-primary {
+    color: @flat-button-primary-text-color;
+
+    &:hover,
+    &.mui-is-keyboard-focused {
+      background-color: @flat-button-primary-hover-color;
+    }
+
+    .mui-touch-ripple {
+      .mui-ripple-circle-inner {
+        background-color: @flat-button-primary-ripple-color;
+      }
+    }
+
+    .mui-focus-ripple {
+      .mui-focus-ripple-inner {
+        background-color: @flat-button-primary-focus-ripple-color;
+      }
+    }
+  }
+
+  &.mui-is-secondary {
+    color: @flat-button-secondary-text-color;
+
+    &:hover,
+    &.mui-is-keyboard-focused {
+      background-color: @flat-button-secondary-hover-color;
+    }
+
+    .mui-touch-ripple {
+      .mui-ripple-circle-inner {
+        background-color: @flat-button-secondary-ripple-color;
+      }
+    }
+
+    .mui-focus-ripple {
+      .mui-focus-ripple-inner {
+        background-color: @flat-button-secondary-focus-ripple-color;
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/material-ui/components/floating-action-button.less

@@ -0,0 +1,95 @@
+.mui-floating-action-button {
+
+  display: inline-block;
+
+  &, * { .ease-out(); }
+
+  .mui-floating-action-button-container {
+    position: relative;
+    height: @floating-action-button-size;
+    width: @floating-action-button-size;
+    padding: 0;
+    overflow: hidden; 
+    background-color: @floating-action-button-color;
+    border-radius: 50%;
+
+    //This is need so that ripples do not bleed
+    //past border radius.
+    //See: http://stackoverflow.com/questions/17298739/css-overflow-hidden-not-working-in-chrome-when-parent-has-border-radius-and-chil
+    transform: translate3d(0, 0, 0);
+
+    &.mui-is-disabled {
+      background-color: @floating-action-button-disabled-color;
+
+      .mui-floating-action-button-icon {
+        color: @floating-action-button-disabled-text-color;
+      }
+
+      &:hover {
+        background-color: @floating-action-button-disabled-color;
+      }
+    }
+
+    &:hover,
+    &.mui-is-keyboard-focused {
+      background-color: @floating-action-button-hover-color;
+    }
+  }
+
+  .mui-floating-action-button-icon {
+    line-height: @floating-action-button-size;
+    color: @floating-action-button-icon-color;
+    fill: @floating-action-button-icon-color;
+  }
+
+  .mui-touch-ripple {
+    .mui-ripple-circle-inner {
+      background-color: @floating-action-button-ripple-color;
+    }
+  }
+
+  .mui-focus-ripple {
+    .mui-focus-ripple-inner {
+      background-color: @floating-action-button-focus-ripple-color
+    }
+  }
+
+  &.mui-is-mini {
+    .mui-floating-action-button-container {
+      height: @floating-action-button-mini-size;
+      width: @floating-action-button-mini-size;
+    }
+
+    .mui-floating-action-button-icon {
+      line-height: @floating-action-button-mini-size;
+    }
+  }
+
+  &.mui-is-secondary {
+
+    .mui-floating-action-button-container {
+      background-color: @floating-action-button-secondary-color;
+
+      &:hover,
+      &.mui-is-keyboard-focused {
+        background-color: @floating-action-button-secondary-hover-color;
+      }
+    }
+
+    .mui-floating-action-button-icon {
+      color: @floating-action-button-secondary-icon-color;
+    }
+
+    .mui-touch-ripple {
+      .mui-ripple-circle-inner {
+        background-color: @floating-action-button-secondary-ripple-color;
+      }
+    }
+
+    .mui-focus-ripple {
+      .mui-focus-ripple-inner {
+        background-color: @floating-action-button-secondary-focus-ripple-color;
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/material-ui/components/font-icon.less

@@ -0,0 +1,6 @@
+.mui-font-icon {
+  position: relative;
+  font-size: @icon-size;
+  display: inline-block;
+  user-select: none;
+}

data/vendor/assets/stylesheets/material-ui/components/icon-button.less

@@ -0,0 +1,46 @@
+@icon-button-size: (@icon-size * 2);
+
+.mui-icon-button {
+
+  * { .ease-out(); }
+  position: relative;
+  padding: (@icon-size / 2);
+  width: @icon-size*2;
+  height: @icon-size*2;
+
+  .mui-focus-ripple {
+    .mui-focus-ripple-inner {
+      background-color: rgba(0,0,0,0.1);
+      box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);
+      border: solid 6px @transparent;
+      background-clip: padding-box;
+      .pulsate(icon-button-focus-ripple-pulsate);
+    }
+  }
+
+  .mui-icon-button-tooltip {  
+    margin-top: (@icon-button-size + 4);
+  }
+
+  &.mui-is-disabled {
+    * {
+      color: lighten(@body-text-color, 75%);
+      fill: lighten(@body-text-color, 75%);
+    }
+  }
+}
+
+.mui-dark-theme {
+  .mui-touch-ripple {
+    .mui-ripple-circle-inner {
+      background-color: rgba(255,255,255,0.3);
+    }
+  }
+
+  .mui-focus-ripple {
+    .mui-focus-ripple-inner {
+      background-color: rgba(255,255,255,0.3);
+      box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.3);
+    }
+  }
+}

data/vendor/assets/stylesheets/material-ui/components/ink-bar.less

@@ -0,0 +1,9 @@
+.mui-ink-bar {
+  bottom: 0;
+  display: block;
+  background-color: yellow;
+  height: 2px;
+  margin-top: -2px;
+  position: relative;
+  .ease-out(1s, left);
+}

data/vendor/assets/stylesheets/material-ui/components/input.less

@@ -0,0 +1,186 @@
+.mui-input {
+  position: relative;
+  margin-top: 24px;
+  margin-bottom: 48px;
+
+  input, textarea {
+    background-color: transparent;
+    font-size: @input-font-size;
+    border: 0;
+    outline: none;
+    border-bottom: 1px solid lightgray;
+    padding: 0;
+    box-sizing: border-box;
+    padding-bottom: 14px;
+
+    &[type='text'], &[type='password'], &[type='email'] {
+      display: block;
+      width: @input-width;
+    }
+
+    &:focus, &.mui-is-not-empty, &:disabled[value]:not([value=""]) {
+      outline: none;
+      box-shadow: none;
+      &~.mui-input-placeholder {
+        color: blue;
+        font-size: @input-placeholder-size !important;
+        font-weight: 300;
+        top: -32px;
+        .ease-out;
+      }
+      &~.mui-input-highlight {
+        width: 0;
+        background-color: blue;
+        .ease-out;
+      }
+      &~.mui-input-bar {
+        &::before, &::after {
+          background-color: blue;
+          width: 50%;
+        }
+      }
+      &~.mui-input-description {
+        display: block;
+      }
+    }
+
+    &:not(:focus).mui-is-not-empty, &:disabled[value]:not([value=""]) {
+      &+.mui-input-placeholder {
+        color: gray;
+
+        &+.mui-input-highlight {
+          &+.mui-input-bar {
+            &::before, &::after {
+              width: 0;
+            }
+
+            &+.mui-input-description {
+              display: none;
+            }
+          }
+        }
+      }
+    }
+
+    &+.mui-input-placeholder {
+      font-size: @input-font-size;
+      color: gray;
+      position: absolute;
+      top: -4px;
+      //z-index: -1;
+      .ease-out;
+    }
+  }
+
+  .mui-input-highlight {
+    content: '';
+    position: absolute;
+    background-color: transparent;
+    opacity: 0.25;
+    height: 19px;
+    top: -3px;
+    width: (@input-width/2);
+    z-index: -1;
+  }
+
+  .mui-input-bar {
+    position: relative;
+    display: block;
+    width: @input-width;
+
+    &::before, &::after {
+      content: '';
+      height: @input-bar-height;
+      top: (-1 * @input-bar-height);
+      width: 0;
+      position: absolute;
+      .ease-out;
+    }
+
+    &::before {
+      left: 50%;
+    }
+
+    &::after {
+      right: 50%;
+    }
+  }
+
+  .mui-input-description {
+    display: none;
+    color: blue;
+    position: absolute;
+  }
+
+  .mui-input-error {
+    display: none;
+    color: @input-error-color;
+    position: absolute;
+  }
+
+  &.mui-error {
+    input, textarea {
+      &:focus, &.mui-is-not-empty {
+        &+.mui-input-placeholder {
+          color: @input-error-color;
+
+          &+.mui-input-highlight {
+            width: 0;
+            background-color: red;
+
+            &+.mui-input-bar {
+
+              &::before, &::after {
+                background-color: @input-error-color;
+              }
+
+              &+.mui-input-description {
+                display: none;
+              }
+            }
+          }
+        }
+      }
+
+    }
+
+    .mui-input-error {
+      display: block;
+    }
+  }
+
+  &.mui-floating {
+    margin-top: @desktop-gutter;
+    input, textarea {
+      &:focus {
+        &+.mui-input-placeholder {
+          display: block;
+          color: gray;
+          font-size: 16px !important;
+          font-weight: 400;
+          top: -4px;
+        }
+
+        &.mui-is-not-empty {
+          &+.mui-input-placeholder {
+            display: none;
+          }
+        }
+      }
+
+      &.mui-is-not-empty {
+        &+.mui-input-placeholder {
+          display: none;
+        }
+      }
+    }
+  }
+  
+  &.mui-disabled { opacity: 0.4 }
+
+  &::-webkit-input-placeholder {
+    position: absolute !important;
+    top: -20px !important;
+  }
+
+}