| @@ -1,10 +1,11 @@ | ||
| 1 | 1 | input[type=checkbox] { |
| 2 | 2 | width: 16px; |
| 3 | 3 | height: 16px; |
| 4 | 4 | background-color: var(--e-one-palette-background-default); |
| 5 | - border: 1px solid var(--e-one-palette-border); | |
| 5 | + border: 1px solid var(--e-one-palette-divider); | |
| 6 | 6 | border-radius: 4px; |
| 7 | + box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.25); | |
| 7 | 8 | cursor: pointer; |
| 8 | 9 | appearance: none; |
| 9 | 10 | -webkit-appearance: none; |
| 10 | 11 | -moz-appearance: none; |
| @@ -17,9 +18,9 @@ | ||
| 17 | 18 | } |
| 18 | 19 | input[type=checkbox]:focus { |
| 19 | 20 | outline: none; |
| 20 | 21 | border-color: var(--e-one-palette-action-focus); |
| 21 | - box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25); | |
| 22 | + box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px var(--e-one-palette-action-focus); | |
| 22 | 23 | } |
| 23 | 24 | input[type=checkbox]:checked { |
| 24 | 25 | background-color: var(--e-one-palette-background-default); |
| 25 | 26 | } |
| @@ -25,16 +26,16 @@ | ||
| 25 | 26 | } |
| 26 | 27 | input[type=checkbox]:checked::after { |
| 27 | 28 | content: ""; |
| 28 | 29 | position: absolute; |
| 29 | - top: 50%; | |
| 30 | - left: 50%; | |
| 30 | + inset-block-start: 50%; | |
| 31 | + inset-inline-start: 50%; | |
| 31 | 32 | transform: translate(-50%, -50%) rotate(45deg); |
| 32 | 33 | width: 4px; |
| 33 | 34 | height: 8px; |
| 34 | - border: 2px solid var(--e-one-palette-checkbox-primary); | |
| 35 | - border-top: none; | |
| 36 | - border-left: none; | |
| 35 | + border: 2px solid var(--e-one-palette-text-primary); | |
| 36 | + border-block-start: none; | |
| 37 | + border-inline-start: none; | |
| 37 | 38 | border-radius: 0; |
| 38 | 39 | } |
| 39 | 40 | input[type=checkbox]:checked::before { |
| 40 | 41 | content: ""; |
| @@ -94,14 +95,13 @@ | ||
| 94 | 95 | border: 1px solid var(--e-one-palette-secondary-main); |
| 95 | 96 | color: var(--e-one-palette-text-primary); |
| 96 | 97 | background-color: var(--e-one-palette-background-default); |
| 97 | 98 | border-radius: 3px; |
| 98 | - height: 34px; | |
| 99 | + height: 30px; | |
| 99 | 100 | font-size: 13px; |
| 100 | 101 | font-family: var(--e-one-typography-fontFamily); |
| 101 | 102 | font-weight: 400; |
| 102 | 103 | line-height: 1.2; |
| 103 | - min-height: 34px; | |
| 104 | 104 | transition: var(--e-a-transition-hover); |
| 105 | 105 | } |
| 106 | 106 | select:hover, |
| 107 | 107 | .wp-core-ui select:hover { |
