From fe4d6e70b929975e598e1786bc7cf3071777b5e1 Mon Sep 17 00:00:00 2001 From: Florian Dieminger Date: Mon, 1 Jul 2024 21:28:33 +0200 Subject: [PATCH] Revert "feat(pride): pride 2024 (#11213)" This reverts commit b791c07186cc07c1488dffb424b341cda8a5cba7. --- client/src/homepage/homepage-hero/index.scss | 24 ---- client/src/homepage/homepage-hero/index.tsx | 5 +- client/src/ui/atoms/logo/index.scss | 33 +----- client/src/ui/atoms/logo/index.tsx | 30 ----- client/src/ui/base/_themes.scss | 6 - client/src/ui/molecules/mandala/index.scss | 118 ------------------- client/src/ui/molecules/mandala/index.tsx | 19 +-- 7 files changed, 7 insertions(+), 228 deletions(-) diff --git a/client/src/homepage/homepage-hero/index.scss b/client/src/homepage/homepage-hero/index.scss index 7df1acaf9b39..7ba3d366d47d 100644 --- a/client/src/homepage/homepage-hero/index.scss +++ b/client/src/homepage/homepage-hero/index.scss @@ -57,30 +57,6 @@ p { text-shadow: var(--contrast-boost-shadow); } - - p > span { - font-size: 1.5rem; - position: relative; - - &:after { - background: linear-gradient( - 90deg, - var(--pride-0) 0%, - var(--pride-1) 20%, - var(--pride-2) 40%, - var(--pride-3) 60%, - var(--pride-4) 80%, - var(--pride-5) 100% - ); - bottom: -0.1rem; - box-shadow: var(--contrast-boost-shadow); - content: ""; - height: 0.15rem; - left: 0; - position: absolute; - right: 0; - } - } } .homepage-hero-bg { diff --git a/client/src/homepage/homepage-hero/index.tsx b/client/src/homepage/homepage-hero/index.tsx index 8f68139ee6ab..6f9b47524d55 100644 --- a/client/src/homepage/homepage-hero/index.tsx +++ b/client/src/homepage/homepage-hero/index.tsx @@ -11,11 +11,12 @@ export function HomepageHero() {
by Developers

- United in love + Documenting web technologies, including CSS, HTML, and JavaScript, + since 2005.

- + ); } diff --git a/client/src/ui/atoms/logo/index.scss b/client/src/ui/atoms/logo/index.scss index d6935363ad45..cd204f9e1921 100644 --- a/client/src/ui/atoms/logo/index.scss +++ b/client/src/ui/atoms/logo/index.scss @@ -11,38 +11,9 @@ margin-top: 0.3rem; } - #pride-gradient { - :nth-child(1) { - stop-color: var(--pride-0); - } - - :nth-child(2) { - stop-color: var(--pride-1); - } - - :nth-child(3) { - stop-color: var(--pride-2); - } - - :nth-child(4) { - stop-color: var(--pride-3); - } - - :nth-child(5) { - stop-color: var(--pride-4); - } - - :nth-child(6) { - stop-color: var(--pride-5); - } - } - - .logo-m { - fill: url("#pride-gradient-v"); - } - + .logo-m, .logo-_ { - fill: url("#pride-gradient-h"); + fill: var(--text-link); } .logo-text { diff --git a/client/src/ui/atoms/logo/index.tsx b/client/src/ui/atoms/logo/index.tsx index 023346447f22..6492e4a47c75 100644 --- a/client/src/ui/atoms/logo/index.tsx +++ b/client/src/ui/atoms/logo/index.tsx @@ -19,36 +19,6 @@ export function Logo() { return ( {(plus && ) || (docs && ) || } - - - - - - - - - - - - - - ); } diff --git a/client/src/ui/base/_themes.scss b/client/src/ui/base/_themes.scss index 897656669af2..f2cdd8fa1b8f 100644 --- a/client/src/ui/base/_themes.scss +++ b/client/src/ui/base/_themes.scss @@ -570,12 +570,6 @@ body, --mdn-background-light: #{$mdn-theme-light-background-primary}; --mdn-background-light-grey: #{$mdn-color-neutral-10}; --color-announcement-banner-accent: #{$mdn-color-light-theme-pink-40}; - --pride-0: #e50000; - --pride-1: #e68d00; - --pride-2: #e6d600; - --pride-3: #008100; - --pride-4: #004cff; - --pride-5: #760188; } .light { diff --git a/client/src/ui/molecules/mandala/index.scss b/client/src/ui/molecules/mandala/index.scss index 28b30fcbda67..b98bdf41ff80 100644 --- a/client/src/ui/molecules/mandala/index.scss +++ b/client/src/ui/molecules/mandala/index.scss @@ -40,122 +40,4 @@ textPath[href="#circle5"] { font-size: 1rem; } - - &.pride:not(.animate-colors) { - textPath { - opacity: 0.9; - } - - textPath[href="#circle1"] { - fill: var(--pride-0); - } - - textPath[href="#circle2"] { - fill: var(--pride-1); - } - - textPath[href="#circle3"] { - fill: var(--pride-2); - } - - textPath[href="#circle4"] { - fill: var(--pride-3); - } - - textPath[href="#circle5"] { - fill: var(--pride-4); - } - - textPath[href="#circle6"] { - fill: var(--pride-5); - font-size: 0.9rem; - font-weight: 500; - } - } - - &.pride.animate-colors { - svg > text > textPath > tspan { - animation: mandala-color-change 50s infinite; - animation-timing-function: ease-in-out; - fill: var(--mandala-primary); - } - - textPath[href="#circle1"] > tspan { - animation-delay: -15s; - fill: var(--mandala-accent-1); - } - - textPath[href="#circle2"] > tspan { - animation-delay: -20s; - fill: var(--mandala-accent-2); - } - - textPath[href="#circle3"] > tspan { - animation-delay: -30s; - fill: var(--mandala-accent-3); - } - - textPath[href="#circle5"] > tspan { - animation-delay: -40s; - fill: var(--mandala-accent-4); - } - } - - @keyframes mandala-color-change { - 0% { - fill: var(--mandala-primary); - } - - 10% { - fill: var(--mandala-primary); - } - - 15% { - fill: var(--mandala-accent-1); - } - - 20% { - fill: var(--mandala-primary); - } - - 25% { - fill: var(--mandala-primary); - } - - 30% { - fill: var(--mandala-accent-2); - } - - 35% { - fill: var(--mandala-primary); - } - - 40% { - fill: var(--mandala-primary); - } - - 50% { - fill: var(--mandala-accent-3); - } - - 55% { - fill: var(--mandala-primary); - } - - 60% { - fill: var(--mandala-primary); - } - - 65% { - fill: var(--mandala-accent-4); - } - - 70% { - fill: var(--mandala-primary); - } - - 100% { - fill: var(--mandala-primary); - } - } } diff --git a/client/src/ui/molecules/mandala/index.tsx b/client/src/ui/molecules/mandala/index.tsx index e20faf5f8cde..574e7d39dd77 100644 --- a/client/src/ui/molecules/mandala/index.tsx +++ b/client/src/ui/molecules/mandala/index.tsx @@ -1,15 +1,9 @@ import "./index.scss"; -function Mandala({ - extraClasses = null, - pride = false, -}: { - extraClasses?: string | null; - pride?: boolean; -}) { +function Mandala({ extraClasses = null }: { extraClasses?: string | null }) { return (