diff options
| author | Kapil Viren Ahuja <k.v.ahuja@gmail.com> | 2017-03-23 15:17:03 +0530 |
|---|---|---|
| committer | Kapil Viren Ahuja <k.v.ahuja@gmail.com> | 2017-03-23 15:17:03 +0530 |
| commit | 01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7 (patch) | |
| tree | 3d14b60e737ecd6c3c516798cddf5ca52db24348 /templates/assets/sass/material-kit/_radios.scss | |
| parent | c9198259402c1d01ad8d943832c20069635963da (diff) | |
| download | minionlivesmatter-01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7.tar.gz minionlivesmatter-01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7.zip | |
adding the new theme
Diffstat (limited to 'templates/assets/sass/material-kit/_radios.scss')
| -rwxr-xr-x | templates/assets/sass/material-kit/_radios.scss | 114 |
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; - } -} |
