first comit
This commit is contained in:
38
static/scss/argon-dashboard/forms/_form-switch.scss
Executable file
38
static/scss/argon-dashboard/forms/_form-switch.scss
Executable file
@@ -0,0 +1,38 @@
|
||||
.form-switch {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.form-check-input {
|
||||
border: 1px solid $gray-200;
|
||||
position: relative;
|
||||
background-color: rgba($dark-gradient-state, .1);
|
||||
height: $form-check-input-width + .02;
|
||||
|
||||
&:after {
|
||||
transition: transform $form-check-transition-time ease-in-out, background-color $form-check-transition-time ease-in-out;
|
||||
content: "";
|
||||
width: $form-switch-check-after-width;
|
||||
height: $form-switch-check-after-width;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
background-color: $white;
|
||||
transform: translateX($form-switch-translate-x-start);
|
||||
box-shadow: $form-switch-round-box-shadow;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
&:checked:after {
|
||||
transform: translateX($form-switch-translate-x-end);
|
||||
}
|
||||
|
||||
&:checked {
|
||||
border-color: rgba($primary-gradient, .95);
|
||||
background-color: rgba($primary-gradient, .95);
|
||||
}
|
||||
}
|
||||
|
||||
.form-check-label {
|
||||
margin-bottom: 0;
|
||||
margin-left: .5rem;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user