mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-25 11:04:09 +03:00
Code Issues Packages Projects Releases Wiki Activity

dist v0.5.9

Browse Source
This commit is contained in:
Kevin Ross 2016-02-29 09:32:11 -06:00
parent ac843faf92
commit 1a0441fb77
8 changed files with 40 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
dist/css/bootstrap-material-design.css vendored
View File

@ -869,6 +869,7 @@ fieldset[disabled] .form-group.is-focused .checkbox label {
width: 20px; width: 20px;
height: 20px; height: 20px;
border: 2px solid rgba(0,0,0, .54); border: 2px solid rgba(0,0,0, .54);
border-radius: 2px;
overflow: hidden; overflow: hidden;
z-index: 1; z-index: 1;
} }
@ -898,9 +899,9 @@ fieldset[disabled] .form-group.is-focused .checkbox label {
0 0 0 0, 0 0 0 0,
0 0 0 0, 0 0 0 0,
0 0 0 0 inset; 0 0 0 0 inset;
-webkit-animation: checkbox-off 0.3s forwards; -webkit-animation: checkbox-off;
-o-animation: checkbox-off 0.3s forwards; -o-animation: checkbox-off;
animation: checkbox-off 0.3s forwards; animation: checkbox-off;
} }
.checkbox input[type=checkbox]:focus + .checkbox-material .check:after { .checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
opacity: 0.2; opacity: 0.2;
@ -918,9 +919,9 @@ fieldset[disabled] .form-group.is-focused .checkbox label {
animation: checkbox-on 0.3s forwards; animation: checkbox-on 0.3s forwards;
} }
.checkbox input[type=checkbox]:checked + .checkbox-material:before { .checkbox input[type=checkbox]:checked + .checkbox-material:before {
-webkit-animation: rippleOn 500ms; -webkit-animation: rippleOn;
-o-animation: rippleOn 500ms; -o-animation: rippleOn;
animation: rippleOn 500ms; animation: rippleOn;
} }
.checkbox input[type=checkbox]:checked + .checkbox-material .check:after { .checkbox input[type=checkbox]:checked + .checkbox-material .check:after {
-webkit-animation: rippleOn 500ms forwards; -webkit-animation: rippleOn 500ms forwards;
@ -928,9 +929,9 @@ fieldset[disabled] .form-group.is-focused .checkbox label {
animation: rippleOn 500ms forwards; animation: rippleOn 500ms forwards;
} }
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before { .checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
-webkit-animation: rippleOff 500ms; -webkit-animation: rippleOff;
-o-animation: rippleOff 500ms; -o-animation: rippleOff;
animation: rippleOff 500ms; animation: rippleOff;
} }
.checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after { .checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
-webkit-animation: rippleOff 500ms forwards; -webkit-animation: rippleOff 500ms forwards;
@ -951,6 +952,21 @@ fieldset[disabled] .checkbox input[type=checkbox],
-o-transform: rotate(-45deg); -o-transform: rotate(-45deg);
transform: rotate(-45deg); transform: rotate(-45deg);
} }
.is-focused .checkbox .checkbox-material .check:before {
-webkit-animation: checkbox-off 0.3s forwards;
-o-animation: checkbox-off 0.3s forwards;
animation: checkbox-off 0.3s forwards;
}
.is-focused .checkbox input[type=checkbox]:checked + .checkbox-material:before {
-webkit-animation: rippleOn 500ms;
-o-animation: rippleOn 500ms;
animation: rippleOn 500ms;
}
.is-focused .checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
-webkit-animation: rippleOff 500ms;
-o-animation: rippleOff 500ms;
animation: rippleOff 500ms;
}
@-webkit-keyframes checkbox-on { @-webkit-keyframes checkbox-on {
0% { 0% {
-webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px; -webkit-box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
@ -1381,9 +1397,9 @@ fieldset[disabled] .form-group.is-focused .radio label {
animation: rippleOff 500ms; animation: rippleOff 500ms;
} }
.radio label input[type=radio]:checked ~ .check:after { .radio label input[type=radio]:checked ~ .check:after {
-webkit-animation: rippleOn 500ms; -webkit-animation: rippleOn;
-o-animation: rippleOn 500ms; -o-animation: rippleOn;
animation: rippleOn 500ms; animation: rippleOn;
} }
.radio input[type=radio] { .radio input[type=radio] {
opacity: 0; opacity: 0;
@ -1425,6 +1441,11 @@ fieldset[disabled] .form-group.is-focused .radio label {
.theme-dark .radio input[type=radio][disabled] ~ .circle { .theme-dark .radio input[type=radio][disabled] ~ .circle {
border-color: #ffffff; border-color: #ffffff;
} }
.is-focused .radio input[type=radio]:checked ~ .check:after {
-webkit-animation: rippleOn 500ms;
-o-animation: rippleOn 500ms;
animation: rippleOn 500ms;
}
@keyframes rippleOn { @keyframes rippleOn {
0% { 0% {
opacity: 0; opacity: 0;

2
dist/css/bootstrap-material-design.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/bootstrap-material-design.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/bootstrap-material-design.min.css.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/js/material.js vendored
View File

@ -114,7 +114,7 @@
// Requires form-group standard markup (will add it if necessary) // Requires form-group standard markup (will add it if necessary)
var $formGroup = $input.closest(".form-group"); // note that form-group may be grandparent in the case of an input-group var $formGroup = $input.closest(".form-group"); // note that form-group may be grandparent in the case of an input-group
if ($formGroup.length === 0) { if ($formGroup.length === 0 && $input.attr('type') !== "hidden" && !$input.attr('hidden')) {
$input.wrap("<div class='form-group'></div>"); $input.wrap("<div class='form-group'></div>");
$formGroup = $input.closest(".form-group"); // find node after attached (otherwise additional attachments don't work) $formGroup = $input.closest(".form-group"); // find node after attached (otherwise additional attachments don't work)
} }

2
dist/js/material.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/js/material.min.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "bootstrap-material-design", "name": "bootstrap-material-design",
"version": "0.5.8", "version": "0.5.9",
"description": "Material Design for Bootstrap 3", "description": "Material Design for Bootstrap 3",
"main": "scripts/index.js", "main": "scripts/index.js",
"scripts": { "scripts": {