Files
overleaf-cep/services/web/frontend/stylesheets/components/radio-chip.scss
T
Rebeka Dekany 3f11776ecd Remove LESS stylesheets and dependencies (#27409)
* Remove components, core and modules LESS stylesheets

* Remove variables LESS stylesheets

* Remove app LESS stylesheets

* Remove github-sync, onboarding LESS stylesheets

* Remove main-light and IEEE LESS stylesheets

* Remove Less loader configuration

* Remove bootstrap-3 entrypoint

* Rename bootstrap-5 entrypoint to bootstrap

* Remove bootstrap-5 CSS folder and move stylesheets

* Update CSS variables

* Restore and update github-sync.scss path

* Fix try-premium.scss path and fix undefined mixin error

* Restore entrypoints

* Simplify buildCssPath to always use main-style.css

* Remove less from prettier formatting scripts

* Remove less from addHook extension

* Source format

* Remove nvd3 file reference from prettierignore (equivalent of nvd3.scss)

* Remove less and less-loader

* Add SCSS files to pirates require hook

GitOrigin-RevId: bd83c79f4d6ef7305d75993959a4dc5e7714ef9c
2025-08-06 08:05:38 +00:00

57 lines
1.0 KiB
SCSS

.radio-chip {
background: #fff;
border: 1px solid var(--neutral-60);
border-radius: var(--border-radius-full);
color: var(--neutral-90);
cursor: pointer;
display: inline-flex;
font-weight: 400;
gap: var(--spacing-02);
inline-size: fit-content;
line-height: 1.4;
padding: var(--spacing-04) var(--spacing-06) var(--spacing-04)
var(--spacing-04);
@include media-breakpoint-down(md) {
width: 100%;
}
&:hover {
background: var(--neutral-20);
}
&:focus-within {
box-shadow: 0 0 0 2px var(--blue-30);
}
input[type='radio'] {
accent-color: var(--green-50);
cursor: pointer;
height: 16px;
margin: var(--spacing-02);
width: 15px;
}
}
.radio-chip[data-disabled='true'] {
border-color: var(--neutral-20);
&:hover {
background: #fff;
cursor: not-allowed;
}
}
.radio-group {
display: flex;
flex-flow: column wrap;
grid-gap: var(--spacing-06);
height: 180px;
width: 100%;
@include media-breakpoint-down(md) {
flex-wrap: nowrap;
height: 100%;
}
}