| @@ -67,8 +67,14 @@ | ||
| 67 | 67 | /** |
| 68 | 68 | * Focus styles. |
| 69 | 69 | */ |
| 70 | 70 | /** |
| 71 | + * Standard focus rings for the WordPress Design System. | |
| 72 | + * | |
| 73 | + * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site, | |
| 74 | + * e.g. `&:focus { @include outset-ring__focus(); }`. | |
| 75 | + */ | |
| 76 | +/** | |
| 71 | 77 | * Applies editor left position to the selector passed as argument |
| 72 | 78 | */ |
| 73 | 79 | /** |
| 74 | 80 | * Styles that are reused verbatim in a few places |
| @@ -163,11 +169,8 @@ | ||
| 163 | 169 | font-size: 15px; |
| 164 | 170 | line-height: 24px; |
| 165 | 171 | border-radius: 0; |
| 166 | 172 | } |
| 167 | -.commands-command-menu__container [cmdk-input]::-moz-placeholder { | |
| 168 | - color: #757575; | |
| 169 | -} | |
| 170 | 173 | .commands-command-menu__container [cmdk-input]::placeholder { |
| 171 | 174 | color: #757575; |
| 172 | 175 | } |
| 173 | 176 | .commands-command-menu__container [cmdk-input]:focus { |
| @@ -225,9 +228,9 @@ | ||
| 225 | 228 | margin-top: 8px; |
| 226 | 229 | padding: 8px 16px; |
| 227 | 230 | line-height: 16px; |
| 228 | 231 | font-size: 11px; |
| 229 | - font-weight: 499; | |
| 232 | + font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 230 | 233 | text-transform: uppercase; |
| 231 | 234 | color: #1e1e1e; |
| 232 | 235 | } |
| 233 | 236 | .commands-command-menu__container [cmdk-empty] { |
| @@ -269,6 +272,6 @@ | ||
| 269 | 272 | |
| 270 | 273 | .commands-command-menu__item mark { |
| 271 | 274 | color: inherit; |
| 272 | 275 | background: unset; |
| 273 | - font-weight: 600; | |
| 276 | + font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 274 | 277 | } |
