material-ui 0.7.3.1

data/vendor/assets/stylesheets/material-ui/components/left-nav.less

@@ -0,0 +1,31 @@
+.mui-left-nav {
+
+  .mui-left-nav-menu {
+    height: 100%;
+    position: fixed;
+    width: @left-nav-width;
+    background-color: @left-nav-color;
+    z-index: 10;
+    left: 0px;
+    top: 0px;
+    .ease-out();
+
+    .mui-menu {
+      .mui-menu-item {
+        height: @desktop-left-nav-menu-item-height;
+        line-height: @desktop-left-nav-menu-item-height;
+      }
+      a.mui-menu-item {
+        display: block;
+        text-decoration: none;
+        color: @body-text-color;
+      }
+    }
+  }
+
+  &.mui-closed {
+    .mui-left-nav-menu {
+      transform: translate3d((-1 * @left-nav-width) - 10px, 0, 0);
+    }
+  }
+}

data/vendor/assets/stylesheets/material-ui/components/menu-item.less

@@ -0,0 +1,69 @@
+.mui-menu-item {
+
+  * { user-select: none }
+  
+  cursor: pointer;
+  line-height: @menu-item-height;
+  padding-left: @menu-item-padding;
+  padding-right: @menu-item-padding;
+  background-color: fade(@menu-item-hover-color, 0%);
+
+  &:hover {
+    &:not(.mui-is-disabled) {
+      background-color: @menu-item-hover-color;
+    }
+  }
+
+  .mui-menu-item-number {
+    float: right;
+    width: 24px;
+    text-align: center;
+  }
+
+  .mui-menu-item-attribute {
+    float: right;
+  }
+
+  .mui-menu-item-icon-right {
+    line-height: @menu-item-height;
+    float: right;
+  }
+
+  .mui-menu-item-icon {
+    float: left;
+    line-height: @menu-item-height;
+    margin-right: @desktop-gutter;
+  }
+
+  .mui-menu-item-data {
+    display: block;
+    padding-left: (@desktop-gutter * 2);
+    line-height: @menu-item-data-height;
+    height: @menu-item-data-height;
+    vertical-align: top;
+    top: -12px;
+    position: relative;
+    .mui-font-weight-light;
+  }
+
+  .muidocs-icon-custom-arrow-drop-right {
+    margin-right: (@desktop-gutter-mini * -1);
+    color: @drop-down-menu-icon-color;
+  }
+
+  .mui-toggle {
+    margin-top: ((@menu-item-height - @radio-button-size) / 2);
+    float: right;
+    width: 42px;
+  }
+
+  &.mui-is-selected {
+    color: @menu-item-selected-text-color;
+  }
+    
+  &.mui-is-disabled {
+    color: @disabled-color !important;
+    cursor: default;
+  }
+
+}

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

@@ -0,0 +1,50 @@
+.mui-menu {
+
+  * { .ease-out; }
+
+  background-color: @menu-background-color;
+
+  &.mui-menu-hideable {
+    opacity: 0;
+    position: absolute;
+    top: 0;
+    z-index: 1;
+
+    .mui-paper-container {
+      overflow: hidden;
+      padding: 0;
+    }
+
+    &.mui-visible {
+      & > .mui-paper-container {
+        padding-top: @desktop-gutter-mini;
+        padding-bottom: @desktop-gutter-mini;
+      }
+    }
+  }
+
+  .mui-paper-container {
+    padding-top: @desktop-gutter-mini;
+    padding-bottom: @desktop-gutter-mini;
+  }
+
+  .mui-subheader {
+    padding-left: @menu-subheader-padding;
+    padding-right: @menu-subheader-padding;
+  }
+
+  .mui-nested-menu-item {
+    position: relative;
+      
+    &.mui-is-disabled {
+        color: @disabled-color;
+        cursor: default;
+    }
+
+    &.mui-open {
+      & > .mui-menu {
+        opacity: 1;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,21 @@
+.mui-overlay {
+  position: fixed;
+  height: 100%;
+  width: 100%;
+  z-index: 9;
+  top: 0px;
+
+  left: -100%;
+  background-color: rgba(0, 0, 0, 0);
+  transition:
+    left 0ms @ease-out-function 400ms,
+    background-color 400ms @ease-out-function 0ms;
+
+  &.mui-is-shown {
+    left: 0px;
+    background-color: @light-black;
+    transition:
+      left 0ms @ease-out-function 0ms,
+      background-color 400ms @ease-out-function 0ms;
+  }
+}

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

@@ -0,0 +1,59 @@
+.mui-paper {
+
+  &.mui-rounded {
+    border-radius: 2px;
+
+    & > .mui-paper-container {
+      border-radius: 2px;
+    }
+  }
+
+  &.mui-circle {
+    border-radius: 50%;
+
+    & > .mui-paper-container {
+      border-radius: 50%;
+    }
+  }
+
+  & > .mui-paper-container {
+    height: 100%;
+    width: 100%;
+  }
+
+  &.mui-z-depth-1 {
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.24);
+    & > .mui-z-depth-bottom {
+      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
+    }
+  }
+
+  &.mui-z-depth-2 {
+    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
+    & > .mui-z-depth-bottom {
+      box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
+    }
+  }
+
+  &.mui-z-depth-3 {
+    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.23);
+    & > .mui-z-depth-bottom {
+      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.19);
+    }
+  }
+
+  &.mui-z-depth-4 {
+    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.22);
+    & > .mui-z-depth-bottom {
+      box-shadow: 0 14px 45px rgba(0, 0, 0, 0.25);
+    }
+  }
+
+  &.mui-z-depth-5 {
+    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.22);
+    & > .mui-z-depth-bottom {
+      box-shadow: 0 19px 60px rgba(0, 0, 0, 0.30);
+    }
+  }
+
+}

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

