Skip to content

Make the checkbox background overwritable#41

Open
yvesh wants to merge 2 commits into
bonsaicss:masterfrom
yvesh:patch-3
Open

Make the checkbox background overwritable#41
yvesh wants to merge 2 commits into
bonsaicss:masterfrom
yvesh:patch-3

Conversation

@yvesh

@yvesh yvesh commented Nov 16, 2020

Copy link
Copy Markdown
Collaborator

<input type="checkbox" class="green" />

or

<input type="checkbox" style="--accent-bg: #ff0000" />

Comment thread src/base/_forms.css
input[type="radio"]:checked {
background: var(--primary);

background: var(--accent-bg, var(--primary));

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think just --primary might be enough here. My only reason is that it might be best keeping accent variables assciated with the .accent class alone.

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, I agree --accent-bg was a fallback solution. It probably should be --element-bg?

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