@nextcloud/vue
Version:
Nextcloud vue components
37 lines • 995 B
CSS
/**
* SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
* SPDX-License-Identifier: AGPL-3.0-or-later
*/
/**
* SPDX-FileCopyrightText: 2021 Nextcloud GmbH and Nextcloud contributors
* SPDX-License-Identifier: AGPL-3.0-or-later
*/
/*
* Ensure proper alignment of the vue material icons
*/
._material-design-icon_hjv1a_12 {
display: flex;
align-self: center;
justify-self: center;
align-items: center;
justify-content: center;
}
input._formBoxSwitch__input_hjv1a_20 {
margin: 0;
width: var(--default-clickable-area);
/* Keep it visually hidden but on the position of visual switch icon */
position: absolute;
inset-block: 0;
inset-inline-end: var(--form-element-label-offset);
z-index: -1;
opacity: 0 ;
/* Override server styles */
height: auto;
cursor: inherit;
}
._formBoxSwitch__icon_hjv1a_34 {
color: var(--color-text-maxcontrast);
}
input:checked + ._formBoxSwitch__icon_hjv1a_34 {
color: var(--color-primary-element);
}