summaryrefslogtreecommitdiffstats
path: root/resources/scss/components/_toggleInput.scss
diff options
context:
space:
mode:
authorShawn Severin <shawn.severin@amdocs.com>2017-12-20 16:27:35 -0500
committerShawn Severin <shawn.severin@amdocs.com>2017-12-21 15:29:08 -0500
commitbca1bdc7d52b01ede5c0e85f06cd6c64e5aaab57 (patch)
tree846b787ece0982ebc2419e4600e6ecd3329a625a /resources/scss/components/_toggleInput.scss
parentd4fd54113808e9efa637719719b2831e0597996e (diff)
Updating versions of Sparky FE files
Updating versions of Sparky FE files as previous ones were out-dated Issue-ID: AAI-543 Change-Id: Idc7d09e0efabaa5ef82db126cf7563fc8370f4f9 Signed-off-by: Shawn Severin <shawn.severin@amdocs.com>
Diffstat (limited to 'resources/scss/components/_toggleInput.scss')
-rw-r--r--resources/scss/components/_toggleInput.scss11
1 files changed, 5 insertions, 6 deletions
diff --git a/resources/scss/components/_toggleInput.scss b/resources/scss/components/_toggleInput.scss
index 3401631..59c2058 100644
--- a/resources/scss/components/_toggleInput.scss
+++ b/resources/scss/components/_toggleInput.scss
@@ -21,7 +21,6 @@
* ECOMP is a trademark and service mark of AT&T Intellectual Property.
*/
-
.toggle-input-wrapper {
$toggle-width: 40px;
$toggle-height: 20px;
@@ -48,7 +47,7 @@
padding: 1px;
width: $toggle-width;
height: $toggle-height;
- background-color: $dark-gray;
+ background-color: $background-color2;
border-radius: $toggle-height;
transition: background 0.4s;
}
@@ -63,7 +62,7 @@
left: 1px;
bottom: 1px;
right: 1px;
- background-color: $white;
+ background-color: $primary-background-color;
border-radius: $toggle-height;
transition: background 0.4s;
}
@@ -72,15 +71,15 @@
left: 4px;
bottom: 4px;
width: $toggle-height - 8;
- background-color: $dark-gray;
+ background-color: $background-color2;
border-radius: $toggle-height - 8;
transition: margin 0.4s, background 0.4s;
}
input.toggle-round-flat:checked + label {
- background-color: $link-blue;
+ background-color: $background-color3;
}
input.toggle-round-flat:checked + label:after {
margin-left: $toggle-height;
- background-color: $link-blue;
+ background-color: $background-color3;
}
}