summaryrefslogtreecommitdiff
path: root/templates/assets/sass/material-kit/_radios.scss
diff options
context:
space:
mode:
authorKapil Viren Ahuja <k.v.ahuja@gmail.com>2017-03-23 15:17:03 +0530
committerKapil Viren Ahuja <k.v.ahuja@gmail.com>2017-03-23 15:17:03 +0530
commit01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7 (patch)
tree3d14b60e737ecd6c3c516798cddf5ca52db24348 /templates/assets/sass/material-kit/_radios.scss
parentc9198259402c1d01ad8d943832c20069635963da (diff)
downloadminionlivesmatter-01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7.tar.gz
minionlivesmatter-01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7.zip
adding the new theme
Diffstat (limited to 'templates/assets/sass/material-kit/_radios.scss')
-rwxr-xr-xtemplates/assets/sass/material-kit/_radios.scss114
1 files changed, 0 insertions, 114 deletions
diff --git a/templates/assets/sass/material-kit/_radios.scss b/templates/assets/sass/material-kit/_radios.scss
deleted file mode 100755
index 5640109..0000000
--- a/templates/assets/sass/material-kit/_radios.scss
+++ /dev/null
@@ -1,114 +0,0 @@
-// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
-
-@mixin radio-color($color, $opacity){
- & ~ .check,
- & ~ .circle {
- opacity: $opacity;
- }
-
- & ~ .check {
- background-color: $color;
- }
-
- & ~ .circle {
- border-color: $color;
- }
-}
-
-.radio {
- label {
- cursor: pointer;
- padding-left: 35px;
- position: relative;
- color: $mdb-radio-label-color;
- @include mdb-label-color-toggle-focus();
-
- span {
- display: block;
- position: absolute;
- left: 10px;
- top: 2px;
- transition-duration: 0.2s;
- }
- .circle {
- border: 1px solid $mdb-radio-color-off;
- height: 15px;
- width: 15px;
- border-radius: 100%;
- }
- .check {
- height: 15px;
- width: 15px;
- border-radius: 100%;
- background-color: $mdb-radio-color-on;
- @include transform-scale3d(unquote('0,0,0'));
- }
- .check:after {
- display: block;
- position: absolute;
- content: "";
- background-color: $mdb-text-color-primary;
- left: -18px;
- top: -18px;
- height: 50px;
- width: 50px;
- border-radius: 100%;
- z-index: 1;
- opacity: 0;
- margin: 0;
- @include transform-scale3d(unquote('1.5,1.5,1'));
- }
- input[type=radio]:not(:checked) ~ .check:after {
- @include animation(rippleOff 500ms);
- }
- input[type=radio]:checked ~ .check:after {
- @include animation(rippleOff 500ms);
- }
-
- }
-
- input[type=radio] {
- opacity: 0;
- height: 0;
- width: 0;
- overflow: hidden;
-
- &:checked {
- @include radio-color($mdb-radio-color-on, 1);
- }
- &:checked ~ .check {
- @include transform-scale3d(unquote('0.65, 0.65, 1'));
- }
- }
-
- input[type=radio][disabled] {
-
- // light theme spec: Disabled: #000000, Opacity 26%
- @include radio-color($black, 0.26);
-
- }
-}
-
-@keyframes rippleOn {
- 0% {
- opacity: 0;
- }
- 50% {
- opacity: 0.2;
- }
- 100% {
- opacity: 0;
- }
-}
-
-@keyframes rippleOff {
- 0% {
- opacity: 0;
- }
- 50% {
- opacity: 0.2;
- }
- 100% {
- opacity: 0;
- }
-}