| @@ -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 |
| @@ -171,9 +177,9 @@ | ||
| 171 | 177 | box-shadow: none; |
| 172 | 178 | outline: none; |
| 173 | 179 | } |
| 174 | 180 | .commands-command-menu__container [cmdk-item] { |
| 175 | - cursor: pointer; | |
| 181 | + cursor: var(--wpds-cursor-control, pointer); | |
| 176 | 182 | display: flex; |
| 177 | 183 | align-items: center; |
| 178 | 184 | padding: 4px 0; |
| 179 | 185 | color: #1e1e1e; |
| @@ -222,9 +228,9 @@ | ||
| 222 | 228 | margin-top: 8px; |
| 223 | 229 | padding: 8px 16px; |
| 224 | 230 | line-height: 16px; |
| 225 | 231 | font-size: 11px; |
| 226 | - font-weight: 499; | |
| 232 | + font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 227 | 233 | text-transform: uppercase; |
| 228 | 234 | color: #1e1e1e; |
| 229 | 235 | } |
| 230 | 236 | .commands-command-menu__container [cmdk-empty] { |
| @@ -266,6 +272,6 @@ | ||
| 266 | 272 | |
| 267 | 273 | .commands-command-menu__item mark { |
| 268 | 274 | color: inherit; |
| 269 | 275 | background: unset; |
| 270 | - font-weight: 600; | |
| 276 | + font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 271 | 277 | } |
