diff options
Diffstat (limited to '')
| -rw-r--r-- | wp-admin/css/about.css | 38 |
1 files changed, 15 insertions, 23 deletions
diff --git a/wp-admin/css/about.css b/wp-admin/css/about.css index 20a420e..1db712d 100644 --- a/wp-admin/css/about.css +++ b/wp-admin/css/about.css @@ -340,7 +340,8 @@ } @media screen and (max-width: 480px) { - .about__section.is-feature .column { + .about__section.is-feature .column, + .about__section .is-section-header { padding: 0; } @@ -378,7 +379,7 @@ .about__container h2, .about__container h3.is-larger-heading { margin-top: 0; - margin-bottom: 0.5em; + margin-bottom: calc(0.5 * var(--gap)); font-size: 2rem; font-weight: 700; line-height: 1.16; @@ -388,6 +389,7 @@ .about__container h1.is-smaller-heading, .about__container h2.is-smaller-heading { margin-top: 0; + margin-bottom: calc(0.5 * var(--gap)); font-size: 1.625rem; font-weight: 700; line-height: 1.4; @@ -447,6 +449,10 @@ text-decoration: underline; } +.about__section a.button.button-hero { + font-size: 1.5rem; +} + .about__container ul { list-style: disc; margin-left: calc(var(--gap) / 2); @@ -488,7 +494,7 @@ } .about__container .about__image + h3 { - margin-top: 1.5em; + margin-top: calc(0.75 * var(--gap)); } .about__container hr { @@ -507,6 +513,10 @@ margin: var(--gap) auto; } +.about__container hr.is-invisible { + border: none; +} + .about__container div.updated, .about__container div.error, .about__container .notice { @@ -585,7 +595,7 @@ .privacy-php .about__header-title h1, .contribute-php .about__header-title h1 { /* Fluid font size scales on browser size 960px - 1200px. */ - font-size: clamp(2rem, 10vw - 3rem, 4rem); + font-size: clamp(2rem, 20vw - 9rem, 4rem); } .about__header-text { @@ -655,7 +665,7 @@ .privacy-php .about__header-title h1, .contribute-php .about__header-title h1 { /* Fluid font size scales on browser size 600px - 960px. */ - font-size: clamp(3rem, 6.67vw - 0.5rem, 4.5rem); + font-size: clamp(2rem, 20vw - 9rem, 4rem); } .about__header-navigation .nav-tab { @@ -1280,24 +1290,6 @@ margin: 0.6em 0; } -.freedoms-php .column .freedoms-image { - background-image: url('../images/freedoms.png'); - background-size: 100%; - padding-top: 100%; -} - -.freedoms-php .column:nth-of-type(2) .freedoms-image { - background-position: 0 34%; -} - -.freedoms-php .column:nth-of-type(3) .freedoms-image { - background-position: 0 66%; -} - -.freedoms-php .column:nth-of-type(4) .freedoms-image { - background-position: 0 100%; -} - /*------------------------------------------------------------------------------ x.5.0 - Legacy About Styles: Media Queries ------------------------------------------------------------------------------*/ |