aboutsummaryrefslogtreecommitdiff
path: root/packages/demobank-ui/src/scss/toggle.scss
diff options
context:
space:
mode:
authorÖzgür Kesim <oec-taler@kesim.org>2023-10-06 16:33:05 +0200
committerÖzgür Kesim <oec-taler@kesim.org>2023-10-06 16:33:05 +0200
commitfe7b51ef2736edbf04f5bbd9d19f2a2d04baccc2 (patch)
tree66c68c8d6a666f6e74dc663c9ee4f07879f6626c /packages/demobank-ui/src/scss/toggle.scss
parent35611f0bf9cf67638b171c2a300fab1797d3d8f0 (diff)
parent97d7be7503168f4f3bbd05905d32aa76ca1636b2 (diff)
Merge branch 'master' into age-withdraw
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;
-}