From 9f0d43fe099a95ab1516ae951dcb60a89e76a5a5 Mon Sep 17 00:00:00 2001 From: 简律纯 Date: Fri, 3 Nov 2023 21:13:33 +0800 Subject: chore: delete useless codes --- .../pages/home-shared/gradients.module.css | 231 --------------------- 1 file changed, 231 deletions(-) delete mode 100644 docs/components/pages/home-shared/gradients.module.css (limited to 'docs/components/pages/home-shared/gradients.module.css') diff --git a/docs/components/pages/home-shared/gradients.module.css b/docs/components/pages/home-shared/gradients.module.css deleted file mode 100644 index 3f94e39..0000000 --- a/docs/components/pages/home-shared/gradients.module.css +++ /dev/null @@ -1,231 +0,0 @@ -.benchmarkTurbo { - background: linear-gradient(288.43deg, #651eff 28.29%, #518ca1 78.78%); - box-shadow: 0px 0px 16px #5f26f0; - :global(.light) & { - background: linear-gradient( - 268.86deg, - #1ebcff -5.68%, - #7fdcd4 107.63%, - #51a181 107.64% - ); - box-shadow: none; - } -} - -.benchmarkActiveTab { - background: radial-gradient( - 50% 50% at 50% 100%, - rgba(255, 255, 255, 0.2) 0%, - rgba(255, 255, 255, 0) 100% - ), - linear-gradient(0deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)), - radial-gradient( - 128.57% 128.57% at 50% 0%, - rgba(255, 255, 255, 0.1) 0%, - rgba(255, 255, 255, 0) 100% - ), - radial-gradient( - 100% 427.04% at 100% 0%, - rgba(255, 255, 255, 0.1) 0%, - rgba(255, 255, 255, 0) 100% - ), - radial-gradient( - 100% 462.63% at 0% 0%, - rgba(255, 255, 255, 0.1) 0%, - rgba(255, 255, 255, 0) 100% - ); - :global(.light) & { - background: linear-gradient( - 0deg, - rgba(255, 255, 255, 0.8), - rgba(255, 255, 255, 0.8) - ), - radial-gradient( - 50% 50% at 49.66% 0%, - rgba(255, 255, 255, 0.1) 0%, - rgba(255, 255, 255, 0) 100% - ); - } -} - -.benchmarkTurboLabel { - background: linear-gradient(288.43deg, #651eff 28.29%, #518ca1 78.78%); - color: transparent; - background-clip: text; - :global(.light) & { - background: linear-gradient( - 268.86deg, - #1ebcff -5.68%, - #7fdcd4 107.63%, - #51a181 107.64% - ), - linear-gradient(288.43deg, #5f26f0 28.29%, #518ca1 78.78%); - color: transparent; - background-clip: text; - } -} - -.benchmark { - background: linear-gradient(270deg, #5c5c5c 0%, #1f1f1f 100%); - :global(.light) & { - background: linear-gradient(89.98deg, #e0e0e0 0.01%, #9c9c9c 99.49%); - } -} - -.barBorder { - border: rgba(255, 255, 255, 0.4) 1px solid; - :global(.light) & { - border: rgba(0, 0, 0, 0.6) 1px solid; - } -} - -.tooltipArrow { - display: block; - border-left: 8px solid transparent; - border-bottom: 8px solid #333333; - border-right: 8px solid transparent; - :global(.light) & { - border-bottom: 8px solid #f5f5f5; - } -} -.translatingGlow { - background: linear-gradient(32deg, #2a8af6 0%, #a853ba 50%, #518ca1 100%); - background-size: 200% 200%; - animation: translateGlow 7s linear infinite; - will-change: filter; -} - -@keyframes translateGlow { - 0% { - background-position: -20% -20%; - } - 25% { - background-position: 30% 80%; - } - 50% { - background-position: 110% 110%; - } - 75% { - background-position: 80% 30%; - } - 100% { - background-position: -20% -20%; - } -} - -.turbopackHeaderText { - background: linear-gradient( - 90deg, - rgba(200, 221, 255, 0.75) 0%, - rgba(255, 202, 222, 0.75) 100% - ), - linear-gradient(0deg, #ffffff, #ffffff); - - :global(.light) & { - background: linear-gradient( - 90deg, - rgba(200, 221, 255, 0.1) 0%, - rgba(255, 202, 222, 0.1) 100% - ), - #000000; - background-clip: text; - } - background-clip: text; -} - -.heroHeading { - background: linear-gradient(180deg, #ffffff 0%, #aaaaaa 100%), #ffffff; - :global(.light) & { - background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, #000000 100%); - background-clip: text; - } - background-clip: text; -} - -.letterLine { - opacity: 0.2; - background: linear-gradient( - 90deg, - #000000 0%, - #ffffff 20%, - #ffffff 80%, - #000000 100% - ); - :global(.light) & { - background: linear-gradient( - 90deg, - #ffffff 0%, - #000000 20%, - #000000 80%, - #ffffff 100% - ); - } -} - -.glow { - mix-blend-mode: normal; - filter: blur(75px); - will-change: filter; -} - -.glowSmall { - filter: blur(32px); -} - -.glowBlue { - background: linear-gradient(180deg, #58a5ff 0%, #a67af4 100%); -} - -.glowPink { - background: linear-gradient(180deg, #518ca1 0%, #5f26f0 100%); -} - -.glowConic { - background: conic-gradient( - from 180deg at 50% 50%, - #1ebcff 0deg, - #7fdcd4 180deg, - #51a181 360deg - ); -} - -.glowGray { - background: rgba(255, 255, 255, 0.15); -} - -.gradientSectionBorder { - --gradient-y-offset: -200px; - --gradient-x-offset: -200px; - --height: 255px; - position: relative; - overflow: hidden; - will-change: filter; -} - -.gradientSectionBorderLeft { - position: absolute; - width: 60vw; - height: var(--height); - left: var(--gradient-x-offset); - top: var(--gradient-y-offset); - background: linear-gradient(180deg, #58a5ff 0%, #a67af4 100%); - border-radius: 100%; - mix-blend-mode: normal; - filter: blur(50px); -} - -.gradientSectionBorderRight { - width: 60vw; - position: absolute; - height: var(--height); - right: var(--gradient-x-offset); - top: var(--gradient-y-offset); - background: linear-gradient(180deg, #5f26f0 0%, #518ca1 100%); - border-radius: 100%; - mix-blend-mode: normal; - filter: blur(50px); -} - -.gradientSectionBorderDivider { - background: linear-gradient(90deg, #288cf9 0%, #5f26f0 100%); -} -- cgit v1.2.3-70-g09d2