39 lines
1.5 KiB
CSS
39 lines
1.5 KiB
CSS
/**
|
|
* Copyright 2025 LY Corporation
|
|
*
|
|
* LY Corporation licenses this file to you under the Apache License,
|
|
* version 2.0 (the "License"); you may not use this file except in compliance
|
|
* with the License. You may obtain a copy of the License at:
|
|
*
|
|
* https://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
|
* License for the specific language governing permissions and limitations
|
|
* under the License.
|
|
*/
|
|
.radio-group {
|
|
--radio-fg: var(--fg-neutral-primary);
|
|
--radio-border: var(--border-neutral-tertiary);
|
|
--radio-bg: var(--bg-neutral-primary);
|
|
--radio-bg-select: var(--tint, var(--bg-neutral-inverse));
|
|
|
|
@apply flex;
|
|
|
|
/* default */
|
|
@apply [&:not(.radio-group-vertical)]:radio-group-horizontal;
|
|
}
|
|
|
|
.radio-item {
|
|
@apply text-base-normal flex items-center py-2 text-[var(--radio-fg)] disabled:cursor-not-allowed disabled:opacity-50;
|
|
}
|
|
|
|
.radio {
|
|
@apply relative mr-2 flex h-3.5 w-3.5 items-center justify-center rounded-full bg-[var(--radio-bg)] before:absolute before:inset-0 before:flex before:rounded-full before:border before:border-[var(--radio-border)];
|
|
}
|
|
|
|
.radio-indicator {
|
|
@apply absolute left-0 top-0 flex h-full w-full items-center justify-center rounded-full bg-[var(--radio-bg-select)] text-[var(--radio-bg)] focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2;
|
|
}
|