material-sass 1.4.1 → 4.0.0.alpha5

data/app/assets/stylesheets/material/base/_grid.scss

@@ -1,43 +1,31 @@
-/*!
- * bootstrap v3.3.5 (http://getbootstrap.com)
- * based on bootstrap's grid system
- */
+//
+// column
+//
+  @if $enable-grid-classes {
+    @include make-grid-columns;
+  }
 
-@include make-col();
-@include make-grid(xx);
-// 480
-	@include responsive(xs) {
-		@include make-grid(xs);
-	}
-// 768
-	@include responsive(sm) {
-		@include make-grid(sm);
-	}
-// 992
-	@include responsive(md) {
-		@include make-grid(md);
-	}
-// 1440
-	@include responsive(lg) {
-		@include make-grid(lg);
-	}
+//
+// container
+//
+  @if $enable-grid-classes {
+    .container {
+      @include make-container;
+      @include make-container-max-widths;
+    }
+  }
 
-.container {
-	@include make-container();
-	// 992
-		@include responsive(md) {
-			max-width: ($screen-md - $grid-gutter * 2);
-		}
-	// 1440
-		@include responsive(lg) {
-			max-width: ($screen-lg - $grid-gutter * 2);
-		}
-}
+  @if $enable-grid-classes {
+    .container-fluid {
+      @include make-container;
+    }
+  }
 
-.container-full {
-	max-width: none;
-}
-
-.row {
-	@include make-row();
-}
+//
+// row
+//
+  @if $enable-grid-classes {
+    .row {
+      @include make-row;
+    }
+  }

data/app/assets/stylesheets/material/base/_typography.scss

@@ -0,0 +1,208 @@
+//
+// blockquote
+//
+  .blockquote {
+    border-left: $blockquote-border-width solid $blockquote-border-color;
+    margin-bottom: $spacer-md-y;
+    padding: 0 $spacer-md-x;
+    @include typography-title;
+  }
+
+  .blockquote-footer {
+    color: $blockquote-small-color;
+    display: block;
+    margin-top: $spacer-xs-y;
+    @include typography-caption;
+
+    &::before {
+      content: "\2014 \00A0";
+    }
+  }
+
+  .blockquote-reverse {
+    border-left: 0;
+    border-right: $blockquote-border-width solid $blockquote-border-color;
+    text-align: right;
+  }
+
+  .blockquote-reverse .blockquote-footer {
+    &::after {
+      content: "\00A0 \2014";
+    }
+    &::before {
+      content: "";
+    }
+  }
+
+//
+// emphasis
+//
+  mark,
+  .mark {
+    background-color: $mark-bg;
+    padding: $mark-padding;
+  }
+
+  small,
+  .small {
+    font-size: $small-font-size;
+    font-weight: normal;
+  }
+
+//
+// headings
+//
+  .typography-display-4 {
+    @include typography-display-4;
+  }
+
+  .typography-display-3 {
+    @include typography-display-3;
+  }
+
+  .typography-display-2 {
+    @include typography-display-2;
+  }
+
+  .typography-display-1 {
+    @include typography-display-1;
+  }
+
+  .typography-headline {
+    @include typography-headline;
+  }
+
+  .typography-title {
+    @include typography-title;
+  }
+
+  .typography-subheading {
+    @include typography-subheading;
+  }
+
+  .typography-body-2 {
+    @include typography-body-2;
+  }
+
+  .typography-body-1 {
+    @include typography-body-1;
+  }
+
+  .typography-caption {
+    @include typography-caption;
+  }
+
+  // bootstrap classes
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    .h1,
+    .h2,
+    .h3,
+    .h4,
+    .h5,
+    .h6 {
+      color: $headings-color;
+      font-family: $headings-font-family;
+      margin-bottom: $headings-margin-bottom;
+    }
+
+    h1,
+    .h1 {
+      @extend .typography-display-2;
+    }
+
+    h2,
+    .h2 {
+      @extend .typography-display-1;
+    }
+
+    h3,
+    .h3 {
+      @extend .typography-headline;
+    }
+
+    h4,
+    .h4 {
+      @extend .typography-title;
+    }
+
+    h5,
+    .h5 {
+      @extend .typography-subheading;
+    }
+
+    h6,
+    .h6 {
+      @extend .typography-body-2;
+    }
+
+    .display-1 {
+      @extend .typography-display-4;
+    }
+
+    .display-2 {
+      @extend .typography-display-3;
+    }
+
+    .display-3 {
+      @extend .typography-display-2;
+    }
+
+    .display-4 {
+      @extend .typography-display-1;
+    }
+
+    .lead {
+      @extend .typography-title;
+    }
+
+//
+// hr
+//
+  hr {
+    border: 0;
+    border-top: $hr-border-width solid $hr-border-color;
+    margin-top: $spacer-md-y;
+    margin-bottom: $spacer-md-y;
+  }
+
+//
+// list
+//
+  .list-inline {
+    @include list-unstyled;
+  }
+
+  .list-inline-item {
+    display: inline-block;
+
+    &:not(:last-child) {
+      margin-right: $list-inline-item-spacer;
+    }
+  }
+
+  .list-unstyled {
+    @include list-unstyled;
+  }
+
+  @if not $enable-flex {
+    dl.row {
+      margin-bottom: $spacer-sm-y;
+
+      > dd + dt {
+        clear: left;
+      }
+    }
+  }
+
+//
+// misc
+//
+  .initialism {
+    font-size: 90%;
+    text-transform: uppercase;
+  }

