| @@ -2,9 +2,9 @@ | ||
| 2 | 2 | // Compiles to: authorizer.css via `sass css/authorizer.scss css/authorizer.css`. |
| 3 | 3 | |
| 4 | 4 | // Import WordPress 5.7 admin colors. |
| 5 | 5 | // See: https://make.wordpress.org/core/2021/02/23/standardization-of-wp-admin-colors-in-wordpress-5-7/ |
| 6 | -@use 'wp-admin-colors'; | |
| 6 | +@import 'wp-admin-colors'; | |
| 7 | 7 | |
| 8 | 8 | // Target just the Dashboard > Authorizer, and Network Dashboard > Authorizer. |
| 9 | 9 | .toplevel_page_authorizer, |
| 10 | 10 | .settings_page_authorizer { |
| @@ -41,30 +41,26 @@ | ||
| 41 | 41 | |
| 42 | 42 | // Demo CAS login button sizing. |
| 43 | 43 | .button.button-external { |
| 44 | 44 | padding: 3px 16px; |
| 45 | - font-size: 18px; | |
| 46 | - line-height: 2.4; | |
| 47 | - height: 50px; | |
| 45 | + height: 40px; | |
| 48 | 46 | } |
| 49 | 47 | .button-external .dashicons { |
| 50 | - margin: 4px 18px 0 0; | |
| 51 | - font-size: 32px; | |
| 52 | - line-height: 1; | |
| 48 | + margin: 4px 4px 0 0; | |
| 49 | + font-size: 24px; | |
| 53 | 50 | } |
| 54 | 51 | .button-external input[type=text] { |
| 55 | - margin-left: 4px; | |
| 56 | - font-size: inherit; | |
| 57 | - width: 120px; | |
| 52 | + width: 100px; | |
| 58 | 53 | } |
| 59 | 54 | @media screen and (max-width: 782px) { |
| 60 | 55 | .button-external { |
| 56 | + width: 280px; | |
| 57 | + height: 50px; | |
| 61 | 58 | font-size: 16px; |
| 62 | 59 | } |
| 63 | 60 | .button-external .dashicons { |
| 64 | 61 | margin: 4px 16px 0 0; |
| 65 | 62 | font-size: 30px; |
| 66 | - line-height: 1.1; | |
| 67 | 63 | } |
| 68 | 64 | .button-external input[type=text] { |
| 69 | 65 | width: 120px; |
| 70 | 66 | display: inline; |
| @@ -206,13 +202,13 @@ | ||
| 206 | 202 | // Section breaks for pages with many options. |
| 207 | 203 | table.form-table { |
| 208 | 204 | tr { |
| 209 | 205 | &.border-top { |
| 210 | - border-top: 3px solid wp-admin-colors.$color-gray-5; | |
| 206 | + border-top: 3px solid $color-gray-5; | |
| 211 | 207 | } |
| 212 | 208 | |
| 213 | 209 | &.border-top-small { |
| 214 | - border-top: 1px solid wp-admin-colors.$color-gray-5; | |
| 210 | + border-top: 1px solid $color-gray-5; | |
| 215 | 211 | } |
| 216 | 212 | } |
| 217 | 213 | } |
| 218 | 214 | |
| @@ -243,11 +239,11 @@ | ||
| 243 | 239 | // wraps to second line). |
| 244 | 240 | .tablenav { |
| 245 | 241 | height: auto; |
| 246 | 242 | |
| 247 | - // Fix offset current page input relative to pager buttons (WordPress < 7.0). | |
| 243 | + // Fix offset current page input relative to pager buttons. | |
| 248 | 244 | .current-page { |
| 249 | - margin-bottom: 4px; | |
| 245 | + margin-top: -4px; | |
| 250 | 246 | } |
| 251 | 247 | } |
| 252 | 248 | |
| 253 | 249 | // Tighter flex layout for user lists (pending, approved, blocked). |
| @@ -335,22 +331,22 @@ | ||
| 335 | 331 | |
| 336 | 332 | // Colors for user lists. |
| 337 | 333 | #list_auth_settings_access_users_pending { |
| 338 | 334 | .auth-email { |
| 339 | - background-color: wp-admin-colors.$color-yellow-5; | |
| 340 | - border-color: wp-admin-colors.$color-yellow-20; | |
| 335 | + background-color: $color-yellow-5; | |
| 336 | + border-color: $color-yellow-20; | |
| 341 | 337 | } |
| 342 | 338 | } |
| 343 | 339 | #list_auth_settings_access_users_approved { |
| 344 | 340 | .auth-email { |
| 345 | - background-color: wp-admin-colors.$color-green-5; | |
| 346 | - border-color: wp-admin-colors.$color-green-20; | |
| 341 | + background-color: $color-green-5; | |
| 342 | + border-color: $color-green-20; | |
| 347 | 343 | } |
| 348 | 344 | } |
| 349 | 345 | #list_auth_settings_access_users_blocked { |
| 350 | 346 | .auth-email { |
| 351 | - background-color: wp-admin-colors.$color-red-5; | |
| 352 | - border-color: wp-admin-colors.$color-red-20; | |
| 347 | + background-color: $color-red-5; | |
| 348 | + border-color: $color-red-20; | |
| 353 | 349 | } |
| 354 | 350 | } |
| 355 | 351 | |
| 356 | 352 | // Fade multisite users (not editable); don't do this on network admin page. |
| @@ -380,10 +376,10 @@ | ||
| 380 | 376 | position: relative; |
| 381 | 377 | } |
| 382 | 378 | .auth_multisite_override_overlay { |
| 383 | 379 | .overlay-note { |
| 384 | - background: wp-admin-colors.$color-white; | |
| 385 | - border: 1px solid wp-admin-colors.$color-gray-30; | |
| 380 | + background: $color-white; | |
| 381 | + border: 1px solid $color-gray-30; | |
| 386 | 382 | cursor: default; |
| 387 | 383 | margin: 0 15em; |
| 388 | 384 | opacity: 0; |
| 389 | 385 | padding: 8px; |
