beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Archeo: Try using button as an element (#5849)

Browse source 
Co-authored-by: MaggieCabrera <maggie.cabrera@automattic.com>
This commit is contained in:
Ben Dwyer 2022-07-05 19:36:09 +01:00 committed by GitHub
parent bfef645f62
commit 87f535a4fe
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 28 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
archeo/style.css
View file

@ -73,29 +73,22 @@ a:active,
* https://github.com/WordPress/gutenberg/issues/27075 * https://github.com/WordPress/gutenberg/issues/27075
*/ */
.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover { .wp-block-button__link:hover {
background-color: var(--wp--preset--color--primary); background-color: var(--wp--preset--color--primary);
} }
/* /*
* Search and File Block button styles. * Outline block button needs a padding tweak so it's the same size of normal buttons
* Necessary until the following issues are resolved in Gutenberg: * https://github.com/WordPress/gutenberg/issues/27476
* https://github.com/WordPress/gutenberg/issues/36444
* https://github.com/WordPress/gutenberg/issues/27760
*/ */
.is-style-outline > :where(.wp-block-button__link),
.wp-block-search__button, :where(.wp-block-button__link).is-style-outline {
.wp-block-file .wp-block-file__button { padding-top: 0.667em;
background-color: var(--wp--preset--color--foreground); padding-bottom: 0.667em;
border-radius: 0;
border: none;
color: var(--wp--preset--color--background);
font-size: var(--wp--preset--typography--font-size--normal);
padding: calc(0.667em + 2px) calc(1.333em + 2px);
} }
/* /*
* Comment Form Fields * Comment Form Fields
*/ */

30
archeo/theme.json
View file

@ -167,16 +167,7 @@
"styles": { "styles": {
"blocks": { "blocks": {
"core/button": { "core/button": {
"border": {
"radius": "0"
},
"color": {
"background": "var(--wp--preset--color--foreground)",
"text": "var(--wp--preset--color--background)"
},
"typography": { "typography": {
"fontFamily": "var(--wp--preset--font-family--chivo)",
"fontSize": "var(--wp--preset--typography--font-size--normal)",
"textTransform": "uppercase" "textTransform": "uppercase"
} }
}, },
@ -294,6 +285,27 @@
"typography": { "typography": {
"fontSize": "var(--wp--preset--font-size--small)" "fontSize": "var(--wp--preset--font-size--small)"
} }
},
"button": {
"border": {
"radius": "0"
},
"color": {
"background": "var(--wp--preset--color--foreground)",
"text": "var(--wp--preset--color--background)"
},
"typography": {
"fontFamily": "var(--wp--preset--font-family--chivo)",
"fontSize": "var(--wp--preset--font-size--normal)"
},
"spacing": {
"padding": {
"top": "calc(0.667em + 2px)",
"bottom": "calc(0.667em + 2px)",
"left": "calc(1.333em + 2px)",
"right": "calc(1.333em + 2px)"
}
}
} }
}, },
"spacing": { "spacing": {