@materializecss/materialize 1.1.0-alpha → 1.1.0

package/sass/components/_table_of_contents.scss

@@ -1,33 +1,33 @@
-/***************
-    Nav List
-***************/
-.table-of-contents {
-  &.fixed {
-      position: fixed;
-    }
-
-  li {
-    padding: 2px 0;
-  }
-  a {
-    display: inline-block;
-    font-weight: 300;
-    color: #757575;
-    padding-left: 16px;
-    height: 1.5rem;
-    line-height: 1.5rem;
-    letter-spacing: .4;
-    display: inline-block;
-
-    &:hover {
-      color: lighten(#757575, 20%);
-      padding-left: 15px;
-      border-left: 1px solid $primary-color;
-    }
-    &.active {
-      font-weight: 500;
-      padding-left: 14px;
-      border-left: 2px solid $primary-color;
-    }
-  }
-}
+/***************
+    Nav List
+***************/
+.table-of-contents {
+  &.fixed {
+      position: fixed;
+    }
+
+  li {
+    padding: 2px 0;
+  }
+  a {
+    display: inline-block;
+    font-weight: 300;
+    color: #757575;
+    padding-left: 16px;
+    height: 1.5rem;
+    line-height: 1.5rem;
+    letter-spacing: .4;
+    display: inline-block;
+
+    &:hover {
+      color: lighten(#757575, 20%);
+      padding-left: 15px;
+      border-left: 1px solid $primary-color;
+    }
+    &.active {
+      font-weight: 500;
+      padding-left: 14px;
+      border-left: 2px solid $primary-color;
+    }
+  }
+}

package/sass/components/_tabs.scss

@@ -1,99 +1,99 @@
-.tabs {
-  &.tabs-transparent {
-    background-color: transparent;
-
-    .tab a,
-    .tab.disabled a,
-    .tab.disabled a:hover {
-      color: rgba(255,255,255,0.7);
-    }
-
-    .tab a:hover,
-    .tab a.active {
-      color: #fff;
-    }
-
-    .indicator {
-      background-color: #fff;
-    }
-  }
-
-  &.tabs-fixed-width {
-    display: flex;
-
-    .tab {
-      flex-grow: 1;
-    }
-  }
-
-  position: relative;
-  overflow-x: auto;
-  overflow-y: hidden;
-  height: 48px;
-  width: 100%;
-  background-color: $tabs-bg-color;
-  margin: 0 auto;
-  white-space: nowrap;
-
-  .tab {
-    display: inline-block;
-    text-align: center;
-    line-height: 48px;
-    height: 48px;
-    padding: 0;
-    margin: 0;
-    text-transform: uppercase;
-
-    a {
-      &:focus,
-      &:focus.active {
-        background-color: transparentize($tabs-underline-color, .8);
-        outline: none;
-      }
-
-      &:hover,
-      &.active {
-        background-color: transparent;
-        color: $tabs-text-color;
-      }
-
-      color: rgba($tabs-text-color, .7);
-      display: block;
-      width: 100%;
-      height: 100%;
-      padding: 0 24px;
-      font-size: 14px;
-      text-overflow: ellipsis;
-      overflow: hidden;
-      transition: color .28s ease, background-color .28s ease;
-    }
-
-    &.disabled a,
-    &.disabled a:hover {
-      color: rgba($tabs-text-color, .4);
-      cursor: default;
-    }
-  }
-  .indicator {
-    position: absolute;
-    bottom: 0;
-    height: 2px;
-    background-color: $tabs-underline-color;
-    will-change: left, right;
-  }
-}
-
-// Fixed Sidenav hide on smaller
-@media #{$medium-and-down} {
-  .tabs {
-    display: flex;
-
-    .tab {
-      flex-grow: 1;
-
-      a {
-        padding: 0 12px;
-      }
-    }
-  }
-}
+.tabs {
+  &.tabs-transparent {
+    background-color: transparent;
+
+    .tab a,
+    .tab.disabled a,
+    .tab.disabled a:hover {
+      color: rgba(255,255,255,0.7);
+    }
+
+    .tab a:hover,
+    .tab a.active {
+      color: #fff;
+    }
+
+    .indicator {
+      background-color: #fff;
+    }
+  }
+
+  &.tabs-fixed-width {
+    display: flex;
+
+    .tab {
+      flex-grow: 1;
+    }
+  }
+
+  position: relative;
+  overflow-x: auto;
+  overflow-y: hidden;
+  height: 48px;
+  width: 100%;
+  background-color: $tabs-bg-color;
+  margin: 0 auto;
+  white-space: nowrap;
+
+  .tab {
+    display: inline-block;
+    text-align: center;
+    line-height: 48px;
+    height: 48px;
+    padding: 0;
+    margin: 0;
+    text-transform: uppercase;
+
+    a {
+      &:focus,
+      &:focus.active {
+        background-color: transparentize($tabs-underline-color, .8);
+        outline: none;
+      }
+
+      &:hover,
+      &.active {
+        background-color: transparent;
+        color: $tabs-text-color;
+      }
+
+      color: rgba($tabs-text-color, .7);
+      display: block;
+      width: 100%;
+      height: 100%;
+      padding: 0 24px;
+      font-size: 14px;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      transition: color .28s ease, background-color .28s ease;
+    }
+
+    &.disabled a,
+    &.disabled a:hover {
+      color: rgba($tabs-text-color, .4);
+      cursor: default;
+    }
+  }
+  .indicator {
+    position: absolute;
+    bottom: 0;
+    height: 2px;
+    background-color: $tabs-underline-color;
+    will-change: left, right;
+  }
+}
+
+// Fixed Sidenav hide on smaller
+@media #{$medium-and-down} {
+  .tabs {
+    display: flex;
+
+    .tab {
+      flex-grow: 1;
+
+      a {
+        padding: 0 12px;
+      }
+    }
+  }
+}

