1 File not found. File not found. {ش3File not found. [l=J Clq@;pMbѿ ,X~Vŀd=JJj"T Ybѿa=JJj"T Ybѿ?@use 'sass:color'; @use 'sass:string'; @forward 'variables' show $scheme-name, $base-color, $body-background, $button-color, $custom-welcome-panel, $dashboard-accent-1, $dashboard-accent-2, $dashboard-icon-background, $form-checked, $highlight-color, $icon-color, $link, $link-focus, $low-contrast-theme, $menu-bubble-text, $menu-collapse-focus-icon, $menu-collapse-text, $menu-highlight-background, $menu-highlight-icon, $menu-highlight-text, $menu-submenu-text, $menu-submenu-focus-text, $menu-submenu-background, $notification-color, $text-color; @use 'variables'; @use 'mixins'; @use 'tokens'; /** * This function name uses British English to maintain backward compatibility, as developers * may use the function in their own admin CSS files. See #56811. */ @function url-friendly-colour( $color ) { @return '%23' + string.slice( '#{ $color }', 2, -1 ); } body { background: variables.$body-background; } /* Links */ a { color: variables.$link; &:hover, &:active, &:focus { color: variables.$link-focus; } } #post-body .misc-pub-post-status:before, #post-body #visibility:before, .curtime #timestamp:before, #post-body .misc-pub-revisions:before, span.wp-media-buttons-icon:before { color: currentColor; } /* Link button - appears as text link, no border or background */ /* Matches Gutenberg's .is-link button variant */ .wp-core-ui .button-link, .wp-core-ui .button.button-link { color: var(--wp-admin-theme-color); &:hover, &:active { color: var(--wp-admin-theme-color-darker-20); } &:focus { color: var(--wp-admin-theme-color); border-radius: tokens.$radius-s; box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color); outline: 1px solid transparent; } &:disabled, &[aria-disabled="true"] { color: tokens.$gray-600; } } .media-modal .delete-attachment, .media-modal .trash-attachment, .media-modal .untrash-attachment, /* Needs higher specificity to override the default button-link. */ .wp-core-ui .button-link.button-link-delete { color: tokens.$alert-red; } .media-modal .delete-attachment:hover, .media-modal .trash-attachment:hover, .media-modal .untrash-attachment:hover, .media-modal .delete-attachment:focus, .media-modal .trash-attachment:focus, .media-modal .untrash-attachment:focus, /* Needs higher specificity to override the default button-link. */ .wp-core-ui .button-link.button-link-delete:hover, .wp-core-ui .button-link.button-link-delete:focus { color: color.adjust(tokens.$alert-red, $lightness: -10%); } /* Forms */ // Checkbox checked state - uses theme color input[type="checkbox"]:checked { background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); } // Radio checked state - uses theme color input[type="radio"]:checked { background: var(--wp-admin-theme-color); border-color: var(--wp-admin-theme-color); } .wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active { color: variables.$link-focus; } // Text input focus - outset focus ring matching button focus style input[type="text"]:focus, input[type="password"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, select:focus, textarea:focus { border-color: var(--wp-admin-theme-color); box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color); } // Checkbox/Radio focus - Gutenberg-style outset focus ring input[type="checkbox"]:focus, input[type="radio"]:focus { border-color: tokens.$gray-900; box-shadow: 0 0 0 2px tokens.$white, 0 0 0 4px var(--wp-admin-theme-color); outline: 2px solid transparent; } // S