?
style.css 0000666 00000004360 15123445057 0006433 0 ustar 00 .wp-block-button__link{
box-sizing:border-box;
cursor:pointer;
display:inline-block;
text-align:center;
word-break:break-word;
}
.wp-block-button__link.aligncenter{
text-align:center;
}
.wp-block-button__link.alignright{
text-align:right;
}
:where(.wp-block-button__link){
border-radius:9999px;
box-shadow:none;
padding:calc(.667em + 2px) calc(1.333em + 2px);
text-decoration:none;
}
.wp-block-button[style*=text-decoration] .wp-block-button__link{
text-decoration:inherit;
}
.wp-block-buttons>.wp-block-button.has-custom-width{
max-width:none;
}
.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{
width:100%;
}
.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{
font-size:inherit;
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-25{
width:calc(25% - var(--wp--style--block-gap, .5em)*.75);
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-50{
width:calc(50% - var(--wp--style--block-gap, .5em)*.5);
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-75{
width:calc(75% - var(--wp--style--block-gap, .5em)*.25);
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-100{
flex-basis:100%;
width:100%;
}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{
width:25%;
}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{
width:50%;
}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{
width:75%;
}
.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{
border-radius:0;
}
.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{
border-radius:0 !important;
}
.wp-block-button .wp-block-button__link.is-style-outline,.wp-block-button.is-style-outline>.wp-block-button__link{
border:2px solid;
padding:.667em 1.333em;
}
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color){
color:currentColor;
}
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background){
background-color:transparent;
background-image:none;
} _editor.scss 0000666 00000005305 15127716354 0007110 0 ustar 00 .wp-block-button__link {
// 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;
}
// Remove :focus styles in the editor
.wp-block-button__link:focus {
outline-offset: inherit;
outline: inherit;
}
}
// 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;
}
}
// Hover Button color should match default button style
.wp-block-button__link:hover,
.wp-block-button__link:active {
background-color: var(--global--color-primary) !important;
border-color: transparent !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;
}
}
// Remove :focus styles in the editor
.wp-block-button__link:focus {
outline-offset: inherit;
outline: inherit;
}
}
// Squared Style
&.is-style-squared {
border-radius: 0;
}
}
.is-style-outline .wp-block-button__link[style*="radius"],
.wp-block-button__link[style*="radius"] {
outline-offset: 2px;
}
_style.scss 0000666 00000005256 15127716354 0006767 0 ustar 00 /**
* 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);
}