summaryrefslogtreecommitdiff
path: root/packages/demobank-ui/src/scss/toggle.scss
diff options
context:
space:
mode:
Diffstat (limited to 'packages/demobank-ui/src/scss/toggle.scss')
-rw-r--r--packages/demobank-ui/src/scss/toggle.scss51
1 files changed, 0 insertions, 51 deletions
diff --git a/packages/demobank-ui/src/scss/toggle.scss b/packages/demobank-ui/src/scss/toggle.scss
deleted file mode 100644
index 24636da2f..000000000
--- a/packages/demobank-ui/src/scss/toggle.scss
+++ /dev/null
@@ -1,51 +0,0 @@
-$green: #56c080;
-
-.toggle {
- cursor: pointer;
- display: inline-block;
-}
-.toggle-switch {
- display: inline-block;
- background: #ccc;
- border-radius: 16px;
- width: 58px;
- height: 32px;
- position: relative;
- vertical-align: middle;
- transition: background 0.25s;
- &:before,
- &:after {
- content: "";
- }
- &:before {
- display: block;
- background: linear-gradient(to bottom, #fff 0%, #eee 100%);
- border-radius: 50%;
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
- width: 24px;
- height: 24px;
- position: absolute;
- top: 4px;
- left: 4px;
- transition: left 0.25s;
- }
- .toggle:hover &:before {
- background: linear-gradient(to bottom, #fff 0%, #fff 100%);
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
- }
- .toggle-checkbox:checked + & {
- background: $green;
- &:before {
- left: 30px;
- }
- }
-}
-.toggle-checkbox {
- position: absolute;
- visibility: hidden;
-}
-.toggle-label {
- margin-left: 5px;
- position: relative;
- top: 2px;
-}