Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
189 changes: 88 additions & 101 deletions dist/css/materialize.css
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
/*!
* Materialize v1.0.0 (http://materializecss.com)
* Copyright 2014-2017 Materialize
* MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
*/
/*!
* Materialize vundefined (http://materializecss.com)
* Copyright 2014-2017 Materialize
* MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
*/
.materialize-red {
background-color: #e51c23 !important;
}
Expand Down Expand Up @@ -2253,9 +2253,7 @@ abbr[title] {
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
-moz-text-decoration: underline dotted;
text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */
}

Expand Down Expand Up @@ -2780,6 +2778,7 @@ video.responsive-video {
}

.breadcrumb {
display: inline-block;
font-size: 18px;
color: rgba(255, 255, 255, 0.7);
}
Expand All @@ -2803,6 +2802,7 @@ video.responsive-video {
font-size: 25px;
margin: 0 10px 0 8px;
-webkit-font-smoothing: antialiased;
float: left;
}

.breadcrumb:first-child:before {
Expand Down Expand Up @@ -5622,13 +5622,13 @@ body.keyboard-focused .dropdown-content li:focus {
cursor: pointer;
}

/*!
* Waves v0.6.0
* http://fian.my.id/Waves
*
* Copyright 2014 Alfiana E. Sibuea and other contributors
* Released under the MIT license
* https://github.com/fians/Waves/blob/master/LICENSE
/*!
* Waves v0.6.0
* http://fian.my.id/Waves
*
* Copyright 2014 Alfiana E. Sibuea and other contributors
* Released under the MIT license
* https://github.com/fians/Waves/blob/master/LICENSE
*/
.waves-effect {
position: relative;
Expand Down Expand Up @@ -5886,19 +5886,19 @@ body.keyboard-focused .dropdown-content li:focus {
}

.sidenav .collapsible,
.sidenav.fixed .collapsible {
.sidenav.sidenav-fixed .collapsible {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}

.sidenav .collapsible li,
.sidenav.fixed .collapsible li {
.sidenav.sidenav-fixed .collapsible li {
padding: 0;
}

.sidenav .collapsible-header,
.sidenav.fixed .collapsible-header {
.sidenav.sidenav-fixed .collapsible-header {
background-color: transparent;
border: none;
line-height: inherit;
Expand All @@ -5907,23 +5907,23 @@ body.keyboard-focused .dropdown-content li:focus {
}

.sidenav .collapsible-header:hover,
.sidenav.fixed .collapsible-header:hover {
.sidenav.sidenav-fixed .collapsible-header:hover {
background-color: rgba(0, 0, 0, 0.05);
}

.sidenav .collapsible-header i,
.sidenav.fixed .collapsible-header i {
.sidenav.sidenav-fixed .collapsible-header i {
line-height: inherit;
}

.sidenav .collapsible-body,
.sidenav.fixed .collapsible-body {
.sidenav.sidenav-fixed .collapsible-body {
border: 0;
background-color: #fff;
}

.sidenav .collapsible-body li a,
.sidenav.fixed .collapsible-body li a {
.sidenav.sidenav-fixed .collapsible-body li a {
padding: 0 23.5px 0 31px;
}

Expand Down Expand Up @@ -6113,9 +6113,6 @@ label {
:-ms-input-placeholder {
color: #d1d1d1;
}
::-ms-input-placeholder {
color: #d1d1d1;
}
::placeholder {
color: #d1d1d1;
}
Expand Down Expand Up @@ -7038,7 +7035,7 @@ textarea.materialize-textarea {
border-color: #949494;
}

/* Switch
/* Switch
========================================================================== */
.switch,
.switch * {
Expand Down Expand Up @@ -7137,15 +7134,12 @@ input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {

/* Select Field
========================================================================== */
select {
display: none;
}

select.browser-default {
display: block;
opacity: 1;
}

select {
opacity: 0;
background-color: rgba(255, 255, 255, 0.9);
width: 100%;
padding: 5px;
Expand Down Expand Up @@ -7209,6 +7203,15 @@ select {
font-size: 0.8rem;
}

.select-wrapper .hide-select {
width: 0;
height: 0;
overflow: hidden;
position: absolute;
top: 0;
z-index: -1;
}

select:disabled {
color: rgba(0, 0, 0, 0.42);
}
Expand Down Expand Up @@ -7286,7 +7289,7 @@ body.keyboard-focused .select-dropdown.dropdown-content li:focus {
padding-left: 1rem;
}

/* File Input
/* File Input
========================================================================== */
.file-field {
position: relative;
Expand Down Expand Up @@ -7573,7 +7576,7 @@ input[type=range]::-ms-thumb {
background-color: rgba(0, 0, 0, 0.05);
}

.sidenav li > a {
.sidenav li > a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-flat):not(.btn-floating) {
color: rgba(0, 0, 0, 0.87);
display: block;
font-size: 14px;
Expand All @@ -7583,33 +7586,13 @@ input[type=range]::-ms-thumb {
padding: 0 32px;
}

.sidenav li > a:hover {
.sidenav li > a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-flat):not(.btn-floating):hover {
background-color: rgba(0, 0, 0, 0.05);
}

.sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-flat, .sidenav li > a.btn-floating {
margin: 10px 15px;
}

.sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-floating {
color: #fff;
}

.sidenav li > a.btn-flat {
color: #343434;
}

.sidenav li > a.btn:hover, .sidenav li > a.btn-large:hover, .sidenav li > a.btn-small:hover, .sidenav li > a.btn-large:hover {
background-color: #2bbbad;
}

.sidenav li > a.btn-floating:hover {
background-color: #26a69a;
}

.sidenav li > a > i,
.sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"],
.sidenav li > a > i.material-icons {
.sidenav li > a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-flat):not(.btn-floating) > i,
.sidenav li > a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-flat):not(.btn-floating) > [class^="mdi-"], .sidenav li > a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-flat):not(.btn-floating) li > a > [class*="mdi-"],
.sidenav li > a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-flat):not(.btn-floating) > i.material-icons {
float: left;
height: 48px;
line-height: 48px;
Expand All @@ -7618,6 +7601,10 @@ input[type=range]::-ms-thumb {
color: rgba(0, 0, 0, 0.54);
}

.sidenav li > .btn, .sidenav li > .btn-large, .sidenav li > .btn-small, .sidenav li > .btn-large, .sidenav li > .btn-flat, .sidenav li > .btn-floating {
margin: 10px 32px;
}

.sidenav .divider {
margin: 8px 0 0 0;
}
Expand Down Expand Up @@ -7752,30 +7739,30 @@ input[type=range]::-ms-thumb {
display: none;
}

/*
@license
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
/*
@license
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
*/
/**************************/
/* STYLES FOR THE SPINNER */
/**************************/
/*
* Constants:
* STROKEWIDTH = 3px
* ARCSIZE = 270 degrees (amount of circle the arc takes up)
* ARCTIME = 1333ms (time it takes to expand and contract arc)
* ARCSTARTROT = 216 degrees (how much the start location of the arc
* should rotate each time, 216 gives us a
* 5 pointed star shape (it's 360/5 * 3).
* For a 7 pointed star, we might do
* 360/7 * 3 = 154.286)
* CONTAINERWIDTH = 28px
* SHRINK_TIME = 400ms
/*
* Constants:
* STROKEWIDTH = 3px
* ARCSIZE = 270 degrees (amount of circle the arc takes up)
* ARCTIME = 1333ms (time it takes to expand and contract arc)
* ARCSTARTROT = 216 degrees (how much the start location of the arc
* should rotate each time, 216 gives us a
* 5 pointed star shape (it's 360/5 * 3).
* For a 7 pointed star, we might do
* 360/7 * 3 = 154.286)
* CONTAINERWIDTH = 28px
* SHRINK_TIME = 400ms
*/
.preloader-wrapper {
display: inline-block;
Expand Down Expand Up @@ -7841,18 +7828,18 @@ input[type=range]::-ms-thumb {
border-color: #0f9d58;
}

/**
* IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
*
* iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
* guarantee that the animation will start _exactly_ after that value. So we avoid using
* animation-delay and instead set custom keyframes for each color (as redundant as it
* seems).
*
* We write out each animation in full (instead of separating animation-name,
* animation-duration, etc.) because under the polyfill, Safari does not recognize those
* specific properties properly, treats them as -webkit-animation, and overrides the
* other animation rules. See https://github.com/Polymer/platform/issues/53.
/**
* IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
*
* iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
* guarantee that the animation will start _exactly_ after that value. So we avoid using
* animation-delay and instead set custom keyframes for each color (as redundant as it
* seems).
*
* We write out each animation in full (instead of separating animation-name,
* animation-duration, etc.) because under the polyfill, Safari does not recognize those
* specific properties properly, treats them as -webkit-animation, and overrides the
* other animation rules. See https://github.com/Polymer/platform/issues/53.
*/
.active .spinner-layer.spinner-blue {
/* durations: 4 * ARCTIME */
Expand Down Expand Up @@ -8117,9 +8104,9 @@ input[type=range]::-ms-thumb {
}
}

/**
* Patch the gap that appear between the two adjacent div.circle-clipper while the
* spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
/**
* Patch the gap that appear between the two adjacent div.circle-clipper while the
* spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
*/
.gap-patch {
position: absolute;
Expand Down Expand Up @@ -8486,10 +8473,10 @@ input[type=range]::-ms-thumb {
visibility: visible;
-webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
-webkit-transition: opacity .3s, visibility 0s 1s, -webkit-transform .3s;
transition: opacity .3s, visibility 0s 1s, -webkit-transform .3s;
transition: opacity .3s, transform .3s, visibility 0s 1s;
transition: opacity .3s, transform .3s, visibility 0s 1s, -webkit-transform .3s;
-webkit-transition: opacity .3s, visibility 0s 1s, -webkit-transform .3s;
transition: opacity .3s, visibility 0s 1s, -webkit-transform .3s;
transition: opacity .3s, transform .3s, visibility 0s 1s;
transition: opacity .3s, transform .3s, visibility 0s 1s, -webkit-transform .3s;
}

.tap-target {
Expand Down Expand Up @@ -8542,10 +8529,10 @@ input[type=range]::-ms-thumb {

.tap-target-wave::after {
visibility: hidden;
-webkit-transition: opacity .3s, visibility 0s, -webkit-transform .3s;
transition: opacity .3s, visibility 0s, -webkit-transform .3s;
transition: opacity .3s, transform .3s, visibility 0s;
transition: opacity .3s, transform .3s, visibility 0s, -webkit-transform .3s;
-webkit-transition: opacity .3s, visibility 0s, -webkit-transform .3s;
transition: opacity .3s, visibility 0s, -webkit-transform .3s;
transition: opacity .3s, transform .3s, visibility 0s;
transition: opacity .3s, transform .3s, visibility 0s, -webkit-transform .3s;
z-index: -1;
}

Expand Down Expand Up @@ -8688,7 +8675,7 @@ input[type=range]::-ms-thumb {
}

.datepicker-controls .select-month input {
width: 70px;
width: 80px;
}

.month-prev, .month-next {
Expand Down
26 changes: 13 additions & 13 deletions dist/css/materialize.min.css

Large diffs are not rendered by default.

Loading