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

[Checkbox] refactor indicators style #2721

Merged
merged 8 commits into from
Jul 24, 2018
Merged

Conversation

giladgray
Copy link
Contributor

  • as much shared indicator style as possible
  • indicator uses 1em for size so all we have to do for large is bump the font-size
    • switch uses other values to achieve its oblong appearance
  • Radio indicator uses radial-gradient for the white dot
  • Switch indicator-colors() mixin for legibility & remove unused variables

Gilad Gray added 6 commits July 24, 2018 14:05
Adjust font-size in large, everything recomputes!
Refactor all controls to leverage this (Switch needs a little more work)
one property replaces six!
Bring Switch large & dark variants inside its block
@blueprint-bot
Copy link

move large modifier up to general section

Preview: documentation | landing | table

@blueprint-bot
Copy link

lint

Preview: documentation | landing | table

Copy link
Contributor

@themadcreator themadcreator left a comment

Choose a reason for hiding this comment

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

looks nice!

}

input:checked:disabled ~ .#{$ns}-control-indicator::before {
box-shadow: none;
background-image: radial-gradient(rgba($white, 0.5) 0%, rgba($white, 0.5) 28%, transparent 32%);
Copy link
Contributor

Choose a reason for hiding this comment

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

maybe just opacity: 50%?

@blueprint-bot
Copy link

opacity for disabled radio

Preview: documentation | landing | table

@giladgray giladgray merged commit 5cd543b into develop Jul 24, 2018
@giladgray giladgray deleted the gg/checkbox-indicators branch July 24, 2018 21:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants