From 4838df315931bb883f704ec3e1abe2685f296cdf Mon Sep 17 00:00:00 2001 From: HsiangNianian Date: Sat, 22 Apr 2023 19:52:26 +0800 Subject: 😀 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/custom.css | 73 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 73 insertions(+) create mode 100644 docs/custom.css (limited to 'docs/custom.css') diff --git a/docs/custom.css b/docs/custom.css new file mode 100644 index 0000000..8921ffd --- /dev/null +++ b/docs/custom.css @@ -0,0 +1,73 @@ +code { + @apply text-sm; +} + +.dark .invert-on-dark { + filter: invert(1) brightness(1.8); +} + +/* + * Increase the contrast of this text (used in the left sidebar) in dark mode to be WCAG AA compliant. + * Nextra does not expose a way of customizing just this color without creating a new theme, so use custom + * css. Includes the class name in the selector twice to increase specificity without using `!important`. + */ +html[class~="dark"] .dark\:nx-text-neutral-500.dark\:nx-text-neutral-500 { + color: rgba(150, 150, 150, var(--tw-text-opacity)); +} + +@font-face { + font-family: "Space Grotesk"; + font-style: normal; + font-weight: 400; + src: url(https://fonts.gstatic.com/s/spacegrotesk/v13/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7oUXskPMBBSSJLm2E.woff2) + format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, + U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, + U+FEFF, U+FFFD; + font-display: swap; +} + +@font-face { + font-family: "Space Grotesk"; + font-style: normal; + font-weight: 500; + src: url(https://fonts.gstatic.com/s/spacegrotesk/v13/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7aUXskPMBBSSJLm2E.woff2) + format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, + U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, + U+FEFF, U+FFFD; + font-display: swap; +} + +.turborepoCardBg { + background: #fff; + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.03), + 0px 2px 4px rgba(0, 0, 0, 0.05), 0px 12px 24px rgba(0, 0, 0, 0.05); +} + +.dark .turborepoCardBg { + /* background: rgba(0, 0, 0, 0.8); */ + background: #000; + border: 1px solid rgba(255, 255, 255, 0.1); + box-shadow: 0px 20px 48px rgba(0, 0, 0, 0.2); +} + +.turbopackCardBg { + background: #fff; + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.03), + 0px 2px 4px rgba(0, 0, 0, 0.05), 0px 12px 24px rgba(0, 0, 0, 0.05); +} + +.dark .turbopackCardBg { + background: rgba(0, 0, 0, 0.8); + background: #000; + border: 1px solid rgba(255, 255, 255, 0.1); + box-shadow: 0px 20px 48px rgba(0, 0, 0, 0.2); +} + +.list, +.list:focus-visible, +.list:focus { + outline: none !important; + box-shadow: none !important; +} -- cgit v1.2.3-70-g09d2