material-ui 0.7.3.1

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

@@ -0,0 +1,83 @@
+.mui-toggle {
+  @mui-switch-width: 60px;
+  
+  .mui-toggle-icon {
+    @toggle-track-width: 36px;
+    @toggle-padding-right: calc(@mui-switch-width - @toggle-track-width);
+
+    padding: 4px 0px 6px 2px;
+    margin-right: @desktop-gutter-mini;
+
+    .mui-toggle-track {
+      .ease-out;
+      width: @toggle-track-width;
+      height: 14px;
+      border-radius: 30px;
+      background-color: @toggle-track-off-color;
+    }
+
+    .mui-toggle-thumb {
+      .ease-out;
+      position: absolute;
+      top: 1px;
+      left: 2px;
+      width: @toggle-size;
+      height: @toggle-size;
+      line-height: 24px;
+      border-radius: 50%;
+      background-color: @toggle-thumb-off-color;
+
+      .mui-paper-container {
+        border-radius: 50%;
+      }
+      
+      .mui-touch-ripple, 
+      .mui-focus-ripple-inner {
+        width: 200%;
+        height: 200%;
+        top: -10px;
+        left: -10px;
+      }
+    }
+  }
+
+  &.mui-is-switched {
+    .mui-toggle-icon {
+      .mui-toggle-track {
+        background-color: @toggle-track-on-color;
+      }
+      .mui-toggle-thumb {
+        left: 18px;
+        background-color: @toggle-thumb-on-color;
+      }
+    }
+  }
+
+  &.mui-is-disabled {
+    .mui-toggle-icon {
+      cursor: default;
+      .mui-toggle-track {
+        background-color: @toggle-track-disabled-color;
+      }
+      .mui-toggle-thumb {
+        background-color: @toggle-thumb-disabled-color;
+      }
+    }
+  }
+
+  &.mui-is-required {
+    .mui-toggle-icon {
+      .mui-toggle-track {
+        background-color: @toggle-track-required-color;
+      }
+
+      .mui-toggle-thumb {
+        background-color: @toggle-thumb-required-color;
+      }
+    }
+  }
+}
+
+
+
+

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

