Skip to content

Commit

Permalink
perf(styles): remove focus-visible support
Browse files Browse the repository at this point in the history
  • Loading branch information
jordanjones243 committed Jan 10, 2024
1 parent f3dce2b commit 1f4bdf8
Showing 1 changed file with 0 additions and 49 deletions.
49 changes: 0 additions & 49 deletions src/auro-checkbox.scss
Original file line number Diff line number Diff line change
Expand Up @@ -34,55 +34,6 @@
// layout styles - define any layout specifications for UI that is contained WITHIN the component
// never define layout that would cause effect on element outside the scope of this component

@mixin focus-visible {
.displayFlex {
.inputGroup:focus-within {
width: auto;
}
}

.cbxGroup {
display: block;
padding-right: var(--ds-size-100, $ds-size-100);

.label--cbx {
&:before{
border-color: var(--ds-color-brand-atlas-400, $ds-color-brand-atlas-400);
}

&:after {
outline: 1px solid var(--ds-color-border-active-default, $ds-color-border-active-default);
border-color: var(--ds-color-border-active-default, $ds-color-border-active-default);
}
}

.cbx--input {
&:checked {
+ .label {
&:after {
outline: 1px solid var(--ds-color-border-active-default, $ds-color-border-active-default);
border-color: var(--ds-color-border-focus-inverse, $ds-color-border-focus-inverse);
}
}
}

&:disabled {
& + .label {
&:hover {
&:after {
background-color: var(--ds-color-background-lightest, $ds-color-background-lightest);
}
}
}
}
}
}
}

:host(.focus-visible) {
@include focus-visible;
}

fieldset {
all: unset;
}
Expand Down

0 comments on commit 1f4bdf8

Please sign in to comment.