mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2025-07-22 05:59:47 +03:00
* Grunt build with the onChange fix
This commit is contained in:
parent
abc91f4147
commit
8f44b4121c
43
dist/css/material-wfont.css
vendored
43
dist/css/material-wfont.css
vendored
|
@ -2625,8 +2625,7 @@ body .jumbotron-material-lightgrey,
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: rgba(255, 255, 255, 0.84);
|
color: rgba(255, 255, 255, 0.84);
|
||||||
-webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
||||||
outline: none !important;
|
outline: none !important;
|
||||||
}
|
}
|
||||||
.btn:hover:not(.btn-link):not(.btn-flat) {
|
.btn:hover:not(.btn-link):not(.btn-flat) {
|
||||||
|
@ -2785,8 +2784,7 @@ body .jumbotron-material-lightgrey,
|
||||||
}
|
}
|
||||||
.btn.btn-raised {
|
.btn.btn-raised {
|
||||||
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
|
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
|
||||||
-webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
||||||
}
|
}
|
||||||
.btn.btn-raised:active:not(.btn-link) {
|
.btn.btn-raised:active:not(.btn-link) {
|
||||||
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.23), 0 10px 30px rgba(0, 0, 0, 0.19);
|
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.23), 0 10px 30px rgba(0, 0, 0, 0.19);
|
||||||
|
@ -3004,8 +3002,7 @@ body .jumbotron-material-lightgrey,
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
margin: 10px 1px;
|
margin: 10px 1px;
|
||||||
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
|
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
|
||||||
-webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
||||||
}
|
}
|
||||||
.btn-group:active:not(.btn-link),
|
.btn-group:active:not(.btn-link),
|
||||||
.btn-group-vertical:active:not(.btn-link) {
|
.btn-group-vertical:active:not(.btn-link) {
|
||||||
|
@ -3018,8 +3015,7 @@ body .jumbotron-material-lightgrey,
|
||||||
.btn-group.btn-group-raised,
|
.btn-group.btn-group-raised,
|
||||||
.btn-group-vertical.btn-group-raised {
|
.btn-group-vertical.btn-group-raised {
|
||||||
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
|
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
|
||||||
-webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
||||||
}
|
}
|
||||||
.btn-group.btn-group-raised:active:not(.btn-link),
|
.btn-group.btn-group-raised:active:not(.btn-link),
|
||||||
.btn-group-vertical.btn-group-raised:active:not(.btn-link) {
|
.btn-group-vertical.btn-group-raised:active:not(.btn-link) {
|
||||||
|
@ -3053,8 +3049,7 @@ body .jumbotron-material-lightgrey,
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
-webkit-transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
transition-duration: 0.2s;
|
|
||||||
}
|
}
|
||||||
.checkbox label .ripple {
|
.checkbox label .ripple {
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -3542,8 +3537,7 @@ body .jumbotron-material-lightgrey,
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 10px;
|
left: 10px;
|
||||||
top: 2px;
|
top: 2px;
|
||||||
-webkit-transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
transition-duration: 0.2s;
|
|
||||||
}
|
}
|
||||||
.radio label .circle {
|
.radio label .circle {
|
||||||
border: 2px solid rgba(0, 0, 0, 0.84);
|
border: 2px solid rgba(0, 0, 0, 0.84);
|
||||||
|
@ -3826,8 +3820,7 @@ select[multiple].form-control.focus {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
top: 5px;
|
top: 5px;
|
||||||
-webkit-transition: 0.2s ease all;
|
transition: 0.2s ease all;
|
||||||
transition: 0.2s ease all;
|
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
.form-control-wrapper .form-control:not(.empty) ~ .floating-label {
|
.form-control-wrapper .form-control:not(.empty) ~ .floating-label {
|
||||||
|
@ -3863,16 +3856,16 @@ select[multiple].form-control.focus {
|
||||||
-webkit-transform: scaleX(0);
|
-webkit-transform: scaleX(0);
|
||||||
-ms-transform: scaleX(0);
|
-ms-transform: scaleX(0);
|
||||||
transform: scaleX(0);
|
transform: scaleX(0);
|
||||||
-webkit-transition: -webkit-transform 0s;
|
transition: -webkit-transform 0s;
|
||||||
transition: transform 0s;
|
transition: transform 0s;
|
||||||
}
|
}
|
||||||
.form-control-wrapper .form-control:focus ~ .material-input:before,
|
.form-control-wrapper .form-control:focus ~ .material-input:before,
|
||||||
.form-control-wrapper .form-control.focus ~ .material-input:before {
|
.form-control-wrapper .form-control.focus ~ .material-input:before {
|
||||||
-webkit-transform: scaleX(1);
|
-webkit-transform: scaleX(1);
|
||||||
-ms-transform: scaleX(1);
|
-ms-transform: scaleX(1);
|
||||||
transform: scaleX(1);
|
transform: scaleX(1);
|
||||||
-webkit-transition: -webkit-transform 0.2s ease-out;
|
transition: -webkit-transform 0.2s ease-out;
|
||||||
transition: transform 0.2s ease-out;
|
transition: transform 0.2s ease-out;
|
||||||
}
|
}
|
||||||
.form-control-wrapper .material-input:after {
|
.form-control-wrapper .material-input:after {
|
||||||
content: "";
|
content: "";
|
||||||
|
@ -5420,8 +5413,8 @@ icon-material-lightgrey {
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12);
|
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12);
|
||||||
height: 0;
|
height: 0;
|
||||||
-webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
|
transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
|
||||||
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
|
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
|
||||||
-webkit-transform: translateY(200%);
|
-webkit-transform: translateY(200%);
|
||||||
-ms-transform: translateY(200%);
|
-ms-transform: translateY(200%);
|
||||||
transform: translateY(200%);
|
transform: translateY(200%);
|
||||||
|
@ -5430,8 +5423,8 @@ icon-material-lightgrey {
|
||||||
padding: 14px 15px;
|
padding: 14px 15px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
height: auto;
|
height: auto;
|
||||||
-webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
|
transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
|
||||||
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
|
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
|
||||||
-webkit-transform: none;
|
-webkit-transform: none;
|
||||||
-ms-transform: none;
|
-ms-transform: none;
|
||||||
transform: none;
|
transform: none;
|
||||||
|
@ -5473,8 +5466,7 @@ icon-material-lightgrey {
|
||||||
*z-index: -1;
|
*z-index: -1;
|
||||||
}
|
}
|
||||||
.noUi-state-tap .noUi-origin {
|
.noUi-state-tap .noUi-origin {
|
||||||
-webkit-transition: left 0.3s, top 0.3s;
|
transition: left 0.3s, top 0.3s;
|
||||||
transition: left 0.3s, top 0.3s;
|
|
||||||
}
|
}
|
||||||
.noUi-state-drag * {
|
.noUi-state-drag * {
|
||||||
cursor: inherit !important;
|
cursor: inherit !important;
|
||||||
|
@ -5490,8 +5482,7 @@ icon-material-lightgrey {
|
||||||
top: -5px;
|
top: -5px;
|
||||||
cursor: ew-resize;
|
cursor: ew-resize;
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
-webkit-transition: all 0.2s ease-out;
|
transition: all 0.2s ease-out;
|
||||||
transition: all 0.2s ease-out;
|
|
||||||
border: 1px solid;
|
border: 1px solid;
|
||||||
}
|
}
|
||||||
.noUi-vertical .noUi-handle {
|
.noUi-vertical .noUi-handle {
|
||||||
|
|
2
dist/css/material-wfont.min.css
vendored
2
dist/css/material-wfont.min.css
vendored
File diff suppressed because one or more lines are too long
43
dist/css/material.css
vendored
43
dist/css/material.css
vendored
|
@ -2618,8 +2618,7 @@ body .jumbotron-material-lightgrey,
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: rgba(255, 255, 255, 0.84);
|
color: rgba(255, 255, 255, 0.84);
|
||||||
-webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
||||||
outline: none !important;
|
outline: none !important;
|
||||||
}
|
}
|
||||||
.btn:hover:not(.btn-link):not(.btn-flat) {
|
.btn:hover:not(.btn-link):not(.btn-flat) {
|
||||||
|
@ -2778,8 +2777,7 @@ body .jumbotron-material-lightgrey,
|
||||||
}
|
}
|
||||||
.btn.btn-raised {
|
.btn.btn-raised {
|
||||||
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
|
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
|
||||||
-webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
||||||
}
|
}
|
||||||
.btn.btn-raised:active:not(.btn-link) {
|
.btn.btn-raised:active:not(.btn-link) {
|
||||||
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.23), 0 10px 30px rgba(0, 0, 0, 0.19);
|
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.23), 0 10px 30px rgba(0, 0, 0, 0.19);
|
||||||
|
@ -2997,8 +2995,7 @@ body .jumbotron-material-lightgrey,
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
margin: 10px 1px;
|
margin: 10px 1px;
|
||||||
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
|
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
|
||||||
-webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
||||||
}
|
}
|
||||||
.btn-group:active:not(.btn-link),
|
.btn-group:active:not(.btn-link),
|
||||||
.btn-group-vertical:active:not(.btn-link) {
|
.btn-group-vertical:active:not(.btn-link) {
|
||||||
|
@ -3011,8 +3008,7 @@ body .jumbotron-material-lightgrey,
|
||||||
.btn-group.btn-group-raised,
|
.btn-group.btn-group-raised,
|
||||||
.btn-group-vertical.btn-group-raised {
|
.btn-group-vertical.btn-group-raised {
|
||||||
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
|
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
|
||||||
-webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
||||||
}
|
}
|
||||||
.btn-group.btn-group-raised:active:not(.btn-link),
|
.btn-group.btn-group-raised:active:not(.btn-link),
|
||||||
.btn-group-vertical.btn-group-raised:active:not(.btn-link) {
|
.btn-group-vertical.btn-group-raised:active:not(.btn-link) {
|
||||||
|
@ -3046,8 +3042,7 @@ body .jumbotron-material-lightgrey,
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
-webkit-transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
transition-duration: 0.2s;
|
|
||||||
}
|
}
|
||||||
.checkbox label .ripple {
|
.checkbox label .ripple {
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -3535,8 +3530,7 @@ body .jumbotron-material-lightgrey,
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 10px;
|
left: 10px;
|
||||||
top: 2px;
|
top: 2px;
|
||||||
-webkit-transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
transition-duration: 0.2s;
|
|
||||||
}
|
}
|
||||||
.radio label .circle {
|
.radio label .circle {
|
||||||
border: 2px solid rgba(0, 0, 0, 0.84);
|
border: 2px solid rgba(0, 0, 0, 0.84);
|
||||||
|
@ -3819,8 +3813,7 @@ select[multiple].form-control.focus {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
top: 5px;
|
top: 5px;
|
||||||
-webkit-transition: 0.2s ease all;
|
transition: 0.2s ease all;
|
||||||
transition: 0.2s ease all;
|
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
.form-control-wrapper .form-control:not(.empty) ~ .floating-label {
|
.form-control-wrapper .form-control:not(.empty) ~ .floating-label {
|
||||||
|
@ -3856,16 +3849,16 @@ select[multiple].form-control.focus {
|
||||||
-webkit-transform: scaleX(0);
|
-webkit-transform: scaleX(0);
|
||||||
-ms-transform: scaleX(0);
|
-ms-transform: scaleX(0);
|
||||||
transform: scaleX(0);
|
transform: scaleX(0);
|
||||||
-webkit-transition: -webkit-transform 0s;
|
transition: -webkit-transform 0s;
|
||||||
transition: transform 0s;
|
transition: transform 0s;
|
||||||
}
|
}
|
||||||
.form-control-wrapper .form-control:focus ~ .material-input:before,
|
.form-control-wrapper .form-control:focus ~ .material-input:before,
|
||||||
.form-control-wrapper .form-control.focus ~ .material-input:before {
|
.form-control-wrapper .form-control.focus ~ .material-input:before {
|
||||||
-webkit-transform: scaleX(1);
|
-webkit-transform: scaleX(1);
|
||||||
-ms-transform: scaleX(1);
|
-ms-transform: scaleX(1);
|
||||||
transform: scaleX(1);
|
transform: scaleX(1);
|
||||||
-webkit-transition: -webkit-transform 0.2s ease-out;
|
transition: -webkit-transform 0.2s ease-out;
|
||||||
transition: transform 0.2s ease-out;
|
transition: transform 0.2s ease-out;
|
||||||
}
|
}
|
||||||
.form-control-wrapper .material-input:after {
|
.form-control-wrapper .material-input:after {
|
||||||
content: "";
|
content: "";
|
||||||
|
@ -5413,8 +5406,8 @@ icon-material-lightgrey {
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12);
|
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 6px rgba(0, 0, 0, 0.12);
|
||||||
height: 0;
|
height: 0;
|
||||||
-webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
|
transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
|
||||||
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
|
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
|
||||||
-webkit-transform: translateY(200%);
|
-webkit-transform: translateY(200%);
|
||||||
-ms-transform: translateY(200%);
|
-ms-transform: translateY(200%);
|
||||||
transform: translateY(200%);
|
transform: translateY(200%);
|
||||||
|
@ -5423,8 +5416,8 @@ icon-material-lightgrey {
|
||||||
padding: 14px 15px;
|
padding: 14px 15px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
height: auto;
|
height: auto;
|
||||||
-webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
|
transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
|
||||||
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
|
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
|
||||||
-webkit-transform: none;
|
-webkit-transform: none;
|
||||||
-ms-transform: none;
|
-ms-transform: none;
|
||||||
transform: none;
|
transform: none;
|
||||||
|
@ -5466,8 +5459,7 @@ icon-material-lightgrey {
|
||||||
*z-index: -1;
|
*z-index: -1;
|
||||||
}
|
}
|
||||||
.noUi-state-tap .noUi-origin {
|
.noUi-state-tap .noUi-origin {
|
||||||
-webkit-transition: left 0.3s, top 0.3s;
|
transition: left 0.3s, top 0.3s;
|
||||||
transition: left 0.3s, top 0.3s;
|
|
||||||
}
|
}
|
||||||
.noUi-state-drag * {
|
.noUi-state-drag * {
|
||||||
cursor: inherit !important;
|
cursor: inherit !important;
|
||||||
|
@ -5483,8 +5475,7 @@ icon-material-lightgrey {
|
||||||
top: -5px;
|
top: -5px;
|
||||||
cursor: ew-resize;
|
cursor: ew-resize;
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
-webkit-transition: all 0.2s ease-out;
|
transition: all 0.2s ease-out;
|
||||||
transition: all 0.2s ease-out;
|
|
||||||
border: 1px solid;
|
border: 1px solid;
|
||||||
}
|
}
|
||||||
.noUi-vertical .noUi-handle {
|
.noUi-vertical .noUi-handle {
|
||||||
|
|
2
dist/css/material.min.css
vendored
2
dist/css/material.min.css
vendored
File diff suppressed because one or more lines are too long
7
dist/css/ripples.css
vendored
7
dist/css/ripples.css
vendored
|
@ -29,12 +29,11 @@
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
.ripple.ripple-on {
|
.ripple.ripple-on {
|
||||||
-webkit-transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
|
transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
|
||||||
transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
|
transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
.ripple.ripple-out {
|
.ripple.ripple-out {
|
||||||
-webkit-transition: opacity 0.1s linear 0s !important;
|
transition: opacity 0.1s linear 0s !important;
|
||||||
transition: opacity 0.1s linear 0s !important;
|
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
2
dist/css/ripples.min.css
vendored
2
dist/css/ripples.min.css
vendored
|
@ -1 +1 @@
|
||||||
.withripple{position:relative}.ripple-wrapper{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;overflow:hidden;border-radius:2px}.ripple{position:absolute;width:20px;height:20px;margin-left:-10px;margin-top:-10px;border-radius:100%;background-color:rgba(0,0,0,.05);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;opacity:0;pointer-events:none}.ripple.ripple-on{-webkit-transition:opacity .15s ease-in 0s,-webkit-transform .5s cubic-bezier(0.4,0,.2,1) .1s;transition:opacity .15s ease-in 0s,transform .5s cubic-bezier(0.4,0,.2,1) .1s;opacity:1}.ripple.ripple-out{-webkit-transition:opacity .1s linear 0s!important;transition:opacity .1s linear 0s!important;opacity:0}
|
.withripple{position:relative}.ripple-wrapper{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;overflow:hidden;border-radius:2px}.ripple{position:absolute;width:20px;height:20px;margin-left:-10px;margin-top:-10px;border-radius:100%;background-color:rgba(0,0,0,.05);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;opacity:0;pointer-events:none}.ripple.ripple-on{transition:opacity .15s ease-in 0s,-webkit-transform .5s cubic-bezier(0.4,0,.2,1) .1s;transition:opacity .15s ease-in 0s,transform .5s cubic-bezier(0.4,0,.2,1) .1s;opacity:1}.ripple.ripple-out{transition:opacity .1s linear 0s!important;opacity:0}
|
2
dist/js/material.min.js
vendored
2
dist/js/material.min.js
vendored
|
@ -1 +1 @@
|
||||||
!function(a){function b(a){return"undefined"==typeof a.which?!0:"number"==typeof a.which&&a.which>0?!a.ctrlKey&&!a.metaKey&&!a.altKey&&8!=a.which:!1}a.expr[":"].notmdproc=function(b){return a(b).data("mdproc")?!1:!0},a.material={options:{withRipples:[".btn:not(.btn-link)",".card-image",".navbar a:not(.withoutripple)",".dropdown-menu a",".nav-tabs a:not(.withoutripple)",".withripple"].join(","),inputElements:"input.form-control, textarea.form-control, select.form-control",checkboxElements:".checkbox > label > input[type=checkbox]",radioElements:".radio > label > input[type=radio]"},checkbox:function(b){a(b?b:this.options.checkboxElements).filter(":notmdproc").data("mdproc",!0).after("<span class=ripple></span><span class=check></span>")},radio:function(b){a(b?b:this.options.radioElements).filter(":notmdproc").data("mdproc",!0).after("<span class=circle></span><span class=check></span>")},input:function(c){a(c?c:this.options.inputElements).filter(":notmdproc").data("mdproc",!0).each(function(){var b=a(this);if(b.wrap("<div class=form-control-wrapper></div>"),b.after("<span class=material-input></span>"),b.hasClass("floating-label")){var c=b.attr("placeholder");b.attr("placeholder",null).removeClass("floating-label"),b.after("<div class=floating-label>"+c+"</div>")}if(b.attr("data-hint")&&b.after("<div class=hint>"+b.attr("data-hint")+"</div>"),(null===b.val()||"undefined"==b.val()||""===b.val())&&b.addClass("empty"),b.parent().next().is("[type=file]")){b.parent().addClass("fileinput");var d=b.parent().next().detach();b.after(d)}}),a(document).on("change",".checkbox input[type=checkbox]",function(){a(this).blur()}).on("keydown paste",".form-control",function(c){b(c)&&a(this).removeClass("empty")}).on("keyup change",".form-control",function(){var b=a(this);""===b.val()?b.addClass("empty"):b.removeClass("empty")}).on("focus",".form-control-wrapper.fileinput",function(){a(this).find("input").addClass("focus")}).on("blur",".form-control-wrapper.fileinput",function(){a(this).find("input").removeClass("focus")}).on("change",".form-control-wrapper.fileinput [type=file]",function(){var b="";a.each(a(this)[0].files,function(a,c){console.log(c),b+=c.name+", "}),b=b.substring(0,b.length-2),b?a(this).prev().removeClass("empty"):a(this).prev().addClass("empty"),a(this).prev().val(b)})},ripples:function(a){ripples.init(a?a:this.options.withRipples)},init:function(){this.ripples(),this.input(),this.checkbox(),this.radio(),document.arrive&&document.arrive("input, textarea, select",function(){a.material.init()}),function(){var b=setInterval(function(){a("input").each(function(){a(this).val()!==a(this).attr("value")&&a(this).trigger("change")})},100);setTimeout(function(){clearInterval(b)},1e4);var c;a(document).on("focus","input",function(){var b=a(this).parents("form").find("input");c=setInterval(function(){b.each(function(){a(this).val()!==a(this).attr("value")&&a(this).trigger("change")})},100)}).on("blur","input",function(){clearInterval(c)})}()}}}(jQuery);
|
!function(a){function b(a){return"undefined"==typeof a.which?!0:"number"==typeof a.which&&a.which>0?!a.ctrlKey&&!a.metaKey&&!a.altKey&&8!=a.which:!1}a.expr[":"].notmdproc=function(b){return a(b).data("mdproc")?!1:!0},a.material={options:{withRipples:[".btn:not(.btn-link)",".card-image",".navbar a:not(.withoutripple)",".dropdown-menu a",".nav-tabs a:not(.withoutripple)",".withripple"].join(","),inputElements:"input.form-control, textarea.form-control, select.form-control",checkboxElements:".checkbox > label > input[type=checkbox]",radioElements:".radio > label > input[type=radio]"},checkbox:function(b){a(b?b:this.options.checkboxElements).filter(":notmdproc").data("mdproc",!0).after("<span class=ripple></span><span class=check></span>")},radio:function(b){a(b?b:this.options.radioElements).filter(":notmdproc").data("mdproc",!0).after("<span class=circle></span><span class=check></span>")},input:function(c){a(c?c:this.options.inputElements).filter(":notmdproc").data("mdproc",!0).each(function(){var b=a(this);if(b.wrap("<div class=form-control-wrapper></div>"),b.after("<span class=material-input></span>"),b.hasClass("floating-label")){var c=b.attr("placeholder");b.attr("placeholder",null).removeClass("floating-label"),b.after("<div class=floating-label>"+c+"</div>")}if(b.attr("data-hint")&&b.after("<div class=hint>"+b.attr("data-hint")+"</div>"),(null===b.val()||"undefined"==b.val()||""===b.val())&&b.addClass("empty"),b.parent().next().is("[type=file]")){b.parent().addClass("fileinput");var d=b.parent().next().detach();b.after(d)}}),a(document).on("change",".checkbox input[type=checkbox]",function(){a(this).blur()}).on("keydown paste",".form-control",function(c){b(c)&&a(this).removeClass("empty")}).on("keyup change",".form-control",function(){var b=a(this);""===b.val()?b.addClass("empty"):b.removeClass("empty")}).on("focus",".form-control-wrapper.fileinput",function(){a(this).find("input").addClass("focus")}).on("blur",".form-control-wrapper.fileinput",function(){a(this).find("input").removeClass("focus")}).on("change",".form-control-wrapper.fileinput [type=file]",function(){var b="";a.each(a(this)[0].files,function(a,c){console.log(c),b+=c.name+", "}),b=b.substring(0,b.length-2),b?a(this).prev().removeClass("empty"):a(this).prev().addClass("empty"),a(this).prev().val(b)})},ripples:function(a){ripples.init(a?a:this.options.withRipples)},init:function(){this.ripples(),this.input(),this.checkbox(),this.radio(),document.arrive&&document.arrive("input, textarea, select",function(){a.material.init()}),function(){var b=setInterval(function(){a("input[type!=checkbox]").each(function(){a(this).val()&&a(this).val()!==a(this).attr("value")&&a(this).trigger("change")})},100);setTimeout(function(){clearInterval(b)},1e4);var c;a(document).on("focus","input",function(){var b=a(this).parents("form").find("input");c=setInterval(function(){b.each(function(){a(this).val()!==a(this).attr("value")&&a(this).trigger("change")})},100)}).on("blur","input",function(){clearInterval(c)})}()}}}(jQuery);
|
Loading…
Reference in New Issue
Block a user