mirror of
https://github.com/hashicorp/vault.git
synced 2025-08-19 05:31:10 +02:00
41 lines
876 B
SCSS
41 lines
876 B
SCSS
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: MPL-2.0
|
|
*/
|
|
|
|
.switch[type='checkbox'] {
|
|
&.is-small {
|
|
+ label {
|
|
font-size: $size-8;
|
|
font-weight: bold;
|
|
padding-left: $size-8 * 2.5;
|
|
margin: 0 0.25rem;
|
|
&::before {
|
|
top: $size-8 / 5;
|
|
height: $size-8;
|
|
width: $size-8 * 2;
|
|
}
|
|
&::after {
|
|
width: $size-8 * 0.8;
|
|
height: $size-8 * 0.8;
|
|
transform: translateX(0.15rem);
|
|
left: 0;
|
|
top: $size-8/ 4;
|
|
}
|
|
}
|
|
&:checked + label::after {
|
|
left: 0;
|
|
transform: translateX(($size-8 * 2) - ($size-8 * 0.94));
|
|
}
|
|
}
|
|
}
|
|
.switch[type='checkbox'].is-small + label::after {
|
|
will-change: left;
|
|
}
|
|
.switch[type='checkbox']:focus + label {
|
|
box-shadow: 0 0 1px $blue;
|
|
}
|
|
.switch[type='checkbox'].is-success:checked + label::before {
|
|
background: $blue;
|
|
}
|