Upstream/WordPress
1
0
Fork 0
mirror of https://github.com/WordPress/WordPress.git synced 2025-01-10 18:37:58 +01:00
Code Issues Projects Releases Wiki Activity

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

Browse Source 
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.