| @@ -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 |
| @@ -118,11 +124,11 @@ | ||
| 118 | 124 | overflow-y: scroll; |
| 119 | 125 | } |
| 120 | 126 | .wp-block-legacy-widget__edit-form .wp-block-legacy-widget__edit-form-title { |
| 121 | 127 | color: #000; |
| 122 | - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| 128 | + font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| 123 | 129 | font-size: 14px; |
| 124 | - font-weight: 600; | |
| 130 | + font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 125 | 131 | margin: 0 0 12px 0; |
| 126 | 132 | } |
| 127 | 133 | .wp-block-legacy-widget__edit-form .widget-inside.widget-inside { |
| 128 | 134 | border: none; |
| @@ -127,9 +133,9 @@ | ||
| 127 | 133 | .wp-block-legacy-widget__edit-form .widget-inside.widget-inside { |
| 128 | 134 | border: none; |
| 129 | 135 | box-shadow: none; |
| 130 | 136 | display: block; |
| 131 | - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| 137 | + font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| 132 | 138 | } |
| 133 | 139 | .wp-block-legacy-widget__edit-form .widget-inside.widget-inside p { |
| 134 | 140 | margin: 8px 0; |
| 135 | 141 | } |
| @@ -140,9 +146,9 @@ | ||
| 140 | 146 | .wp-block-legacy-widget__edit-form .widget-inside.widget-inside label, |
| 141 | 147 | .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input, |
| 142 | 148 | .wp-block-legacy-widget__edit-form .widget-inside.widget-inside a { |
| 143 | 149 | font-family: system-ui; |
| 144 | - font-weight: normal; | |
| 150 | + font-weight: 400; | |
| 145 | 151 | color: #000; |
| 146 | 152 | } |
| 147 | 153 | .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=text], |
| 148 | 154 | .wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=password], |
| @@ -168,9 +174,9 @@ | ||
| 168 | 174 | display: block; |
| 169 | 175 | margin: 0; |
| 170 | 176 | width: 100%; |
| 171 | 177 | font-size: 13px; |
| 172 | - font-weight: normal; | |
| 178 | + font-weight: 400; | |
| 173 | 179 | line-height: 1; |
| 174 | 180 | min-height: 30px; |
| 175 | 181 | padding-left: 8px; |
| 176 | 182 | padding-top: 8px; |
| @@ -217,9 +223,9 @@ | ||
| 217 | 223 | width: 100%; |
| 218 | 224 | } |
| 219 | 225 | |
| 220 | 226 | .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview, .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3, .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p { |
| 221 | - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| 227 | + font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| 222 | 228 | font-size: 13px; |
| 223 | 229 | } |
| 224 | 230 | .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview { |
| 225 | 231 | background: #f0f0f0; |
| @@ -226,9 +232,9 @@ | ||
| 226 | 232 | padding: 8px 12px; |
| 227 | 233 | } |
| 228 | 234 | .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3 { |
| 229 | 235 | font-size: 14px; |
| 230 | - font-weight: 600; | |
| 236 | + font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 231 | 237 | margin: 4px 0; |
| 232 | 238 | } |
| 233 | 239 | .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p { |
| 234 | 240 | margin: 4px 0; |
| @@ -239,9 +245,9 @@ | ||
| 239 | 245 | } |
| 240 | 246 | |
| 241 | 247 | .interface-complementary-area .wp-block-legacy-widget-inspector-card__name { |
| 242 | 248 | margin: 0 0 5px; |
| 243 | - font-weight: 499; | |
| 249 | + font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 244 | 250 | } |
| 245 | 251 | |
| 246 | 252 | .is-selected .wp-block-legacy-widget__container { |
| 247 | 253 | padding: 8px 12px; |
| @@ -252,11 +258,11 @@ | ||
| 252 | 258 | min-width: 400px; |
| 253 | 259 | } |
| 254 | 260 | |
| 255 | 261 | .wp-block-widget-group .widget-title { |
| 256 | - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| 262 | + font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; | |
| 257 | 263 | font-size: 18px; |
| 258 | - font-weight: 600; | |
| 264 | + font-weight: var(--wpds-typography-font-weight-emphasis, 600); | |
| 259 | 265 | } |
| 260 | 266 | |
| 261 | 267 | .wp-block-widget-group__placeholder .block-editor-inserter { |
| 262 | 268 | width: 100%; |
| @@ -262,7 +268,7 @@ | ||
| 262 | 268 | width: 100%; |
| 263 | 269 | } |
| 264 | 270 | |
| 265 | 271 | .is-dark-theme .wp-block-widget-group__placeholder .block-editor-button-block-appender { |
| 266 | - box-shadow: inset 0 0 0 1px #1e1e1e; | |
| 272 | + border-color: currentColor; | |
| 267 | 273 | color: #1e1e1e; |
| 268 | 274 | } |
