Skip to content

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.

4 participants