| @@ -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 |
| @@ -109,13 +115,13 @@ | ||
| 109 | 115 | .block-directory-block-ratings > span { |
| 110 | 116 | display: flex; |
| 111 | 117 | } |
| 112 | 118 | .block-directory-block-ratings svg { |
| 113 | - fill: #1e1e1e; | |
| 119 | + color: #1e1e1e; | |
| 114 | 120 | margin-left: -4px; |
| 115 | 121 | } |
| 116 | 122 | .block-directory-block-ratings .block-directory-block-ratings__star-empty { |
| 117 | - fill: #ccc; | |
| 123 | + color: #ccc; | |
| 118 | 124 | } |
| 119 | 125 | |
| 120 | 126 | .block-directory-compact-list { |
| 121 | 127 | margin: 0; |
| @@ -136,9 +142,9 @@ | ||
| 136 | 142 | margin-left: 8px; |
| 137 | 143 | } |
| 138 | 144 | |
| 139 | 145 | .block-directory-compact-list__item-title { |
| 140 | - font-weight: 499; | |
| 146 | + font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 141 | 147 | } |
| 142 | 148 | |
| 143 | 149 | .block-directory-compact-list__item-author { |
| 144 | 150 | color: #757575; |
| @@ -162,11 +168,9 @@ | ||
| 162 | 168 | width: 100%; |
| 163 | 169 | height: auto; |
| 164 | 170 | padding: 12px; |
| 165 | 171 | margin: 0; |
| 166 | - -webkit-appearance: none; | |
| 167 | - -moz-appearance: none; | |
| 168 | - appearance: none; | |
| 172 | + appearance: none; | |
| 169 | 173 | background: none; |
| 170 | 174 | border: 0; |
| 171 | 175 | text-align: left; |
| 172 | 176 | } |
| @@ -223,15 +227,15 @@ | ||
| 223 | 227 | } |
| 224 | 228 | |
| 225 | 229 | .block-directory-downloadable-block-list-item__title { |
| 226 | 230 | display: block; |
| 227 | - font-weight: 600; | |
| 231 | + font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 228 | 232 | } |
| 229 | 233 | |
| 230 | 234 | .block-directory-downloadable-block-list-item__author { |
| 231 | 235 | display: block; |
| 232 | 236 | margin-top: 4px; |
| 233 | - font-weight: normal; | |
| 237 | + font-weight: 400; | |
| 234 | 238 | } |
| 235 | 239 | |
| 236 | 240 | .block-directory-downloadable-block-list-item__desc { |
| 237 | 241 | display: block; |
