Upstream
/
WordPress
mirror of https://github.com/WordPress/WordPress.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Twenty Thirteen: Add gradient background options using the theme color scheme. 

This change implements gradient background options that fit the color scheme used in Twenty Thirteen.

Props ianbelanger, tomjdevisser, audrasjb.
Fixes #49762.

Built from https://develop.svn.wordpress.org/trunk@52928


git-svn-id: http://core.svn.wordpress.org/trunk@52517 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
audrasjb 2022-03-13 09:50:06 +00:00
parent b9033d9203
commit 3046b5b3e1
4 changed files with 54 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
wp-content/themes/twentythirteen/css/editor-style.css
View File

@ -40,6 +40,19 @@ body {
vertical-align: baseline;
}
/* Custom gradient block backgrounds */
.has-autumn-brown-gradient-background {
background: linear-gradient(135deg, rgba(226,45,15,1) 0%, rgba(158,25,13,1) 100%);
}
.has-sunset-yellow-gradient-background {
background: linear-gradient(135deg, rgba(233,139,41,1) 0%, rgba(238,179,95,1) 100%);
}
.has-light-sky-gradient-background {
background: linear-gradient(135deg,rgba(228,228,228,1.0) 0%,rgba(208,225,252,1.0) 100%);
}
.has-dark-sky-gradient-background {
background: linear-gradient(135deg,rgba(0,0,0,1.0) 0%,rgba(56,61,69,1.0) 100%);
}
/**
* 2.0 Headings

27
wp-content/themes/twentythirteen/functions.php
View File

@ -158,6 +158,33 @@ function twentythirteen_setup() {
)
);
// Add support for block gradient colors.
add_theme_support(
'editor-gradient-presets',
array(
array(
'name' => __( 'Autumn Brown', 'twentythirteen' ),
'gradient' => 'linear-gradient(135deg, rgba(226,45,15,1) 0%, rgba(158,25,13,1) 100%)',
'slug' => 'autumn-brown',
),
array(
'name' => __( 'Sunset Yellow', 'twentythirteen' ),
'gradient' => 'linear-gradient(135deg, rgba(233,139,41,1) 0%, rgba(238,179,95,1) 100%)',
'slug' => 'sunset-yellow',
),
array(
'name' => __( 'Light Sky', 'twentythirteen' ),
'gradient' => 'linear-gradient(135deg,rgba(228,228,228,1.0) 0%,rgba(208,225,252,1.0) 100%)',
'slug' => 'light-sky',
),
array(
'name' => __( 'Dark Sky', 'twentythirteen' ),
'gradient' => 'linear-gradient(135deg,rgba(0,0,0,1.0) 0%,rgba(56,61,69,1.0) 100%)',
'slug' => 'dark-sky',
),
)
);
// Adds RSS feed links to <head> for posts and comments.
add_theme_support( 'automatic-feed-links' );

13
wp-content/themes/twentythirteen/style.css
View File

@ -465,6 +465,19 @@ hr {
margin: 0 0 24px;
}
/* Custom gradient block backgrounds */
.has-autumn-brown-gradient-background {
background: linear-gradient(135deg, rgba(226,45,15,1) 0%, rgba(158,25,13,1) 100%);
}
.has-sunset-yellow-gradient-background {
background: linear-gradient(135deg, rgba(233,139,41,1) 0%, rgba(238,179,95,1) 100%);
}
.has-light-sky-gradient-background {
background: linear-gradient(135deg,rgba(228,228,228,1.0) 0%,rgba(208,225,252,1.0) 100%);
}
.has-dark-sky-gradient-background {
background: linear-gradient(135deg,rgba(0,0,0,1.0) 0%,rgba(56,61,69,1.0) 100%);
}
/**
* 2.0 Repeatable Patterns

2
wp-includes/version.php
View File

@ -16,7 +16,7 @@
*
* @global string $wp_version
*/
$wp_version = '6.0-alpha-52927';
$wp_version = '6.0-alpha-52928';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.