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

Fix custom heading background style. (#7751)

Browse source 
Move custom CSS from the theme.json to style.css and apply color variables, so that it works better with color variations.
This commit is contained in:
alaczek 2024-04-18 17:12:40 +10:00 committed by GitHub
parent add259a7c8
commit 8d5dfe965c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
craftfully/style.css
View file

@ -46,4 +46,10 @@ a {
*/
.wp-block-navigation ul {
padding: unset;
}
/* Custom gradient background for headings */
.heading-bg {
background: var(--wp--preset--color--base);
background: linear-gradient(180deg, var(--wp--preset--color--base) 0%, var(--wp--preset--color--base) 50%, var(--wp--preset--color--accent-5) 50%, var(--wp--preset--color--accent-5) 100%);
}

2
craftfully/theme.json
View file

@ -634,7 +634,7 @@
"background": "var(--wp--preset--color--base)",
"text": "var(--wp--preset--color--contrast)"
},
"css": "/* Remove block gap between first-level blocks */ :where(.wp-site-blocks) > * { margin-block-start: 0; margin-block-end: 0; }\n\n.heading-bg {background: rgb(255,255,255);\nbackground: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(206,227,226,1) 50%, rgba(206,227,226,1) 100%);}",
"css": "/* Remove block gap between first-level blocks */ :where(.wp-site-blocks) > * { margin-block-start: 0; margin-block-end: 0; }",
"elements": {
"button": {
":active": {