vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2026-04-09 23:24:34 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Help/About: Update the About section for 6.0.

Browse Source 
Switch the images to use the s.w.org CDN. Update the font style and spacing on the About page. Update the header images for Credits, Freedoms, and Privacy.

Props fcoveram, peterwilsoncc, SergeyBiryukov.
Fixes #55434.



git-svn-id: https://develop.svn.wordpress.org/trunk@53382 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Kelly Choyce-Dwan
2022-05-10 16:31:30 +00:00
parent 619693e75f
commit 41ec9fc4e8
5 changed files with 63 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/wp-admin/css/about.css
View File

@@ -461,18 +461,18 @@
.about__container h3.is-larger-heading {
margin-top: 0;
margin-bottom: 0.5em;
font-size: 2em;
line-height: 1.2;
font-size: 2rem;
font-weight: 700;
line-height: 1.16;
}
.about__container h3,
.about__container h1.is-smaller-heading,
.about__container h2.is-smaller-heading {
margin-top: 0;
font-size: 1.6em;
line-height: 1.3;
font-weight: 400;
font-size: 1.625rem;
font-weight: 700;
line-height: 1.4;
}
.about__container p {
@@ -482,7 +482,9 @@
.about__container p.is-subheading {
margin-top: 0;
font-size: 1.5em;
font-size: 1.5rem;
font-weight: 300;
line-height: 160%;
}
.about__section a {
@@ -512,6 +514,10 @@
margin-left: calc(var(--gap) / 2);
}
.about__container li {
margin-bottom: 0.75rem;
}
.about__container img {
margin: 0;
max-width: 100%;
@@ -568,7 +574,8 @@
}
.about__section {
font-size: 1.2em;
font-size: 1.125rem;
line-height: 1.55;
}
.about__section.is-feature {
@@ -605,29 +612,30 @@
}
.credits-php .about__header {
--about-header-image-width: 390px;
--about-header-image-height: 325px;
--about-header-bg-offset-inline: var(--gap);
--about-header-image-width: 477px;
--about-header-image-height: 470px;
--about-header-bg-offset-inline: calc(var(--gap) * -4);
background-image: url('../images/about-header-credits.svg');
background-position: right var(--about-header-bg-offset-inline) top var(--gap);
}
.freedoms-php .about__header {
--about-header-image-width: 380px;
--about-header-image-height: 278px;
--about-header-image-width: 411px;
--about-header-image-height: 498px;
--about-header-bg-offset-inline: var(--gap);
background-image: url('../images/about-header-freedoms.svg');
background-position: right var(--about-header-bg-offset-inline) bottom;
background-position: right var(--about-header-bg-offset-inline) top calc(var(--gap) * 4);
}
.privacy-php .about__header {
--about-header-image-width: 503px;
--about-header-image-height: 553px;
--about-header-bg-offset-inline: calc(var(--gap) * -2);
--about-header-image-width: 277px;
--about-header-image-height: 361px;
--about-header-bg-offset-inline: var(--gap);
background-image: url('../images/about-header-privacy.svg');
background-position: right var(--about-header-bg-offset-inline) top var(--gap);
}
.about__header-image {