Skip to content

Commit

Permalink
Update MaterialZ
Browse files Browse the repository at this point in the history
  • Loading branch information
ZMYaro committed May 3, 2021
1 parent 37428d8 commit bab0e5d
Show file tree
Hide file tree
Showing 5 changed files with 592 additions and 209 deletions.
4 changes: 2 additions & 2 deletions scripts/material-touch.js
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
/* Script for triggering element active states when touched
* Supplement to the MaterialZ CSS library
*
* Copyright 2016 Zachary Yaro
* Copyright 2015-2021 Zachary Yaro
* Released under the MIT license
* https://materialz.zmyaro.com/LICENSE.txt
* https://materialz.dev/LICENSE.txt
*/

(function () {
Expand Down
37 changes: 27 additions & 10 deletions styles/material-depth.css
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
/* Base Material styles for depth
* Part of the MaterialZ CSS library
*
* Copyright 2015 Zachary Yaro
* Copyright 2015-2021 Zachary Yaro
* Released under the MIT license
* http://materialz.zmyaro.com/LICENSE.txt
* https://materialz.dev/LICENSE.txt
*/

@charset "UTF-8";
Expand All @@ -29,6 +29,17 @@
-o-transition-property: box-shadow;
transition-property: box-shadow;
}
.card.full-width.z1,
.card.full-width.z2,
.card.full-width.z3,
.card.full-width.z4,
.card.full-width.z5 {
-webkit-transition-property: margin, border-radius, -webkit-box-shadow, box-shadow;
-moz-transition-property: margin, border-radius, -moz-box-shadow, box-shadow;
-ms-transition-property: margin, border-radius, box-shadow;
-o-transition-property: margin, border-radius, box-shadow;
transition-property: margin, border-radius, box-shadow;
}
button.z1,
button.z2,
button.z3,
Expand Down Expand Up @@ -165,8 +176,6 @@ input[type="reset"].z5 {
-webkit-box-shadow: rgba(0, 0, 0, 0.26) 0 2px 5px 0, rgba(0, 0, 0, 0.16) 0 2px 10px 0;
-moz-box-shadow: rgba(0, 0, 0, 0.26) 0 2px 5px 0, rgba(0, 0, 0, 0.16) 0 2px 10px 0;
box-shadow: rgba(0, 0, 0, 0.26) 0 2px 5px 0, rgba(0, 0, 0, 0.16) 0 2px 10px 0;
filter: progid:DXImageTransform.Microsoft.Glow(Color=#b8b8b8,Strength=5);
-ms-filter: "progid:DXImageTransform.Microsoft.Glow(Color=#b8b8b8,Strength=5)";
}

button.z1:hover,
Expand All @@ -182,8 +191,6 @@ input[type="reset"].z1:focus {
-webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.23), 0 4px 15px 0 rgba(0, 0, 0, 0.175);
-moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.23), 0 4px 15px 0 rgba(0, 0, 0, 0.175);
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.23), 0 4px 15px 0 rgba(0, 0, 0, 0.175);
filter: progid:DXImageTransform.Microsoft.Glow(Color=#b4b4b4,Strength=7);
-ms-filter: "progid:DXImageTransform.Microsoft.Glow(Color=#b4b4b4,Strength=7)";
}
.z2,
button.z1:enabled:active,
Expand All @@ -199,8 +206,6 @@ input[type="reset"].z1.active {
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 8px 17px 0, rgba(0, 0, 0, 0.19) 0 6px 20px 0;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 8px 17px 0, rgba(0, 0, 0, 0.19) 0 6px 20px 0;
box-shadow: rgba(0, 0, 0, 0.2) 0 8px 17px 0, rgba(0, 0, 0, 0.19) 0 6px 20px 0;
filter: progid:DXImageTransform.Microsoft.Glow(Color=#b0b0b0,Strength=10);
-ms-filter: "progid:DXImageTransform.Microsoft.Glow(Color=#b0b0b0,Strength=10)";
}
.z3,
button.z2:enabled:active,
Expand Down Expand Up @@ -255,6 +260,18 @@ input[type="reset"].z1.disabled {
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px 0, rgba(0, 0, 0, 0.14) 0 2px 5px 0;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px 0, rgba(0, 0, 0, 0.14) 0 2px 5px 0;
box-shadow: rgba(0, 0, 0, 0.2) 0 2px 2px 0, rgba(0, 0, 0, 0.14) 0 2px 5px 0;
filter: progid:DXImageTransform.Microsoft.Glow(Color=#b8b8b8,Strength=5);
-ms-filter: "progid:DXImageTransform.Microsoft.Glow(Color=#b8b8b8,Strength=5)";
}

@media (prefers-reduced-motion: reduce) {
.z1,
.z2,
.z3,
.z4,
.z5 {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
}
Loading

0 comments on commit bab0e5d

Please sign in to comment.