material-ui 0.7.3.1

data/vendor/assets/stylesheets/material-ui/components/date-picker/calendar-month.less

@@ -0,0 +1,11 @@
+.mui-date-picker-calendar-month {
+
+  line-height: 32px;
+  text-align: center;
+  padding: 8px 14px 0 14px;
+  background-color: @white;
+
+  .mui-date-picker-calendar-month-week {
+    .clearfix();
+  }
+}

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

@@ -0,0 +1,23 @@
+.mui-date-picker-calendar-toolbar {
+  height: 48px;
+  position: relative;
+
+  .mui-date-picker-calendar-toolbar-title {
+    line-height: 48px;
+    font-size: 14px;
+    text-align: center;
+    .mui-font-weight-medium;
+  }
+
+  .mui-date-picker-calendar-toolbar-button-left {
+    position: absolute;
+    left: 0;
+    top: 0;
+  }
+
+  .mui-date-picker-calendar-toolbar-button-right {
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+}

data/vendor/assets/stylesheets/material-ui/components/date-picker/calendar.less

@@ -0,0 +1,59 @@
+.mui-date-picker-calendar {
+  font-size: 12px;
+
+  .mui-date-picker-calendar-week-title {
+    .clearfix();
+    .mui-font-weight-medium;
+    color: fade(@date-picker-calendar-text-color, 50%);
+    
+    line-height: 12px;
+    padding: 0 14px;
+  }
+
+  .mui-date-picker-calendar-week-title-day {
+    list-style: none;
+    float: left;
+    width: 32px;
+    text-align: center;
+    margin: 0 2px;
+  }
+
+  .mui-date-picker-calendar-container {
+    .ease-out(@property: height; @duration: 150ms);
+  }
+
+  &.mui-is-4week {
+    .mui-date-picker-calendar-container {
+      height: 228px;
+    }
+  }
+
+  &.mui-is-5week {
+    .mui-date-picker-calendar-container {
+      height: 268px;
+    }
+  } 
+
+  &.mui-is-6week {
+    .mui-date-picker-calendar-container {
+      height: 308px;
+    }
+  }
+}
+
+.mui-is-landscape {
+  .mui-date-picker-calendar {
+    .clearfix();
+  }
+
+  .mui-date-picker-calendar-date-display {
+    width: 280px;
+    height: 100%;
+    float: left;
+  }
+
+  .mui-date-picker-calendar-container {
+    width: 280px;
+    float: right;
+  }
+}

data/vendor/assets/stylesheets/material-ui/components/date-picker/date-display.less

@@ -0,0 +1,84 @@
+.mui-date-picker-date-display {
+  text-align: center;
+  position: relative;
+
+  .mui-date-picker-date-display-dow {
+    font-size: 13px;
+    height: 32px;
+    line-height: 32px;
+    background-color: @date-picker-select-color;
+    color: @date-picker-select-text-color;
+    border-radius: 2px 2px 0 0;
+  }
+
+  .mui-date-picker-date-display-date {
+    padding: 16px 0;
+    background-color: @date-picker-color;
+    color: @date-picker-text-color;
+  }
+
+  .mui-date-picker-date-display-month,
+  .mui-date-picker-date-display-year {
+    font-size: 22px;
+    line-height: 24px;
+    height: 24px;
+    text-transform: uppercase;
+  }
+
+  .mui-date-picker-date-display-day {
+    margin: 6px 0;
+    line-height: 58px;
+    height: 58px;
+    font-size: 58px;
+  }
+
+  .mui-date-picker-date-display-year {
+    color: fade(@date-picker-text-color, 70%);
+  }
+}
+
+.mui-is-landscape {
+
+  .mui-date-picker-date-display {
+    * { .ease-out(); }
+  }
+
+  .mui-date-picker-date-display-dow {
+    border-radius: 2px 0 0 0;
+  }
+
+  .mui-date-picker-date-display-date {
+    padding: 24px 0;
+  }
+
+  .mui-date-picker-date-display-day {
+    font-size: 76px;
+    line-height: 76px;
+    height: 76px;
+  }
+
+  .mui-date-picker-date-display-month,
+  .mui-date-picker-date-display-year {
+     font-size: 26px;
+     line-height: 26px;
+     height: 26px;
+  }
+
+  .mui-is-5week {
+    .mui-date-picker-date-display-date {
+      padding: 30px 0;
+    }
+    .mui-date-picker-date-display-day {
+      margin: 24px 0;
+    }
+  }
+
+  .mui-is-6week {
+    .mui-date-picker-date-display-date {
+      padding: 50px 0;
+    }
+    .mui-date-picker-date-display-day {
+      margin: 24px 0;
+    }
+  } 
+}

data/vendor/assets/stylesheets/material-ui/components/date-picker/date-picker-dialog.less

@@ -0,0 +1,18 @@
+.mui-date-picker-dialog {
+  font-size: 14px;
+  color: @date-picker-calendar-text-color;
+
+  .mui-date-picker-dialog-window {
+    &.mui-dialog-window-contents {
+      width: 280px;
+    }
+  }
+}
+
+.mui-is-landscape {
+  .mui-date-picker-dialog-window {
+    &.mui-dialog-window-contents {
+      width: 560px;
+    }
+  }
+}

data/vendor/assets/stylesheets/material-ui/components/date-picker/date-picker.less

@@ -0,0 +1,9 @@
+@import "calendar.less";
+@import "calendar-month.less";
+@import "calendar-toolbar.less";
+@import "date-display.less";
+@import "date-picker-dialog.less";
+@import "day-button.less";
+
+.mui-date-picker {
+}

data/vendor/assets/stylesheets/material-ui/components/date-picker/day-button.less

@@ -0,0 +1,35 @@
+.mui-date-picker-day-button {
+  position: relative;
+  float: left;
+  width: 36px;
+  padding: 4px 2px;
+
+  .mui-date-picker-day-button-select {
+    position: absolute;
+    background-color: @date-picker-select-color;
+    height: 32px;
+    width: 32px;
+    opacity: 0;
+    border-radius: 50%;
+    transform: scale(0);
+    .ease-out();
+  }
+
+  .mui-date-picker-day-button-label {
+    position: relative;
+  }
+
+  &.mui-is-selected {
+    .mui-date-picker-day-button-label {
+      color: @date-picker-select-text-color;
+    }
+    .mui-date-picker-day-button-select {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+
+  &.mui-is-current-date {
+    color: @date-picker-color;
+  }
+}

data/vendor/assets/stylesheets/material-ui/components/dialog-window.less

@@ -0,0 +1,42 @@
+.mui-dialog-window {
+  position: fixed;
+  z-index: 10;
+  top: 0px;
+  left: -10000px;
+  width: 100%;
+  height: 100%;
+  transition: left 0ms @ease-out-function 450ms;
+
+  .mui-dialog-window-contents {
+    .ease-out();
+    position: relative;
+    width: 75%;
+    max-width: (@desktop-keyline-increment * 12);
+    margin: 0 auto;
+    z-index: 10;
+    background: @canvas-color;
+    opacity: 0;
+  }
+
+  .mui-dialog-window-actions {
+    padding: 8px;
+    margin-bottom: 8px;
+    width: 100%;
+    text-align: right;
+
+    .mui-dialog-window-action {
+      margin-right: 8px;
+    }
+  }
+
+  &.mui-is-shown {
+    left: 0px;
+    transition: left 0ms @ease-out-function 0ms;
+
+    .mui-dialog-window-contents {
+      opacity: 1;
+      top: 0px;
+      transform: translate3d(0, @desktop-keyline-increment, 0);
+    }
+  }
+}

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

@@ -0,0 +1,10 @@
+.mui-dialog {
+  .mui-dialog-title {
+    padding: @desktop-gutter @desktop-gutter 0 @desktop-gutter;
+    margin-bottom: 0;
+  }
+
+  .mui-dialog-content {
+    padding: @desktop-gutter;
+  }
+}

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

@@ -0,0 +1,43 @@
+@icon-width: 48px;
+
+.mui-drop-down-icon {
+  display: inline-block;
+  width: @icon-width !important;
+  position: relative;
+  height: @desktop-toolbar-height;
+  font-size: @desktop-drop-down-menu-font-size;
+  cursor: pointer;
+
+  &.mui-open {
+    .mui-icon-highlight {
+      background-color: rgba(0, 0, 0, .1);
+    }
+
+    .mui-menu-control,
+    .mui-menu-control:hover {
+      .mui-menu-control-bg {
+        opacity: 0;
+      }
+      .mui-menu-label {
+        top: (@desktop-toolbar-height / 2);
+        opacity: 0;
+      }
+    }
+
+    .mui-menu {
+      opacity: 1;
+    }
+  }
+
+  .mui-menu {
+    .ease-out;
+    right: -14px !important;
+    top: 9px !important;
+
+    .mui-menu-item {
+      padding-right: (@icon-size + (@desktop-gutter-less*2));
+      height: @desktop-drop-down-menu-item-height;
+      line-height: @desktop-drop-down-menu-item-height;
+    }
+  }
+}

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

@@ -0,0 +1,77 @@
+.mui-drop-down-menu {
+
+  * { .ease-out(); }
+
+  position: relative;
+  display: inline-block;
+  height: @desktop-toolbar-height;
+  font-size: @desktop-drop-down-menu-font-size;
+
+  &.mui-open {
+    .mui-menu-control,
+    .mui-menu-control:hover {
+      .mui-menu-control-bg {
+        opacity: 0;
+      }
+      .mui-menu-label {
+        top: (@desktop-toolbar-height / 2);
+        opacity: 0;
+      }
+    }
+
+    .mui-menu {
+      opacity: 1;
+    }
+  }
+
+  .mui-menu-control {
+    cursor: pointer;
+    .clearfix();
+    height: 100%;
+
+    .mui-menu-control-bg {
+      background-color: @menu-background-color;
+      height: 100%;
+      width: 100%;
+      opacity: 0;
+    }
+
+    &:hover {
+      .mui-menu-control-bg {
+        opacity: 1;
+      }
+    }
+
+    .mui-menu-label {
+      line-height: @desktop-toolbar-height;
+      position: absolute;
+      padding-left: @desktop-gutter;
+      top: 0;
+      opacity: 1;
+    }
+
+    .mui-menu-drop-down-icon {
+      position: absolute;
+      top: ((@desktop-toolbar-height - 24px) / 2);
+      right: @desktop-gutter-less;
+      * {
+        fill: @drop-down-menu-icon-color;
+      }
+    }
+
+    .mui-menu-control-underline {
+      border-top: solid 1px @border-color;
+      margin: 0 @desktop-gutter;
+    }
+  }
+
+  .mui-menu {
+    .mui-menu-item {
+      padding-right: (@icon-size + @desktop-gutter-less + @desktop-gutter-mini);
+      height: @desktop-drop-down-menu-item-height;
+      line-height: @desktop-drop-down-menu-item-height;
+      white-space: nowrap;
+    }
+  }
+
+}

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

@@ -0,0 +1,24 @@
+.mui-enhanced-button {
+
+  border: 0;
+  background: none;
+
+  &:focus {
+    outline: none;
+  }
+
+  &.mui-is-link-button {
+    display: inline-block;
+    cursor: pointer;
+    text-decoration: none;
+    
+    &:hover {
+      text-decoration: none;
+    }
+
+    &.mui-is-disabled {
+      cursor: default;
+    }
+  }
+
+}