Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Semantiske farger - Accordion #2408

Open
wants to merge 2 commits into
base: develop
Choose a base branch
from
Open

Conversation

tuva-odegard
Copy link
Contributor

@tuva-odegard tuva-odegard commented Nov 5, 2024

Har oppdatert Accordion med de nye semantiske fargene.

#2406 Må godkjennes og merges først.

@tuva-odegard tuva-odegard requested a review from a team as a code owner November 5, 2024 08:21
Copy link

github-actions bot commented Nov 5, 2024

Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-beach-0d62d0d03-2408.westeurope.2.azurestaticapps.net

pethel
pethel previously approved these changes Nov 5, 2024
@pethel
Copy link
Contributor

pethel commented Nov 5, 2024

@tuva-odegard keyboard focus, her kan man kanske bruke :focus-visible samen med :has. Sålenge man har en fallback. bruke https://developer.mozilla.org/en-US/docs/Web/CSS/@supports ?

"klikker på accordionen" får man løst med focus og focus-visible iaf.

typ slik

.accordion:focus-within {
    background: green;
}

@supports selector(:has(*)) {
    .accordion:focus-within {
       // reset styles above if neded
    }
    
    .accordion:has(:focus-visible) {
        background: red;
    }
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants