signal-desktop/stylesheets/components/Checkbox.scss
2023-04-21 17:37:48 -07:00

44 lines
723 B
SCSS

// Copyright 2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
.Checkbox {
&__container {
align-items: center;
display: flex;
input {
height: 18px;
width: 18px;
@include mouse-mode {
&:focus,
&:active {
outline: none;
}
}
@include keyboard-mode {
&:focus,
&:active {
outline: 1px solid $color-ultramarine;
}
}
}
}
&__checkbox {
height: 18px;
margin-inline-end: 20px;
width: 18px;
}
&__description {
@include font-subtitle;
@include light-theme {
color: $color-gray-60;
}
@include dark-theme {
color: $color-gray-25;
}
}
}