@@ -0,0 +1,95 @@
+.mui-toolbar {
+  background-color: @toolbar-background-color;
+  height: @toolbar-height;
+  width: 100%;
+  padding: 0 @desktop-gutter;
+
+  .mui-toolbar-group {
+    position: relative;
+
+    .mui-toolbar-title {
+      padding-right: @desktop-gutter-less;
+      line-height: @toolbar-height;
+    }
+
+    .mui-toolbar-separator {
+      background-color: @toolbar-separator-color;
+      display: inline-block;
+      height: @desktop-gutter-more;
+      margin-left: @desktop-gutter;
+      position: relative;
+      top: ((@toolbar-height - @desktop-gutter-more) / 2);
+      width: 1px;
+    }
+
+    .mui-raised-button,
+    .mui-flat-button {
+      margin: 0 @desktop-gutter;
+      margin-top: ((@toolbar-height - @button-height) / 2);
+      position: relative;
+    }
+
+    .mui-drop-down-menu {
+      color: @light-black;
+      display: inline-block;
+      margin-right: @desktop-gutter;
+
+      .mui-menu-control-bg {
+        background-color: @toolbar-menu-hover-color;
+        border-radius: 0;
+      }
+
+      .mui-menu-control {
+        .mui-menu-control-underline {
+          display: none;
+        }
+      }
+
+      .mui-font-icon {
+        &:hover {
+          color: @toolbar-icon-color;
+        }
+      }
+    }
+
+    .mui-font-icon {
+      color: @toolbar-icon-color;
+      cursor: pointer;
+      line-height: @toolbar-height;
+      padding-left: @desktop-gutter;
+
+      &:hover {
+        color: @dark-black;
+        z-index: 1;
+      }
+    }
+
+    &.mui-left {
+      float: left;
+
+      .mui-drop-down-menu, .mui-font-icon, .mui-toolbar-separator, .mui-drop-down-icon  {
+        float: left;
+      }
+
+      &:first-child {
+        margin-left: -24px;
+
+        .mui-toolbar-title {
+          margin-left: 24px;
+        }
+      }
+    }
+
+    &.mui-right {
+      float: right;
+
+      * {
+        vertical-align: top;
+      }
+
+      &:last-child {
+        margin-right: -24px;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,73 @@
+.mui-tooltip {
+  position: absolute;
+
+  font-family: @contentFontFamily;
+  font-size: 10px;
+  line-height: 22px;
+  padding: 0 8px;
+  color: @white;
+  overflow: hidden;
+  top: -10000px;
+
+  border-radius: 2px;
+  user-select: none;
+  opacity: 0;
+
+  transition:
+    top 0ms @ease-out-function 450ms,
+    transform 450ms @ease-out-function 0ms,
+    opacity 450ms @ease-out-function 0ms;
+
+  .mui-tooltip-label {
+    position: relative;
+    white-space: nowrap;
+  }
+
+  .mui-tooltip-ripple {
+    position: absolute;
+    left: 50%;
+    top: 0px;
+
+    transform: translate(-50%, -50%);
+    border-radius: 50%;
+    background-color: transparent;
+
+    transition:
+      width 0ms @ease-out-function 450ms,
+      height 0ms @ease-out-function 450ms,
+      background-color 450ms @ease-out-function 0ms;
+  }
+
+  &.mui-is-shown {
+    top: -16px;
+    opacity: 1;
+    transform: translate3d(0px, 16px, 0px);
+
+    transition:
+      top 0ms @ease-out-function 0ms, 
+      transform 450ms @ease-out-function 0ms,
+      opacity 450ms @ease-out-function 0ms;
+
+    .mui-tooltip-ripple {
+      background-color: @grey-600;
+      transition:
+        width 450ms @ease-out-function 0ms,
+        height 450ms @ease-out-function 0ms,
+        background-color 450ms @ease-out-function 0ms;
+    }
+
+  }
+
+  &.mui-is-touch {
+    font-size: 14px;
+    line-height: 44px;
+    padding: 0 16px;
+
+    &.mui-is-shown {
+      .mui-tooltip-ripple {
+        height: 105px;
+        width: 105px;
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/material-ui/components/transition-groups/slide-in.less

@@ -0,0 +1,92 @@
+.mui-transition-slide-in {
+  position: relative;
+  overflow: hidden;
+  height: 100%;
+
+  .mui-transition-slide-in-child {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    top: 0px;
+    left: 0px;
+    .ease-out();
+  }
+
+  .mui-transition-slide-in-enter {
+    opacity: 0;
+  }
+
+  .mui-transition-slide-in-enter-active {
+    opacity: 1;
+  }
+
+  .mui-transition-slide-in-leave {
+    opacity: 1;
+  }
+
+  .mui-transition-slide-in-leave-active {
+    opacity: 0;
+  }
+
+  &.mui-is-left {
+    .mui-transition-slide-in-enter {
+      transform: translate3d(100%,0,0);
+    }
+    .mui-transition-slide-in-enter-active {
+      transform: translate3d(0,0,0);
+    }
+    .mui-transition-slide-in-leave {
+      transform: translate3d(0,0,0);
+    }
+    .mui-transition-slide-in-leave-active {
+      transform: translate3d(-100%,0,0);
+    }
+
+  }
+
+  &.mui-is-right {
+    .mui-transition-slide-in-enter {
+      transform: translate3d(-100%,0,0);
+    }
+    .mui-transition-slide-in-enter-active {
+      transform: translate3d(0,0,0);
+    }
+    .mui-transition-slide-in-leave {
+      transform: translate3d(0,0,0);
+    }
+    .mui-transition-slide-in-leave-active {
+      transform: translate3d(100%,0,0);
+    }
+  }
+
+  &.mui-is-up {
+    .mui-transition-slide-in-enter {
+      transform: translate3d(0,100%,0);
+    }
+    .mui-transition-slide-in-enter-active {
+      transform: translate3d(0,0,0);
+    }
+    .mui-transition-slide-in-leave {
+      transform: translate3d(0,0,0);
+    }
+    .mui-transition-slide-in-leave-active {
+      transform: translate3d(0,-100%,0);
+    }
+  }
+
+  &.mui-is-down {
+    .mui-transition-slide-in-enter {
+      transform: translate3d(0,-100%,0);
+    }
+    .mui-transition-slide-in-enter-active {
+      transform: translate3d(0,0,0);
+    }
+    .mui-transition-slide-in-leave {
+      transform: translate3d(0,0,0);
+    }
+    .mui-transition-slide-in-leave-active {
+      transform: translate3d(0,100%,0);
+    }
+  }
+
+}

data/vendor/assets/stylesheets/material-ui/core/base.less

@@ -0,0 +1,31 @@
+// Reset the box-sizing
+//
+// Heads up! This reset may cause conflicts with some third-party widgets.
+// For recommendations on resolving such conflicts, see
+// http://getbootstrap.com/getting-started/#third-box-sizing
+* {
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+*:before,
+*:after {
+  box-sizing: border-box;
+}
+
+html,
+body {
+  height: 100%;
+  width: 100%;
+}
+
+html {
+  -webkit-font-smoothing: antialiased;
+  color: @body-text-color;
+  font-family: @contentFontFamily;
+  background-color: @canvas-color;
+}
+
+hr {
+  border: none;
+  border-bottom: solid 1px @border-color;
+}

data/vendor/assets/stylesheets/material-ui/core/core.less

@@ -0,0 +1,4 @@
+@import "base.less";
+@import "typography.less";
+@import "layouts.less";
+@import "keylines.less";

data/vendor/assets/stylesheets/material-ui/core/keylines.less

@@ -0,0 +1,29 @@
+.mui-keywidth(@width) {
+  width: (@width * @desktop-keyline-increment);
+}
+
+.mui-keyheight(@height) {
+  height: (@height * @desktop-keyline-increment);
+}
+
+.mui-key-width-1 { .mui-keywidth(1); }
+.mui-key-width-2 { .mui-keywidth(2); }
+.mui-key-width-3 { .mui-keywidth(3); }
+.mui-key-width-4 { .mui-keywidth(4); }
+.mui-key-width-5 { .mui-keywidth(5); }
+.mui-key-width-6 { .mui-keywidth(6); }
+.mui-key-width-7 { .mui-keywidth(7); }
+.mui-key-width-8 { .mui-keywidth(8); }
+.mui-key-width-9 { .mui-keywidth(9); }
+.mui-key-width-10 { .mui-keywidth(10); }
+
+.mui-key-height-1 { .mui-keyheight(1); }
+.mui-key-height-2 { .mui-keyheight(2); }
+.mui-key-height-3 { .mui-keyheight(3); }
+.mui-key-height-4 { .mui-keyheight(4); }
+.mui-key-height-5 { .mui-keyheight(5); }
+.mui-key-height-6 { .mui-keyheight(6); }
+.mui-key-height-7 { .mui-keyheight(7); }
+.mui-key-height-8 { .mui-keyheight(8); }
+.mui-key-height-9 { .mui-keyheight(9); }
+.mui-key-height-10 { .mui-keyheight(10); }

data/vendor/assets/stylesheets/material-ui/core/layouts.less

@@ -0,0 +1,12 @@
+.mui-predefined-layout-1 {
+
+  .mui-app-content-canvas {
+    padding-top: (@app-bar-height);
+  }
+
+  .mui-app-bar {
+    position: fixed;
+    height: @app-bar-height;
+  }
+
+}

data/vendor/assets/stylesheets/material-ui/core/typography.less

@@ -0,0 +1,158 @@
+.mui-text-full-black          { color: @full-black; }
+.mui-text-dark-black          { color: @dark-black; }
+.mui-text-light-black         { color: @light-black; }
+.mui-text-min-black           { color: @min-black; }
+.mui-text-full-white          { color: @full-white; }
+.mui-text-dark-white          { color: @dark-white; }
+.mui-text-light-white         { color: @light-white; }
+
+.mui-font-weight-light        { font-weight: 300 }
+.mui-font-weight-normal       { font-weight: 400 }
+.mui-font-weight-medium       { font-weight: 500 }
+
+/* Type Styles */
+.mui-font-style-display-4 {
+  font-size:   112px;
+  line-height: 128px;
+  letter-spacing: -7px;
+  padding-top: 17px;
+  margin-bottom: 15px;
+  .mui-font-weight-light;
+  .mui-text-light-black;
+}
+
+.mui-font-style-display-3 {
+  font-size: 56px;
+  line-height: 64px;
+  letter-spacing: -2px;
+  padding-top: 8px;
+  margin-bottom: 28px;
+  .mui-font-weight-normal;
+  .mui-text-light-black;
+}
+
+.mui-font-style-display-2 {
+  font-size: 45px;
+  line-height: 48px;
+  margin-bottom: 11px;
+  letter-spacing: -1px;
+  .mui-font-weight-normal;
+  .mui-text-light-black;
+}
+
+.mui-font-style-display-1 {
+  font-size: 34px;
+  line-height: 40px;
+  padding-top: 8px;
+  margin-bottom: 12px;
+  letter-spacing: -1px;
+  .mui-font-weight-normal;
+  .mui-text-light-black;
+}
+
+.mui-font-style-headline {
+  font-size: 24px;
+  line-height: 32px;
+  padding-top: 16px;
+  margin-bottom: 12px;
+  letter-spacing: 0;
+  .mui-font-weight-normal;
+  .mui-text-dark-black;
+}
+
+.mui-font-style-title {
+  font-size: 20px;
+  line-height: 28px;
+  padding-top: 19px;
+  margin-bottom: 13px;
+  letter-spacing: 0;
+  .mui-font-weight-medium;
+  .mui-text-dark-black;
+}
+
+.mui-font-style-subhead-2 {
+  font-size: 15px;
+  line-height: 28px;
+  padding-top: 2px;
+  margin-bottom: 10px;
+  letter-spacing: 0;
+  .mui-font-weight-normal;
+  .mui-text-dark-black;
+}
+
+.mui-font-style-subhead-1 {
+  .mui-font-style-subhead-2;
+  line-height: 24px;
+  padding-top: 3px;
+  margin-bottom: 13px;
+  .mui-text-dark-black;
+}
+
+.mui-font-style-body-2 {
+  font-size: 13px;
+  line-height: 24px;
+  padding-top: 4px;
+  margin-bottom: 12px;
+  letter-spacing: 0;
+  .mui-font-weight-medium;
+  .mui-text-dark-black;
+}
+
+.mui-font-style-body-1 {
+  font-size: 13px;
+  line-height: 20px;
+  padding-top: 6px;
+  margin-bottom: 14px;
+  letter-spacing: 0;
+  .mui-font-weight-normal;
+  .mui-text-dark-black;
+}
+
+.mui-font-style-caption {
+  font-size: 12px;
+  line-height: 20px;
+  padding-top: 6px;
+  margin-bottom: 14px;
+  letter-spacing: 0;
+  .mui-font-weight-normal;
+  .mui-text-light-black;
+}
+
+.mui-font-style-menu {
+  font-size: 13px;
+  line-height: 20px;
+  padding-top: 6px;
+  margin-bottom: 14px;
+  letter-spacing: 0;
+  .mui-font-weight-medium;
+  .mui-text-dark-black;
+}
+
+.mui-font-style-button {
+  font-size: 14px;
+  line-height: 20px;
+  padding-top: 5px;
+  margin-bottom: 15px;
+  letter-spacing: 0;
+  text-transform: uppercase;
+  .mui-font-weight-medium;
+  .mui-text-dark-black;
+}
+
+/* General HTML Typography */
+body {
+  font-size: 13px;
+  line-height: 20px;
+}
+
+h1 { .mui-font-style-display-2; }
+h2 { .mui-font-style-display-1; }
+h3 { .mui-font-style-headline; }
+h4 { .mui-font-style-title; }
+h5 { .mui-font-style-subhead-1; }
+h6 { .mui-font-style-body-2; }
+p  { .mui-font-style-body-1; }
+hr {
+  margin-top: 0;
+  margin-bottom: 18px;
+}