@digdir/designsystemet-css/dist/src/togglegroup.css

CSS for Designsystemet

.ds-togglegroup{--dsc-togglegroup-background:var(--ds-color-surface-default);--dsc-togglegroup-border-width:var(--ds-border-width-default);--dsc-togglegroup-border-style:solid;--dsc-togglegroup-border-color:var(--ds-color-neutral-border-default);--dsc-togglegroup-spacing:0;--dsc-togglegroup-border-radius:var(--ds-border-radius-md);--dsc-togglegroup-button-size:var(--ds-size-12);background:var(--dsc-togglegroup-background);border-color:var(--dsc-togglegroup-border-color);border-radius:var(--dsc-togglegroup-border-radius);border-style:var(--dsc-togglegroup-border-style);border-width:var(--dsc-togglegroup-border-width);gap:var(--dsc-togglegroup-spacing);grid-auto-columns:1fr;grid-auto-flow:column;height:-moz-fit-content;height:fit-content;max-width:-moz-fit-content;max-width:fit-content;overflow-x:auto;padding:var(--dsc-togglegroup-spacing);width:auto}.ds-togglegroup:not([hidden]){display:grid}.ds-togglegroup button{border-radius:calc(var(--dsc-togglegroup-border-radius) - var(--dsc-togglegroup-spacing)/2);min-height:var(--dsc-togglegroup-button-size);min-width:-moz-fit-content;min-width:fit-content}:is(.ds-togglegroup button):focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))*-1)}:is(.ds-togglegroup button):focus-visible *{--_ds--focus: }:is(.ds-togglegroup button):focus-visible{border-radius:var(--dsc-togglegroup-border-radius)}[data-icon]:is(.ds-togglegroup button){height:var(--dsc-togglegroup-button-size);width:var(--dsc-togglegroup-button-size)}@media (forced-colors:active){[aria-checked=true]:is(.ds-togglegroup button){background:ButtonText;color:CanvasText}[aria-checked=true]:is(.ds-togglegroup button) svg{color:CanvasText}}