summaryrefslogtreecommitdiff
path: root/templates/assets/sass/material-kit/_togglebutton.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/_togglebutton.scss
parentc9198259402c1d01ad8d943832c20069635963da (diff)
downloadminionlivesmatter-01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7.tar.gz
minionlivesmatter-01ef61d8fc3e18fe159e98d36414ef0ba92ff2a7.zip
adding the new theme
Diffstat (limited to 'templates/assets/sass/material-kit/_togglebutton.scss')
-rwxr-xr-xtemplates/assets/sass/material-kit/_togglebutton.scss87
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
- }
- }
- }
-}