Server IP : 104.21.14.48 / Your IP : 3.139.234.146 [ Web Server : Apache System : Linux b70eb322-3aee-0c53-7c82-0db91281f2c6.secureserver.net 6.1.90-1.el9.elrepo.x86_64 #1 SMP PREEMPT_DYNAMIC Thu May 2 12:09:22 EDT 2024 x86_64 User : root ( 0) PHP Version : 8.0.30.2 Disable Function : NONE Domains : 0 Domains MySQL : ON | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/wp-content/old-themes/twentytwentyone/assets/sass/05-blocks/button/ |
Upload File : |
/** * Button */ .site .button, button, input[type="submit"], input[type="reset"], .wp-block-search .wp-block-search__button, .wp-block-button .wp-block-button__link, .wp-block-file a.wp-block-file__button { // Extend button style @include button-style(); } /** * Block Options */ .wp-block-button { // Target the default and filled button states. &:not(.is-style-outline) { .wp-block-button__link:not(:hover):not(:active) { // Text colors &:not(.has-text-color) { color: var(--global--color-background); // Nested .has-background & { color: var(--local--color-background, var(--global--color-background)); &.has-background { color: var(--global--color-primary); } } } // Background-colors &:not(.has-background) { background-color: var(--global--color-primary); // Nested .has-background & { background-color: var(--local--color-primary, var(--global--color-primary)); } } } // Hover Button color should match parent element foreground color .wp-block-button__link:hover, .wp-block-button__link:active { border-color: currentColor !important; background-color: transparent !important; color: inherit !important; } } // Outline Style. &.is-style-outline { .wp-block-button__link:not(:hover):not(:active) { // Border colors &:not(.has-text-color), &:not(.has-background), &.has-background { border-color: currentColor; } // Text colors &:not(.has-text-color) { color: var(--global--color-primary); // Nested .has-background & { color: var(--local--color-primary, var(--global--color-primary)); } } &.has-background { // Nested .has-background &:not(.has-text-color) { color: inherit; } } // Background-colors &:not(.has-background) { background-color: transparent; } } .wp-block-button__link:hover, .wp-block-button__link:active { border-color: transparent !important; background-color: var(--global--color-primary) !important; color: var(--global--color-background) !important; .has-background & { background-color: var(--local--color-primary, var(--global--color-primary)) !important; color: var(--local--color-background, var(--global--color-background)) !important; } .has-text-color & { color: var(--local--color-background, var(--global--color-background)) !important; } } } // Squared Style .is-style-squared .wp-block-button__link { border-radius: 0; } } .is-style-outline .wp-block-button__link[style*="radius"]:focus, .wp-block-button a.wp-block-button__link[style*="radius"]:focus { outline-offset: 2px; outline: 2px dotted var(--button--color-background); }