package/sass/components/_tapTarget.scss

@@ -1,103 +1,103 @@
-.tap-target-wrapper {
-  width: 800px;
-  height: 800px;
-  position: fixed;
-  z-index: 1000;
-  visibility: hidden;
-  transition: visibility 0s .3s;
-}
-
-.tap-target-wrapper.open {
-  visibility: visible;
-  transition: visibility 0s;
-
-  .tap-target {
-    transform: scale(1);
-    opacity: .95;
-    transition:
-      transform .3s cubic-bezier(.42,0,.58,1),
-      opacity .3s cubic-bezier(.42,0,.58,1);
-  }
-
-  .tap-target-wave::before {
-    transform: scale(1);
-  }
-  .tap-target-wave::after {
-    visibility: visible;
-    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
-    transition:
-      opacity .3s,
-      transform .3s,
-      visibility 0s 1s;
-  }
-}
-
-.tap-target {
-  position: absolute;
-  font-size: 1rem;
-  border-radius: 50%;
-  background-color: $primary-color;
-  box-shadow: 0 20px 20px 0 rgba(0,0,0,0.14), 0 10px 50px 0 rgba(0,0,0,0.12), 0 30px 10px -20px rgba(0,0,0,0.2);
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-  transform: scale(0);
-  transition:
-    transform .3s cubic-bezier(.42,0,.58,1),
-    opacity .3s cubic-bezier(.42,0,.58,1);
-}
-
-.tap-target-content {
-  position: relative;
-  display: table-cell;
-}
-
-.tap-target-wave {
-  &::before,
-  &::after {
-    content: '';
-    display: block;
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    border-radius: 50%;
-    background-color: #ffffff;
-  }
-  &::before {
-    transform: scale(0);
-    transition: transform .3s;
-  }
-  &::after {
-    visibility: hidden;
-    transition:
-      opacity .3s,
-      transform .3s,
-      visibility 0s;
-    z-index: -1;
-  }
-
-  position: absolute;
-  border-radius: 50%;
-  z-index: 10001;
-}
-
-.tap-target-origin {
-  &:not(.btn),
-  &:not(.btn):hover {
-    background: none;
-  }
-
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%,-50%);
-
-  z-index: 10002;
-  position: absolute !important;
-}
-
-@media only screen and (max-width: 600px) {
-  .tap-target, .tap-target-wrapper {
-    width: 600px;
-    height: 600px;
-  }
-}
+.tap-target-wrapper {
+  width: 800px;
+  height: 800px;
+  position: fixed;
+  z-index: 1000;
+  visibility: hidden;
+  transition: visibility 0s .3s;
+}
+
+.tap-target-wrapper.open {
+  visibility: visible;
+  transition: visibility 0s;
+
+  .tap-target {
+    transform: scale(1);
+    opacity: .95;
+    transition:
+      transform .3s cubic-bezier(.42,0,.58,1),
+      opacity .3s cubic-bezier(.42,0,.58,1);
+  }
+
+  .tap-target-wave::before {
+    transform: scale(1);
+  }
+  .tap-target-wave::after {
+    visibility: visible;
+    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
+    transition:
+      opacity .3s,
+      transform .3s,
+      visibility 0s 1s;
+  }
+}
+
+.tap-target {
+  position: absolute;
+  font-size: 1rem;
+  border-radius: 50%;
+  background-color: $primary-color;
+  box-shadow: 0 20px 20px 0 rgba(0,0,0,0.14), 0 10px 50px 0 rgba(0,0,0,0.12), 0 30px 10px -20px rgba(0,0,0,0.2);
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  transform: scale(0);
+  transition:
+    transform .3s cubic-bezier(.42,0,.58,1),
+    opacity .3s cubic-bezier(.42,0,.58,1);
+}
+
+.tap-target-content {
+  position: relative;
+  display: table-cell;
+}
+
+.tap-target-wave {
+  &::before,
+  &::after {
+    content: '';
+    display: block;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    background-color: #ffffff;
+  }
+  &::before {
+    transform: scale(0);
+    transition: transform .3s;
+  }
+  &::after {
+    visibility: hidden;
+    transition:
+      opacity .3s,
+      transform .3s,
+      visibility 0s;
+    z-index: -1;
+  }
+
+  position: absolute;
+  border-radius: 50%;
+  z-index: 10001;
+}
+
+.tap-target-origin {
+  &:not(.btn),
+  &:not(.btn):hover {
+    background: none;
+  }
+
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%,-50%);
+
+  z-index: 10002;
+  position: absolute !important;
+}
+
+@media only screen and (max-width: 600px) {
+  .tap-target, .tap-target-wrapper {
+    width: 600px;
+    height: 600px;
+  }
+}