@@ -0,0 +1,67 @@
+.mui-radio-button {
+  .mui-radio-button-icon {
+    @radio-button-size: 24px;
+
+    height: @radio-button-size;
+    width: @radio-button-size;
+    margin-right: @desktop-gutter-less;
+    
+
+    .mui-radio-button-fill {
+      position: absolute;
+      opacity: 0;
+      transform: scale(0);
+      transform-origin: 50% 50%;
+      .ease-out;
+      * { fill: @radio-button-checked-color; }
+    }
+
+    .mui-radio-button-target {
+      .ease-out();
+      position: absolute;
+      opacity: 1;
+      transform: scale(1);
+      * {
+        fill: @radio-button-border-color;
+        .ease-out(@duration: 2s; @delay: 200ms);
+      }
+    }
+  }
+    
+  &.mui-is-switched {
+    .mui-radio-button-icon {
+      .mui-radio-button-fill {
+        opacity: 1;
+        transform: scale(1);
+      }
+
+      .mui-radio-button-target {
+        opacity: 0;
+        transform: scale(0);
+        * { 
+          fill: @radio-button-checked-color; 
+          .ease-out(@duration: 100s; @delay: 0ms);
+        }
+      }
+    }
+  }
+
+  &.mui-is-disabled {
+    .mui-radio-button-icon {
+      .mui-radio-button-fill,
+      .mui-radio-button-target {
+        * { fill: @radio-button-disabled-color; }
+      }
+    }
+  }
+
+  &.mui-is-required {
+    .mui-radio-button-icon {
+      .mui-radio-button-target {
+        * { fill: @radio-button-required-color; }
+      }
+    }
+  }
+}
+
+

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

@@ -0,0 +1,132 @@
+.mui-raised-button {
+
+  display: inline-block;
+  min-width: @button-min-width;
+  height: @button-height;
+
+  &, * { .ease-out(); }
+
+  .mui-raised-button-container {
+    position: relative;
+    width: 100%;
+    padding: 0;
+    overflow: hidden;
+    border-radius: 2px;
+    background-color: @raised-button-color;
+    
+    //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-keyboard-focused {
+      background-color: @raised-button-hover-color;
+    }
+
+    &.mui-is-disabled {
+      background-color: @raised-button-disabled-color;
+
+      .mui-raised-button-label {
+        color: @raised-button-disabled-text-color;
+      }
+
+      &:hover {
+        background-color: @raised-button-disabled-color;
+      }
+    }
+  }
+
+  .mui-touch-ripple {
+    .mui-ripple-circle-inner {
+      background-color: @raised-button-ripple-color;
+    }
+  }
+
+  .mui-focus-ripple {
+    .mui-focus-ripple-inner {
+      background-color: @raised-button-focus-ripple-color;
+    }
+  }
+
+  .mui-raised-button-label {
+    position: relative;
+    .mui-font-style-button;
+    margin: 0;
+    padding: 0 @desktop-gutter-less;
+    user-select: none;
+    line-height: @button-height;
+    color: @raised-button-text-color;
+  }
+
+  &:hover {
+    .mui-raised-button-container {
+      background-color: @raised-button-hover-color;
+    }
+  }
+
+  &.mui-is-primary {
+
+    .mui-raised-button-container {
+      background-color: @raised-button-primary-color;
+
+      &.mui-is-keyboard-focused {
+        background-color: @raised-button-primary-hover-color;
+      }
+    }
+
+    .mui-touch-ripple {
+      .mui-ripple-circle-inner {
+        background-color: @raised-button-primary-ripple-color;
+      }
+    }
+
+    .mui-focus-ripple {
+      .mui-focus-ripple-inner {
+        background-color: @raised-button-primary-focus-ripple-color;
+      }
+    }
+
+    .mui-raised-button-label {
+      color: @raised-button-primary-text-color;
+    }
+
+    &:hover {
+      .mui-raised-button-container {
+        background-color: @raised-button-primary-hover-color;
+      }
+    }
+  }
+
+  &.mui-is-secondary {
+
+    .mui-raised-button-container {
+      background-color: @raised-button-secondary-color;
+
+      &.mui-is-keyboard-focused {
+        background-color: @raised-button-secondary-hover-color;
+      }
+    }
+
+    .mui-touch-ripple {
+      .mui-ripple-circle-inner {
+        background-color: @raised-button-secondary-ripple-color;
+      }
+    }
+
+    .mui-focus-ripple {
+      .mui-focus-ripple-inner {
+        background-color: @raised-button-secondary-focus-ripple-color;
+      }
+    }
+
+    .mui-raised-button-label {
+      color: @raised-button-secondary-text-color;
+    }
+
+    &:hover {
+      .mui-raised-button-container {
+        background-color: @raised-button-secondary-hover-color;
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/material-ui/components/ripples/circle.less

@@ -0,0 +1,31 @@
+.mui-ripple-circle {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  opacity: 0.7;
+  .ease-out(@property: opacity; @duration: 2s);
+  
+  .mui-ripple-circle-inner {
+    height: 100%;
+    width: 100%;
+    border-radius: 50%;
+    transform: scale(0);
+    background-color: rgba(0,0,0,0.2);
+    .ease-out(@property: transform; @duration: 1s);
+  }
+
+  &.mui-is-started {
+    opacity: 1;
+
+    .mui-ripple-circle-inner {
+      transform: scale(1);
+    }
+  }
+
+  &.mui-is-ending {
+    opacity: 0;
+  }
+
+}