diff --git a/packages/docusaurus-theme-classic/src/theme/Heading/index.tsx b/packages/docusaurus-theme-classic/src/theme/Heading/index.tsx index 982b519901..c22669cbdf 100644 --- a/packages/docusaurus-theme-classic/src/theme/Heading/index.tsx +++ b/packages/docusaurus-theme-classic/src/theme/Heading/index.tsx @@ -11,7 +11,6 @@ import type {Props} from '@theme/Heading'; import {translate} from '@docusaurus/Translate'; import {useThemeConfig} from '@docusaurus/theme-common'; -import './styles.css'; import styles from './styles.module.css'; function AnchorHeading({as: As, id, ...props}: Props) { diff --git a/packages/docusaurus-theme-classic/src/theme/Heading/styles.css b/packages/docusaurus-theme-classic/src/theme/Heading/styles.css deleted file mode 100644 index 8d988d6ba7..0000000000 --- a/packages/docusaurus-theme-classic/src/theme/Heading/styles.css +++ /dev/null @@ -1,22 +0,0 @@ -/** - * Copyright (c) Facebook, Inc. and its affiliates. - * - * This source code is licensed under the MIT license found in the - * LICENSE file in the root directory of this source tree. - */ - -.hash-link { - opacity: 0; - padding-left: 0.5rem; - transition: opacity var(--ifm-transition-fast); - user-select: none; -} - -.hash-link::before { - content: '#'; -} - -.hash-link:focus, -*:hover > .hash-link { - opacity: 1; -} diff --git a/packages/docusaurus-theme-classic/src/theme/Heading/styles.module.css b/packages/docusaurus-theme-classic/src/theme/Heading/styles.module.css index 03a6a9d15e..1b7c5cdbd6 100644 --- a/packages/docusaurus-theme-classic/src/theme/Heading/styles.module.css +++ b/packages/docusaurus-theme-classic/src/theme/Heading/styles.module.css @@ -17,3 +17,19 @@ See https://twitter.com/JoshWComeau/status/1332015868725891076 .anchorWithHideOnScrollNavbar { scroll-margin-top: 0.5rem; } + +:global(.hash-link) { + opacity: 0; + padding-left: 0.5rem; + transition: opacity var(--ifm-transition-fast); + user-select: none; +} + +:global(.hash-link::before) { + content: '#'; +} + +:global(.hash-link:focus), +:global(*:hover > .hash-link) { + opacity: 1; +}