scope button styles to "outline" variation

This commit is contained in:
Aadil Ayub 2024-05-11 22:02:22 +05:00
parent 8ba1d7c8ac
commit 76d94516e8
2 changed files with 30 additions and 26 deletions

View File

@ -16,14 +16,14 @@
<!-- /wp:outermost/icon-block --> <!-- /wp:outermost/icon-block -->
<!-- wp:buttons --> <!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"light-green"} --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"light-green","className":"is-style-outline"} -->
<div class="wp-block-button"><a <div class="wp-block-button is-style-outline"><a
class="wp-block-button__link has-light-green-background-color has-background wp-element-button">🖂 class="wp-block-button__link has-light-green-background-color has-background wp-element-button">🖂
info@lexscotland.org</a></div> info@lexscotland.org</a></div>
<!-- /wp:button --> <!-- /wp:button -->
<!-- wp:button {"backgroundColor":"light-purple"} --> <!-- wp:button {"backgroundColor":"light-purple","className":"is-style-outline"} -->
<div class="wp-block-button"><a <div class="wp-block-button is-style-outline"><a
class="wp-block-button__link has-light-purple-background-color has-background wp-element-button">We're on class="wp-block-button__link has-light-purple-background-color has-background wp-element-button">We're on
LinkedIn 🡭</a></div> LinkedIn 🡭</a></div>
<!-- /wp:button --> <!-- /wp:button -->

View File

@ -295,29 +295,33 @@
} }
}, },
"core/button": { "core/button": {
"color": { "variations": {
"background": "#E8BFE2", "outline": {
"text": "var(--wp--preset--color--contrast)" "color": {
}, "background": "#E8BFE2",
"spacing": { "text": "var(--wp--preset--color--contrast)"
"padding": { },
"top": "1em", "spacing": {
"bottom": "1em", "padding": {
"right": "2.5em", "top": "1em",
"left": "2.5em" "bottom": "1em",
"right": "2.5em",
"left": "2.5em"
}
},
"border": {
"color": "#000",
"width": "1px",
"radius": "56px",
"style": "solid"
},
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"fontFamily": "var(--wp--preset--font-family--atkinson-hyperlegible)",
"fontWeight": "700",
"letterSpacing": "0.64px"
}
} }
},
"border": {
"color": "#000",
"width": "1px",
"radius": "56px",
"style": "solid"
},
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"fontFamily": "var(--wp--preset--font-family--atkinson-hyperlegible)",
"fontWeight": "700",
"letterSpacing": "0.64px"
} }
}, },
"core/separator": { "core/separator": {