scope button styles to "outline" variation
This commit is contained in:
parent
8ba1d7c8ac
commit
76d94516e8
@ -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 -->
|
||||||
|
48
theme.json
48
theme.json
@ -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": {
|
||||||
|
Loading…
Reference in New Issue
Block a user