data/app/assets/stylesheets/material/bootstrap/_alert.scss

@@ -0,0 +1,55 @@
+.alert {
+  background-color: $card-bg;
+  border: 0;
+  box-shadow: map-get($card-elevation-shadow, shadow);
+  display: block;
+  margin-bottom: $card-margin-bottom;
+  padding: $card-spacer-inner-y $card-spacer-inner-x;
+  position: relative;
+  z-index: map-get($card-elevation-shadow, elevation);
+  @include border-radius($border-radius);
+}
+
+// colour
+  .alert-inverse {
+    background-color: $card-bg-inverse;
+    color: $card-color-inverse;
+  }
+
+  @each $color in $palettes {
+    $i: index($palettes, $color);
+
+    .alert-#{$color} {
+      background-color: nth($palettes-color, $i);
+      color: nth($palettes-text-color, $i);
+    }
+  }
+
+//
+// dismissible
+//
+  .alert-dismissible {
+    padding-right: ($card-spacer-inner-x * 2);
+
+    .close {
+      position: relative;
+        top: -0.125rem;
+        right: ($card-spacer-inner-x * -1);
+    }
+  }
+
+//
+// misc
+//
+  .alert-heading {
+    color: inherit;
+    margin-top: $card-title-additonal-margin;
+  }
+
+  .alert-link {
+    font-weight: $alert-link-font-weight;
+
+    @include plain-active-focus-hover {
+      color: inherit;
+    }
+  }

data/app/assets/stylesheets/material/bootstrap/_animation.scss

@@ -0,0 +1,26 @@
+.collapse {
+  display: none;
+
+  &.in {
+    display: block;
+  }
+}
+
+.collapsing {
+  height: 0;
+  overflow: hidden;
+  position: relative;
+  @include transition-standard(height);
+}
+
+.fade {
+  opacity: 0;
+  transform: scale(0.87);
+  @include transition-acceleration(opacity, transform);
+
+  &.in {
+    opacity: 1;
+    transform: scale(1);
+    @include transition-deceleration(opacity, transform);
+  }
+}

data/app/assets/stylesheets/material/bootstrap/_breadcrumb.scss

@@ -0,0 +1,39 @@
+.breadcrumb {
+  background-color: $breadcrumb-bg;
+  list-style: none;
+  margin-bottom: $breadcrumb-margin-bottom;
+  padding: $breadcrumb-padding-y $breadcrumb-padding-x;
+  @include clearfix;
+}
+
+.breadcrumb-item {
+  color: $breadcrumb-item-color;
+  float: left;
+  @include transition-standard(color);
+
+  // active, focus, hover
+    @include active-focus-hover {
+      color: $breadcrumb-item-color-active;
+    }
+
+    &.active {
+      color: $breadcrumb-item-color-active;
+      font-weight: bolder;
+    }
+
+  a {
+    color: inherit;
+
+    @if ($link-decoration-active != "none") {
+      text-decoration: none;
+    }
+  }
+
+  + .breadcrumb-item::before {
+    @include reset-to-material-icons;
+    color: $breadcrumb-item-color;
+    content: "#{$breadcrumb-divider}";
+    padding-right: $breadcrumb-item-padding;
+    padding-left: $breadcrumb-item-padding;
+  }
+}

