mui-sass 0.1.19

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

@@ -0,0 +1,110 @@
+/**
+ * MUI Scaffolding module
+ */
+
+// ============================================================================
+// GLOBAL
+// ============================================================================
+
+// Reset box sizing
+* {
+  box-sizing: border-box;
+}
+
+*:before,
+*:after {
+  box-sizing: border-box;
+}
+
+// Body reset
+html {
+  font-size: 10px;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+body {
+  font-family: $mui-base-font-family;
+  font-size: $mui-base-font-size;
+  font-weight: $mui-base-font-weight;
+  line-height: $mui-base-line-height;
+  color: $mui-base-font-color;
+  background-color: $mui-body-bg-color;
+}
+
+@if $mui-base-font-smoothing == true {
+  html,
+  body,
+  button,  // safari issue
+  input,  // safari issue
+  textarea {  // safari issue
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
+  }
+}
+
+
+
+
+// ============================================================================
+// TAG STYLES
+// ============================================================================
+
+// Reset fonts for relevant elements
+input,
+button,
+select,
+textarea {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+// Links
+a {
+  color: $mui-link-font-color;
+  text-decoration: $mui-link-text-decoration;
+
+  &:hover,
+  &:focus {
+    color: $mui-link-font-color-hover;
+    text-decoration: $mui-link-text-decoration-hover;
+  }
+
+  &:focus {
+    @include tab-focus;
+  }
+}
+
+// paragraphs
+p {
+  margin: 0 0 ($mui-base-line-height-computed / 2);
+}
+
+// lists
+ul,
+ol {
+  margin-top: 0;
+  margin-bottom: ($mui-base-line-height-computed / 2);
+}
+
+// Figures
+// We reset this here because previously Normalize had no `figure` margins. 
+// This ensures we dont break anyones use of the element.
+figure {
+  margin: 0;
+}
+
+// Images
+img {
+  vertical-align: middle;
+}
+
+// Horizontal rules
+hr {
+  margin-top: $mui-base-line-height-computed;
+  margin-bottom: $mui-base-line-height-computed;
+  border: 0;
+  height: 1px;
+  background-color: $mui-hr-color;
+}

data/vendor/assets/stylesheets/mui/_semantic-markup.scss

@@ -0,0 +1,45 @@
+/**
+ * MUI Semantic module
+ */
+
+// Strong
+strong {
+  font-weight: 700;
+}
+
+// Abbreviations
+abbr[title] {
+  cursor: help;
+  border-bottom: 1px dotted $mui-abbr-border-color;
+}
+
+// headers
+h1 {
+  @extend .mui-text-display1;
+}
+
+h2 {
+  @extend .mui-text-headline;
+}
+
+h3 {
+  @extend .mui-text-title;
+}
+
+h4 {
+  @extend .mui-text-subhead;
+}
+
+h5 {
+  @extend .mui-text-body2;
+}
+
+h1, h2, h3 {
+  margin-top: $mui-base-line-height-computed;
+  margin-bottom: ($mui-base-line-height-computed / 2);
+}
+
+h4, h5, h6 {
+  margin-top: ($mui-base-line-height-computed / 2);
+  margin-bottom: ($mui-base-line-height-computed / 2);
+}

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

@@ -0,0 +1,44 @@
+/**
+ * MUI Tables module
+ */
+
+// Global styles
+th {
+  text-align: left;
+}
+
+// Table style
+.mui-table {
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: $mui-base-line-height-computed;
+
+  // Cells
+  > thead,
+  > tbody,
+  > tfoot {
+    > tr {
+      > th,
+      > td {
+        padding: $mui-table-cell-padding;
+        line-height: $mui-base-line-height;
+      }
+    }
+  }
+  
+  // Bottom align for column headings
+  > thead > tr > th {
+    border-bottom: 2px solid $mui-table-border-color;
+    font-weight: 700;
+  }
+
+  // multiple tbody instances
+  > tbody + tbody {
+    border-top: 2px solid $mui-table-border-color;
+  }  
+
+  // Bordered style
+  &.mui-table-bordered > tbody > tr > td {
+    border-bottom: 1px solid $mui-table-border-color;
+  }
+}

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

@@ -0,0 +1,75 @@
+/**
+ * MUI Tabs module
+ */
+
+.mui-tabs {
+  list-style: none;
+  padding-left: 0;
+  margin-bottom: 0;
+  background-color: transparent;
+  white-space: nowrap;
+  
+  > li {
+    display: inline-block;
+
+    > a {
+      display: block;
+      white-space: nowrap;
+      text-transform: uppercase;
+      font-weight: 500;
+      font-size: 14px;
+      color: $mui-tab-font-color;
+      cursor: default;
+      height: 48px;
+      line-height: 48px;
+      padding-left: 24px;
+      padding-right: 24px;
+
+      &:hover {
+        text-decoration: none;
+      }
+    }
+
+    &.mui-active {
+      border-bottom: 2px solid $mui-tab-border-color-active;
+
+      > a {
+        @if $mui-tab-font-color-active == null {
+          color: $mui-tab-font-color;
+        } @else {
+          color: $mui-tab-font-color-active;
+        }
+      }
+    }
+  }
+
+  &.mui-tabs-justified {
+    display: table;
+    width: 100%;
+    table-layout: fixed;
+
+    > li {
+      display: table-cell;
+
+      > a {
+        text-align: center;
+        padding-left: 0px;
+        padding-right: 0px;
+      }
+    }
+  }
+}
+
+.mui-tab-content {
+  > .mui-tab-pane {
+    display: none;
+
+    &.mui-active {
+      display: block;
+    }
+  }
+}
+
+[data-mui-toggle="tab"] {
+  @include mui-node-inserted();
+}

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

@@ -0,0 +1,51 @@
+/**
+ * MUI Typography module
+ */
+
+.mui-text-display4 {
+  @include mui-text("display4");
+}
+
+.mui-text-display3 {
+  @include mui-text("display3");
+}
+
+.mui-text-display2 {
+  @include mui-text("display2");
+}
+
+.mui-text-display1 {
+  @include mui-text("display1");
+}
+
+.mui-text-headline {
+  @include mui-text("headline");
+}
+
+.mui-text-title {
+  @include mui-text("title");
+}
+
+.mui-text-subhead {
+  @include mui-text("subhead");
+}
+
+.mui-text-body2 {
+  @include mui-text("body2");
+}
+
+.mui-text-body1 {
+  @include mui-text("body1");
+}
+
+.mui-text-caption {
+  @include mui-text("caption");
+}
+
+.mui-text-menu {
+  @include mui-text("menu");
+}
+
+.mui-text-button {
+  @include mui-text("button");
+}

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

@@ -0,0 +1,256 @@
+// ============================================================================
+// COLORS
+// ============================================================================
+
+$mui-primary-color:            mui-color('blue', '500') !default;
+$mui-primary-color-dark:       mui-color('blue', '700') !default;
+$mui-primary-color-light:      mui-color('blue', '100') !default;
+
+$mui-accent-color:             mui-color('pink', 'A200') !default;
+$mui-accent-color-dark:        mui-color('pink', 'A400') !default;
+$mui-accent-color-light:       mui-color('pink', 'A100') !default;
+
+$mui-danger-color:             mui-color('red', '500') !default;
+
+
+
+
+// ============================================================================
+// MEDIA QUERY BREAKPOINTS
+// ============================================================================
+
+$mui-screen-xs:     480px !default;
+$mui-screen-sm-min: 768px !default;
+$mui-screen-md-min: 992px !default;
+$mui-screen-lg-min: 1200px !default;
+
+
+
+
+// ============================================================================
+// GRID SYSTEM
+// ============================================================================
+
+$mui-grid-columns:               12 !default;
+$mui-grid-gutter-width:          30px !default;
+$mui-grid-float-breakpoint:      $mui-screen-sm-min !default;
+
+
+
+
+// ============================================================================
+// CONTAINER SIZES
+// ============================================================================
+
+$mui-container-sm:               $mui-screen-sm-min !default;
+$mui-container-md:               (940px + $mui-grid-gutter-width) !default;
+$mui-container-lg:               (1140px + $mui-grid-gutter-width) !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:    "Helvetica Neue", Helvetica, Arial, Verdana, "Trebuchet MS" !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;
+
+
+
+
+// ============================================================================
+// BUTTONS
+// ============================================================================
+
+$mui-btn-height:                      36px !default;
+$mui-btn-height-lg:                   $mui-btn-height * 1.5 !default;
+
+$mui-btn-border-radius:               $mui-border-radius-default !default;
+$mui-btn-padding-horizontal:          26px !default;
+
+$mui-btn-margin-vertical:             6px !default;
+$mui-btn-spacing-horizontal:          8px !default;
+
+$mui-btn-default-bg-color:            mui-color('white') !default;
+$mui-btn-default-font-color:          $mui-base-font-color !default;
+$mui-btn-default-ripple-color:        darken(mui-color('white'), 35%) !default;
+
+$mui-btn-primary-bg-color:            $mui-primary-color !default;
+$mui-btn-primary-font-color:          mui-color('white') !default;
+$mui-btn-primary-ripple-color:        mui-color('white') !default;
+
+$mui-btn-danger-bg-color:             $mui-danger-color !default;
+$mui-btn-danger-font-color:           mui-color('white') !default;
+$mui-btn-danger-ripple-color:         mui-color('white') !default;
+
+$mui-btn-accent-bg-color:             $mui-accent-color !default;
+$mui-btn-accent-font-color:           mui-color('white') !default;
+$mui-btn-accent-ripple-color:         mui-color('white') !default;
+
+$mui-btn-flat-bg-color:               transparent !default;
+$mui-btn-flat-bg-color-hover:         darken(mui-color('white'), 5%) !default;
+$mui-btn-flat-ripple-color:           darken(mui-color('white'), 35%) !default;
+
+$mui-btn-floating-bg-color:           $mui-accent-color !default;
+$mui-btn-floating-font-color:         mui-color('white') !default;
+$mui-btn-floating-ripple-color:       mui-color('white') !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:         mui-color('black-alpha-26') !default;
+
+$mui-input-border-color:              $mui-input-placeholder-color !default;
+$mui-input-border-color-focus:        $mui-primary-color !default;
+
+$mui-textarea-height:                 64px !default;
+
+$mui-label-font-size:                 12px !default;
+$mui-label-font-color:                mui-color('black-alpha-54') !default;
+$mui-label-margin-bottom:             3px !default;
+
+$mui-legend-font-size:                $mui-base-font-size * 1.5 !default;
+$mui-legend-font-color:               $mui-base-font-color !default;
+
+$mui-form-group-margin-bottom:        20px !default;
+
+
+
+
+// ============================================================================
+// PANELS
+// ============================================================================
+
+$mui-panel-bg-color:             mui-color('white') !default;
+$mui-panel-padding:              15px !default;
+$mui-panel-border-radius:        0 !default;
+
+
+
+
+// ============================================================================
+// DIVIDERS
+// ============================================================================
+
+$mui-divider-color:              mui-color('black-alpha-12') !default;
+
+
+
+
+// ============================================================================
+// DROPDOWNS
+// ============================================================================
+
+$mui-dropdown-bg-color:                 mui-color('white') !default;
+$mui-dropdown-border-color:             $mui-divider-color !default;
+$mui-dropdown-border-radius:            $mui-border-radius-default !default;
+
+$mui-dropdown-link-font-color:          $mui-base-font-color !default;
+$mui-dropdown-link-font-color-hover:    darken($mui-dropdown-link-font-color, 5%) !default;
+$mui-dropdown-link-font-color-active:   $mui-accent-color !default;
+$mui-dropdown-link-font-color-disabled: mui-color('grey', '200') !default;
+
+$mui-dropdown-link-bg-color-hover:      mui-color('grey', '200') !default;
+$mui-dropdown-link-bg-color-active:     mui-color('white') !default;
+
+
+
+
+// ============================================================================
+// APPBAR
+// ============================================================================
+
+$mui-appbar-height:              64px !default;
+$mui-appbar-height-xs-portrait:  56px !default;
+$mui-appbar-height-xs-landscape: 48px !default;
+
+$mui-appbar-bg-color:            $mui-primary-color !default;
+$mui-appbar-font-color:          mui-color('white') !default;
+
+
+
+
+// ============================================================================
+// TABLES
+// ============================================================================
+
+$mui-table-cell-padding:         10px !default;
+$mui-table-border-color:         $mui-divider-color !default;
+
+
+
+
+// ============================================================================
+// TABS
+// ============================================================================
+
+$mui-tab-font-color:             $mui-base-font-color !default;
+$mui-tab-font-color-active:      $mui-primary-color !default;
+$mui-tab-border-color-active:    $mui-primary-color !default;
+
+
+
+
+// ============================================================================
+// CARET
+// ============================================================================
+
+$mui-caret-width:                4px !default;
+
+
+
+
+// ============================================================================
+// OVERLAY
+// ============================================================================
+
+$mui-overlay-bg-color:           rgba(mui-color('black'), 0.20) !default;
+
+
+
+
+// ============================================================================
+// INTERNAL VARIABLES
+// ============================================================================
+
+$mui-base-line-height-computed: floor(($mui-base-font-size * $mui-base-line-height));
+$mui-screen-xs-max: ($mui-screen-sm-min - 1);
+$mui-screen-sm-max: ($mui-screen-md-min - 1);
+$mui-screen-md-max: ($mui-screen-lg-min - 1);
+
+// for bootstrap
+$grid-gutter-width: $mui-grid-gutter-width;
+$grid-columns: $mui-grid-columns;