materialize-sass 0.97.1 → 0.97.2

data/app/assets/stylesheets/materialize/components/_form.scss

@@ -170,10 +170,7 @@ textarea.materialize-textarea {
   }
 }
 
-
 // Search Field
-
-
 .input-field input[type=search] {
   display: block;
   line-height: inherit;
@@ -224,7 +221,6 @@ textarea {
   }
 }
 
-
 // For textarea autoresize
 .hiddendiv {
   display: none;
@@ -277,7 +273,6 @@ textarea {
   @include transition(.28s ease);
 }
 
-
 /* Unchecked styles */
 [type="radio"]:not(:checked) + label:before {
   border-radius: 50%;
@@ -343,7 +338,6 @@ textarea {
   border-color: $input-disabled-solid-color;
 }
 
-
 /***************
    Checkboxes
 ***************/
@@ -365,7 +359,6 @@ form p:last-child {
   visibility: hidden;
 }
 
-
 // Checkbox Styles
 [type="checkbox"] {
 
@@ -404,7 +397,6 @@ form p:last-child {
     border: none;
     background-color: $input-disabled-color;
   }
-
 }
 
 [type="checkbox"]:checked {
@@ -425,7 +417,6 @@ form p:last-child {
     border-right: 2px solid $input-disabled-color;
     border-bottom: 2px solid $input-disabled-color;
   }
-
 }
 
 /* Indeterminate checkbox */
@@ -450,7 +441,6 @@ form p:last-child {
   }
 }
 
-
 // Filled in Style
 [type="checkbox"].filled-in {
   // General
@@ -466,6 +456,7 @@ form p:last-child {
     transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
     z-index: 1;
   }
+
   // Unchecked style
   &:not(:checked) + label:before {
     width: 0;
@@ -479,6 +470,7 @@ form p:last-child {
      -webkit-transform-origin: 20% 40%;
              transform-origin: 100% 100%;
   }
+
   &:not(:checked) + label:after {
     height: 20px;
     width: 20px;
@@ -487,6 +479,7 @@ form p:last-child {
     top: 0px;
     z-index: 0;
   }
+
   // Checked style
   &:checked {
     + label:before {
@@ -504,6 +497,7 @@ form p:last-child {
       -webkit-transform-origin: 100% 100%;
       transform-origin: 100% 100%;
     }
+
     + label:after {
       top: 0px;
       width: 20px;
@@ -515,23 +509,23 @@ form p:last-child {
   }
   // Disabled style
   &:disabled:not(:checked) + label:before {
-
     background-color: transparent;
     border: 2px solid transparent;
   }
+
   &:disabled:not(:checked) + label:after {
     border-color: transparent;
     background-color: $input-disabled-solid-color;
   }
+
   &:disabled:checked + label:before {
     background-color: transparent;
-
   }
+
   &:disabled:checked + label:after {
     background-color: $input-disabled-solid-color;
     border-color: $input-disabled-solid-color;
   }
-
 }
 
 /***************
@@ -544,20 +538,25 @@ form p:last-child {
     -khtml-user-select: none;
     -ms-user-select: none;
 }
+
 .switch label {
     cursor: pointer;
 }
+
 .switch label input[type=checkbox]{
     opacity: 0;
     width: 0;
     height: 0;
 }
+
 .switch label input[type=checkbox]:checked + .lever {
     background-color: $switch-checked-lever-bg;
 }
+
 .switch label input[type=checkbox]:checked + .lever:after {
     background-color: $switch-bg-color;
 }
+
 .switch label .lever {
     content: "";
     display: inline-block;
@@ -571,6 +570,7 @@ form p:last-child {
     vertical-align: middle;
     margin: 0 16px;
 }
+
 .switch label .lever:after {
     content: "";
     position: absolute;
@@ -584,19 +584,21 @@ form p:last-child {
     top: -3px;
     transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
 }
+
 // Switch active style
 input[type=checkbox]:checked:not(:disabled) ~ .lever:active:after {
        box-shadow: 0 1px 3px 1px rgba(0,0,0,.4), 0 0 0 15px transparentize($switch-bg-color, .9);
 }
+
 input[type=checkbox]:not(:disabled) ~ .lever:active:after {
        box-shadow: 0 1px 3px 1px rgba(0,0,0,.4), 0 0 0 15px rgba(0, 0, 0, .08);
 }
+
 .switch label input[type=checkbox]:checked + .lever:after {
     left: 24px;
 }
 
 // Disabled Styles
-
 .switch input[type=checkbox][disabled] + .lever{
   cursor: default;
 }
@@ -605,13 +607,9 @@ input[type=checkbox]:not(:disabled) ~ .lever:active:after {
     background-color: $input-disabled-solid-color;
 }
 
-
-
-
 /***************
   Select Field
 ***************/
-
 .select-label {
   position: absolute;
 }
@@ -635,6 +633,7 @@ input[type=checkbox]:not(:disabled) ~ .lever:active:after {
     padding: 0;
     display: block;
   }
+
   span.caret {
     color: initial;
     position: absolute;
@@ -645,6 +644,7 @@ input[type=checkbox]:not(:disabled) ~ .lever:active:after {
       color: $input-disabled-color;
     }
   }
+
   & + label {
     position: absolute;
     top: -14px;
@@ -655,11 +655,11 @@ input[type=checkbox]:not(:disabled) ~ .lever:active:after {
 select { display: none; }
 select.browser-default { display: block; }
 
-
 // Disabled styles
 select:disabled {
   color: rgba(0,0,0,.3);
 }
+
 .select-wrapper input.select-dropdown:disabled {
   color: rgba(0,0,0,.3);
   cursor: default;
@@ -668,14 +668,44 @@ select:disabled {
   -ms-user-select: none; /* IE10+ */
   border-bottom: 1px solid rgba(0,0,0,.3);
 }
+
 .select-wrapper i {
   color: rgba(0,0,0,.3);
 }
-.select-dropdown li.disabled {
+
+.select-dropdown li.disabled,
+.select-dropdown li.disabled > span,
+.select-dropdown li.optgroup {
   color: rgba(0,0,0,.3);
   background-color: transparent;
 }
 
+// Icons
+.select-dropdown li {
+  img {
+    height: $dropdown-item-height - 10;
+    width: $dropdown-item-height - 10;
+    margin: 5px 15px;
+    float: right;
+  }
+}
+
+// Optgroup styles
+.select-dropdown li.optgroup {
+  border-top: 1px solid $dropdown-hover-bg-color;
+
+  &.selected > span {
+    color: rgba(0,0,0, .7);
+  }
+
+  & > span {
+    color: rgba(0,0,0, .4);
+  }
+
+  & ~ li:not(.optgroup) {
+    padding-left: 1rem;
+  }
+}
 
 /*********************
       File Input
@@ -687,6 +717,7 @@ select:disabled {
     overflow: hidden;
     padding-left: 10px;
   }
+
   input.file-path { width: 100%; }
 
   .btn {
@@ -715,8 +746,6 @@ select:disabled {
   }
 }
 
-
-
 /***************
       Range
 ***************/
@@ -778,8 +807,6 @@ input[type=range]:focus {
   outline: none;
 }
 
-
-
 // WebKit
 input[type=range]{
   -webkit-appearance: none;
@@ -854,12 +881,15 @@ input[type=range]::-ms-track {
   /*remove default tick marks*/
   color: transparent;
 }
+
 input[type=range]::-ms-fill-lower {
   background: #777;
 }
+
 input[type=range]::-ms-fill-upper {
   background: #ddd;
 }
+
 input[type=range]::-ms-thumb {
   border: none;
   height: 14px;
@@ -867,9 +897,11 @@ input[type=range]::-ms-thumb {
   border-radius: 50%;
   background: $radio-fill-color;
 }
+
 input[type=range]:focus::-ms-fill-lower {
   background: #888;
 }
+
 input[type=range]:focus::-ms-fill-upper {
   background: #ccc;
 }
@@ -877,7 +909,6 @@ input[type=range]:focus::-ms-fill-upper {
 /***************************
    Text Inputs + Textarea
 ****************************/
-
 select {
    background-color: rgba(255, 255, 255, 0.90);
    width: 100%;
@@ -885,4 +916,4 @@ select {
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    height: 3rem;
-   }
+}

data/app/assets/stylesheets/materialize/components/_global.scss

@@ -158,7 +158,8 @@ video.responsive-video {
     }
 
     i {
-      font-size: 2rem;
+      font-size: 2.2rem;
+      vertical-align: middle;
     }
   }
 
@@ -185,6 +186,33 @@ video.responsive-video {
   }
 }
 
+// Breadcrumbs
+.breadcrumb {
+  font-size: 18px;
+  color: rgba(255,255,255, .7);
+
+  &:before {
+    content: '\E5CC';
+    color: rgba(255,255,255, .7);
+    vertical-align: top;
+    display: inline-block;
+    font-family: 'Material Icons';
+    font-weight: normal;
+    font-style: normal;
+    font-size: 25px;
+    margin: 0 10px 0 8px;
+    -webkit-font-smoothing: antialiased;
+  }
+
+  &:first-child:before {
+    display: none;
+  }
+
+  &:last-child {
+    color: #fff;
+  }
+}
+
 
 // Parallax
 .parallax-container {
@@ -509,7 +537,7 @@ td, th{
   a.collection-item{
     display: block;
     @include transition(.25s);
-    color: $secondary-color;
+    color: $collection-link-color;
     &:not(.active) {
       &:hover {
         background-color: $collection-hover-bg-color;
@@ -577,12 +605,8 @@ nav ul a span.badge {
 .video-container {
     position: relative;
     padding-bottom: 56.25%;
-    padding-top: 30px;
     height: 0;
     overflow: hidden;
-    &.no-controls {
-      padding-top: 0;
-    }
 
     iframe, object, embed {
       position: absolute;

data/app/assets/stylesheets/materialize/components/_grid.scss

@@ -51,6 +51,11 @@
     @include box-sizing(border-box);
     padding: 0 $gutter-width / 2;
 
+    &[class*="push-"],
+    &[class*="pull-"] {
+      position: relative;
+    }
+
     $i: 1;
     @while $i <= $num-cols {
       $perc: unquote((100 / ($num-cols / $i)) + "%");
@@ -58,14 +63,15 @@
         width: $perc;
         margin-left: 0;
       }
-      $i: $i + 1;
-    }
-    $i: 1;
-    @while $i <= $num-cols {
-      $perc: unquote((100 / ($num-cols / $i)) + "%");
       &.offset-s#{$i} {
         margin-left: $perc;
       }
+      &.pull-s#{$i} {
+        right: $perc;
+      }
+      &.push-s#{$i} {
+        left: $perc;
+      }
       $i: $i + 1;
     }
 
@@ -78,17 +84,17 @@
           width: $perc;
           margin-left: 0;
         }
-        $i: $i + 1;
-      }
-      $i: 1;
-      @while $i <= $num-cols {
-        $perc: unquote((100 / ($num-cols / $i)) + "%");
         &.offset-m#{$i} {
           margin-left: $perc;
         }
+        &.pull-m#{$i} {
+          right: $perc;
+        }
+        &.push-m#{$i} {
+          left: $perc;
+        }
         $i: $i + 1;
       }
-
     }
 
     @media #{$large-and-up} {
@@ -100,18 +106,17 @@
           width: $perc;
           margin-left: 0;
         }
-        $i: $i + 1;
-      }
-      $i: 1;
-      @while $i <= $num-cols {
-        $perc: unquote((100 / ($num-cols / $i)) + "%");
         &.offset-l#{$i} {
           margin-left: $perc;
         }
+        &.pull-l#{$i} {
+          right: $perc;
+        }
+        &.push-l#{$i} {
+          left: $perc;
+        }
         $i: $i + 1;
       }
-
     }
-
   }
 }