data/app/assets/stylesheets/material/bootstrap/_button-group.scss

@@ -0,0 +1,155 @@
+.btn-group,
+.btn-group-vertical {
+  background-color: $btn-group-bg;
+  display: inline-block;
+  padding: $btn-group-padding-y $btn-group-padding-x;
+  position: relative;
+  vertical-align: middle;
+
+  > .btn {
+    background-color: transparent;
+    box-shadow: none;
+    min-width: 0;
+
+    // active, focus, hover
+      &:active,
+      &.active {
+        background-color: $btn-bg-active;
+        box-shadow: none;
+      }
+
+    // disabled
+      &:disabled,
+      &.disabled {
+        background-color: transparent;
+      }
+  }
+
+  // colour
+    @each $color in $palettes {
+      $i: index($palettes, $color);
+
+      > .btn-#{$color} {
+        @include plain-active-focus-hover {
+          color: nth($palettes-color, $i);
+        }
+      }
+    }
+
+  > .btn-group {
+    padding: 0;
+  }
+}
+
+.btn-group {
+  > .btn,
+  > .btn-group {
+    float: left;
+  }
+
+  > .btn + .btn,
+  > .btn + .btn-group,
+  > .btn-group + .btn,
+  > .btn-group + .btn-group {
+    margin-left: $btn-group-padding-x;
+  }
+}
+
+.btn-group-vertical {
+  > .btn,
+  > .btn-group,
+  > .btn-group > .btn {
+    display: block;
+    max-width: 100%;
+    width: 100%;
+  }
+
+  > .btn-group > .btn {
+    float: none;
+  }
+
+  > .btn + .btn,
+  > .btn + .btn-group,
+  > .btn-group + .btn,
+  > .btn-group + .btn-group {
+    margin-top: $btn-group-padding-y;
+  }
+}
+
+// size
+  .btn-group-lg > .btn {
+    @extend .btn-lg;
+  }
+
+  .btn-group-sm > .btn {
+    @extend .btn-sm;
+  }
+
+//
+// checkbox and radio options
+//
+  [data-toggle="buttons"] {
+    > .btn,
+    > .btn-group > .btn {
+      input[type="checkbox"],
+      input[type="radio"] {
+        clip: rect(0, 0, 0, 0);
+        pointer-events: none;
+        position: absolute;
+      }
+    }
+  }
+
+//
+// split button dropdown
+//
+  .btn.dropdown-toggle-split {
+    padding-right: ($btn-padding-x * 0.75);
+    padding-left: ($btn-padding-x * 0.75);
+
+    &::after {
+      margin-left: 0;
+    }
+
+    .btn-group > & {
+      margin-left: 0;
+    }
+  }
+
+  // size
+    .btn-lg + .btn.dropdown-toggle-split {
+      padding-right: ($btn-padding-x-lg * 0.75);
+      padding-left: ($btn-padding-x-lg * 0.75);
+    }
+
+    .btn-sm + .btn.dropdown-toggle-split {
+      padding-right: ($btn-padding-x-sm * 0.75);
+      padding-left: ($btn-padding-x-sm * 0.75);
+    }
+
+//
+// toolbar
+//
+  .btn-toolbar {
+    @include clearfix;
+
+    .btn-group,
+    .input-group {
+      float: left;
+
+      &::before {
+        background-color: $btn-toolbar-divider-bg;
+        content: "";
+        display: block;
+        position: absolute;
+          top: $btn-group-padding-y;
+          bottom: $btn-group-padding-y;
+          left: 0;
+        width: 1px;
+      }
+
+      &:first-child::before {
+        display: none;
+      }
+    }
+  }