mirror of
https://github.com/primer/css.git
synced 2024-09-11 16:36:07 +03:00
Increase Checkbox/Radio border contrast (#2316)
* increase border contrast * Create quiet-otters-care.md * Stylelint auto-fixes * Update quiet-otters-care.md Co-authored-by: Actions Auto Build <actions@github.com>
This commit is contained in:
parent
551492ebf4
commit
f3acb2b116
6
.changeset/quiet-otters-care.md
Normal file
6
.changeset/quiet-otters-care.md
Normal file
@ -0,0 +1,6 @@
|
||||
---
|
||||
"@primer/css": patch
|
||||
---
|
||||
|
||||
Increase Checkbox/Radio border contrast
|
||||
|
@ -50,7 +50,7 @@
|
||||
@mixin Field {
|
||||
color: var(--color-fg-default);
|
||||
background-color: var(--color-canvas-default);
|
||||
border: solid var(--primer-borderWidth-thin, 1px) var(--color-border-default);
|
||||
border: var(--primer-borderWidth-thin, 1px) solid var(--color-border-default);
|
||||
|
||||
&[disabled] {
|
||||
color: var(--color-primer-fg-disabled);
|
||||
@ -530,7 +530,7 @@ input[type='checkbox'].FormControl-checkbox {
|
||||
margin: 0;
|
||||
margin-top: 0.125rem; // 2px to center align with label (20px line-height)
|
||||
cursor: pointer;
|
||||
border: solid var(--primer-borderWidth-thin, 1px) var(--color-border-default);
|
||||
border-color: var(--color-neutral-emphasis);
|
||||
border-radius: var(--primer-borderRadius-small, 3px);
|
||||
transition: background-color, border-color 80ms cubic-bezier(0.33, 1, 0.68, 1); // checked -> unchecked - add 120ms delay to fully see animation-out
|
||||
appearance: none;
|
||||
@ -624,6 +624,7 @@ input[type='radio'].FormControl-radio {
|
||||
margin: 0;
|
||||
margin-top: 0.125rem; // 2px to center align with label (20px line-height)
|
||||
cursor: pointer;
|
||||
border-color: var(--color-neutral-emphasis);
|
||||
border-radius: var(--primer-borderRadius-full, 100vh);
|
||||
transition: background-color, border-color 80ms cubic-bezier(0.33, 1, 0.68, 1); // checked -> unchecked - add 120ms delay to fully see animation-out
|
||||
appearance: none;
|
||||
|
Loading…
Reference in New Issue
Block a user