material-sass 4.0.0.alpha5 → 4.0.0.alpha6

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

@@ -1,482 +1,5 @@
-/*
- * includes normalize and reboot from bootstrap's (v4.0.0-alpha.5)
- */
-
-/* normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
-  body {
-    margin: 0;
-  }
-
-  html {
-    font-family: sans-serif;
-    -webkit-text-size-adjust: 100%;
-        -ms-text-size-adjust: 100%;
-  }
-
-  // display definitions
-    article,
-    aside,
-    details,
-    figcaption,
-    figure,
-    footer,
-    header,
-    main,
-    menu,
-    nav,
-    section,
-    summary {
-      display: block;
-    }
-
-    audio,
-    canvas,
-    progress,
-    video {
-      display: inline-block;
-    }
-
-    audio:not([controls]) {
-      display: none;
-      height: 0;
-    }
-
-    progress {
-      vertical-align: baseline;
-    }
-
-    template,
-    [hidden] {
-      display: none;
-    }
-
-  // embedded content
-    img {
-      border-style: none;
-    }
-
-    svg:not(:root) {
-      overflow: hidden;
-    }
-
-  // forms
-    button,
-    input,
-    select,
-    textarea {
-      font: inherit;
-    }
-
-    button,
-    input,
-    select,
-    textarea {
-      margin: 0;
-    }
-
-    button,
-    input,
-    select {
-      overflow: visible;
-    }
-
-    button,
-    select {
-      text-transform: none;
-    }
-
-    button,
-    [type="button"],
-    [type="reset"],
-    [type="submit"] {
-      cursor: pointer;
-      html & {
-        -webkit-appearance: button;
-      }
-    }
-
-    button::-moz-focus-inner,
-    input::-moz-focus-inner {
-      border: 0;
-      padding: 0;
-    }
-
-    button:-moz-focusring,
-    input:-moz-focusring {
-      outline: 1px dotted ButtonText;
-    }
-
-    fieldset {
-      border: 1px solid #c0c0c0;
-      margin: 0 2px;
-      padding: 0.35em 0.625em 0.75em;
-    }
-
-    legend {
-      box-sizing: border-box;
-      color: inherit;
-      display: table;
-      max-width: 100%;
-      padding: 0;
-      white-space: normal;
-    }
-
-    optgroup {
-      font-weight: bold;
-    }
-
-    textarea {
-      overflow: auto;
-    }
-
-    [disabled] {
-      cursor: default;
-    }
-
-    [type="checkbox"],
-    [type="radio"] {
-      box-sizing: border-box;
-      padding: 0;
-    }
-
-    [type="number"]::-webkit-inner-spin-button,
-    [type="number"]::-webkit-outer-spin-button {
-      height: auto;
-    }
-
-    [type="search"] {
-      -webkit-appearance: textfield;
-    }
-
-    [type="search"]::-webkit-search-cancel-button,
-    [type="search"]::-webkit-search-decoration {
-      -webkit-appearance: none;
-    }
-
-  // grouping content
-    code,
-    kbd,
-    pre,
-    samp {
-      font-family: monospace, monospace;
-      font-size: 1em;
-    }
-
-    figure {
-      margin: 1em 40px;
-    }
-
-    hr {
-      box-sizing: content-box;
-      height: 0;
-      overflow: visible;
-    }
-
-  // links
-    a {
-      background-color: transparent;
-    }
-
-    a:active,
-    a:hover {
-      outline-width: 0;
-    }
-
-  // text-level semantics
-    abbr[title] {
-      border-bottom: 0;
-      text-decoration: underline;
-      text-decoration: underline dotted;
-    }
-
-    b,
-    strong {
-      font-weight: bolder;
-    }
-
-    dfn {
-      font-style: italic;
-    }
-
-    h1 {
-      font-size: 2em;
-      margin: 0.67em 0;
-    }
-
-    mark {
-      background-color: #ff0;
-      color: #000;
-    }
-
-    small {
-      font-size: 80%;
-    }
-
-    sub,
-    sup {
-      font-size: 75%;
-      line-height: 0;
-      position: relative;
-      vertical-align: baseline;
-    }
-
-    sub {
-      bottom: -0.25em;
-    }
-
-    sup {
-      top: -0.5em;
-    }
-
-/* reboot */
-  // box-sizing
-    html {
-      box-sizing: border-box;
-    }
-
-    *,
-    *::after,
-    *::before {
-      box-sizing: inherit;
-    }
-
-  // http://getbootstrap.com/getting-started/#support-ie10-width
-    @at-root {
-      @-ms-viewport { width: device-width; }
-    }
-
-  // reboot
-    body {
-      background-color: $body-bg;
-      color: $body-color;
-      font-family: $font-family-base;
-      font-size: $font-size-base;
-      line-height: $line-height-base;
-    }
-
-    html {
-      font-size: $font-size-root;
-      -ms-overflow-style: scrollbar;
-      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    }
-
-    [hidden] {
-      display: none !important;
-    }
-
-    [tabindex="-1"]:focus {
-      outline: 0 !important;
-    }
-
-    // clickable elements
-      a,
-      area,
-      button,
-      input,
-      label,
-      select,
-      summary,
-      textarea,
-      [role="button"] {
-        touch-action: manipulation;
-      }
-
-      [role="button"] {
-        cursor: pointer;
-      }
-
-    // code
-      pre {
-        margin-top: 0;
-        margin-bottom: $spacer-md-y;
-        overflow: auto;
-      }
-
-    // figures
-      figure {
-        margin: 0 0 $spacer-md-y;
-      }
-
-    // forms
-      button,
-      input,
-      select,
-      textarea {
-        border-radius: 0;
-        line-height: inherit;
-        margin: 0;
-      }
-
-      button {
-        // active, focus, hover
-          &:focus {
-            outline: 1px dotted;
-            outline: 5px auto -webkit-focus-ring-color;
-          }
-      }
-
-      fieldset {
-        border: 0;
-        margin: 0;
-        min-width: 0;
-        padding: 0;
-      }
-
-      input[type="checkbox"],
-      input[type="radio"] {
-        // disabled
-          &:disabled {
-            cursor: $cursor-disabled;
-          }
-      }
-
-      input[type="date"],
-      input[type="datetime-local"],
-      input[type="month"],
-      input[type="time"] {
-        -webkit-appearance: listbox;
-      }
-
-      input[type="search"] {
-        -webkit-appearance: none;
-      }
-
-      label {
-        display: inline-block;
-        margin-bottom: 0;
-      }
-
-      legend {
-        display: block;
-        margin-bottom: $spacer-sm-y;
-        padding: 0;
-        width: 100%;
-        @include typography-headline;
-      }
-
-      output {
-        display: inline-block;
-      }
-
-      select[multiple],
-      select[size] {
-        overflow: auto;
-      }
-
-      textarea {
-        resize: vertical;
-      }
-
-    // images
-      img {
-        vertical-align: middle;
-      }
-
-    // links
-      a {
-        color: $link-color;
-        text-decoration: $link-decoration;
-
-        // active, focus, hover
-          @include active-focus-hover {
-            color: $link-color-active;
-            text-decoration: $link-decoration-active;
-          }
-
-          &:focus {
-            @include tab-focus;
-          }
-      }
-
-      a:not([href]):not([tabindex]) {
-        color: inherit;
-        text-decoration: none;
-
-        // active, focus, hover
-          @include active-focus-hover {
-            color: inherit;
-
-            @if ($link-decoration-active != "none") {
-              text-decoration: none;
-            }
-          }
-
-          &:focus {
-            outline: 0;
-          }
-      }
-
-    // tables
-      caption {
-        caption-side: bottom;
-        color: $table-caption-color;
-        min-height: $table-thead-cell-height;
-        padding: $table-thead-padding-y $table-cell-padding-x-alt;
-        text-align: left;
-        vertical-align: middle;
-        @include typography-caption;
-      }
-
-      table {
-        background-color: $table-bg;
-        border-collapse: collapse;
-        border-spacing: 0;
-      }
-
-      th {
-        text-align: left;
-      }
-
-    // typography
-      abbr[data-original-title],
-      abbr[title] {
-        border-bottom: 1px dotted $abbr-border-color;
-        cursor: help;
-      }
-
-      address {
-        font-style: normal;
-        line-height: inherit;
-        margin-bottom: $spacer-md-y;
-      }
-
-      blockquote {
-        margin: 0 0 $spacer-md-y;
-      }
-
-      dd {
-        margin-bottom: $spacer-sm-y;
-        margin-left: 0;
-      }
-
-      dl {
-        margin-top: 0;
-        margin-bottom: $spacer-md-y;
-      }
-
-      dt {
-        font-weight: $dt-font-weight;
-      }
-
-      h1, h2, h3, h4, h5, h6 {
-        margin-top: 0;
-        margin-bottom: $spacer-sm-y;
-      }
-
-      ol,
-      ul {
-        margin-top: 0;
-        margin-bottom: $spacer-md-y;
-      }
-
-      ol ol,
-      ol ul,
-      ul ol,
-      ul ul {
-        margin-bottom: 0;
-      }
-
-      p {
-        margin-top: 0;
-        margin-bottom: $spacer-md-y;
-      }
+//
+// includes normalize and reboot from bootstrap's (v4.0.0-alpha.6)
+//
+  @import "_normalize.scss";
+  @import "_reboot.scss";

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

@@ -28,4 +28,15 @@
     .row {
       @include make-row;
     }
+
+    .no-gutters {
+      margin-right: 0;
+      margin-left: 0;
+
+      > .col,
+      > [class*="col-"] {
+        padding-right: 0;
+        padding-left: 0;
+      }
+    }
   }