From 01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7 Mon Sep 17 00:00:00 2001 From: Kapil Viren Ahuja Date: Thu, 23 Mar 2017 15:17:03 +0530 Subject: adding the new theme --- templates/assets/sass/material-kit/_radios.scss | 114 ------------------------ 1 file changed, 114 deletions(-) delete mode 100755 templates/assets/sass/material-kit/_radios.scss (limited to 'templates/assets/sass/material-kit/_radios.scss') 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; - } -} -- cgit v1.3.1