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/_togglebutton.scss | |
| parent | c9198259402c1d01ad8d943832c20069635963da (diff) | |
| download | minionlivesmatter-01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7.tar.gz minionlivesmatter-01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7.zip | |
adding the new theme
Diffstat (limited to 'templates/assets/sass/material-kit/_togglebutton.scss')
| -rwxr-xr-x | templates/assets/sass/material-kit/_togglebutton.scss | 87 |
1 files changed, 0 insertions, 87 deletions
diff --git a/templates/assets/sass/material-kit/_togglebutton.scss b/templates/assets/sass/material-kit/_togglebutton.scss deleted file mode 100755 index 9e67690..0000000 --- a/templates/assets/sass/material-kit/_togglebutton.scss +++ /dev/null @@ -1,87 +0,0 @@ -// This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten. - -.togglebutton { - vertical-align: middle; - &, label, input, .toggle { - user-select: none; - } - label { - cursor: pointer; - color: $mdb-toggle-label-color; - @include mdb-label-color-toggle-focus(); - - // Hide original checkbox - input[type=checkbox] { - opacity: 0; - width: 0; - height: 0; - } - - .toggle { - text-align: left; // Issue #737 horizontal form - margin-left: 5px; - } - // Switch bg off and disabled - .toggle, - input[type=checkbox][disabled] + .toggle { - content: ""; - display: inline-block; - width: 30px; - height: 15px; - background-color: rgba(80, 80, 80, 0.7); - border-radius: 15px; - margin-right: 15px; - transition: background 0.3s ease; - vertical-align: middle; - } - // Handle off - .toggle:after { - content: ""; - display: inline-block; - width: 20px; - height: 20px; - background-color: #FFFFFF; - border-radius: 20px; - position: relative; - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4); - left: -5px; - top: -3px; - border: 1px solid $mdb-checkbox-border-color; - transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease; - } - input[type=checkbox] { - // Handle disabled - &[disabled] { - & + .toggle:after, - &:checked + .toggle:after { - background-color: #BDBDBD; - } - } - - & + .toggle:active:after, - &[disabled] + .toggle:active:after { - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); - } - - // Ripple off and disabled - &:checked + .toggle:after { - left: 15px; - } - } - - // set bg when checked - input[type=checkbox]:checked { - + .toggle { - background-color: rgba($brand-primary, (70/100)); // Switch bg on - } - - + .toggle:after { - border-color: $brand-primary; // Handle on - } - - + .toggle:active:after { - box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba($brand-primary, (10/100)); // Ripple on - } - } - } -} |
