diff --git a/projects/plugins/jetpack/changelog/fix-form-submit-button-outline b/projects/plugins/jetpack/changelog/fix-form-submit-button-outline new file mode 100644 index 0000000000000..57b3002471771 --- /dev/null +++ b/projects/plugins/jetpack/changelog/fix-form-submit-button-outline @@ -0,0 +1,4 @@ +Significance: minor +Type: other + +Jetpack button: implement outline style diff --git a/projects/plugins/jetpack/extensions/blocks/button/editor.scss b/projects/plugins/jetpack/extensions/blocks/button/editor.scss index 5c4b93b47bb77..aa0173e0a0635 100644 --- a/projects/plugins/jetpack/extensions/blocks/button/editor.scss +++ b/projects/plugins/jetpack/extensions/blocks/button/editor.scss @@ -1,6 +1,12 @@ .wp-block[data-type='jetpack/button'] { display: inline-block; margin: 0 auto; + + &.is-style-outline > .wp-block-button__link { + background-color: transparent; + border: solid 1px currentColor; + color: currentColor; + } } .wp-block[data-align="center"] { diff --git a/projects/plugins/jetpack/extensions/blocks/button/view.scss b/projects/plugins/jetpack/extensions/blocks/button/view.scss index 0e6ca3502a4f1..7db0bedb6403d 100644 --- a/projects/plugins/jetpack/extensions/blocks/button/view.scss +++ b/projects/plugins/jetpack/extensions/blocks/button/view.scss @@ -3,6 +3,11 @@ } .wp-block-jetpack-button { + &.is-style-outline > .wp-block-button__link { + background-color: transparent; + border: solid 1px currentColor; + color: currentColor; + } &:not(.is-style-outline) button { border: none; }