mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-07-27 00:19:50 +03:00
Code Issues Packages Projects Releases Wiki Activity

adding ripple support for radio without form group

Browse Source
This commit is contained in:
TJ 2016-05-07 17:08:04 +05:30
parent dcd19982c9
commit d42d6f20fe
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
less/_radios.less
View File

@ -57,11 +57,12 @@
margin: 0;
transform: scale3d(1.5, 1.5, 1);
}
input[type=radio]:not(:checked) ~ .check:after {
input[type=radio]:focus:not(:checked) ~ .check:after {
animation: rippleOff 500ms;
}
input[type=radio]:checked ~ .check:after {
animation: rippleOn;
input[type=radio]:focus:checked ~ .check:after {
animation: rippleOn 500ms;
}
input[type=radio] {
@ -90,14 +91,14 @@
}
}
// Prevent ripple effect on page load
.is-focused {
// Prevent ripple effect on page load - removed for supporting animation without .form-group
/*.is-focused {
.radio, label.radio-inline {
input[type=radio]:checked ~ .check:after {
animation: rippleOn 500ms;
}
}
}
}*/
@keyframes rippleOn {
0% {
@ -110,7 +111,6 @@
opacity: 0;
}
}
@keyframes rippleOff {
0% {
opacity: 0;