chore: update sidebar and widgets styles

I'm now using a widget that can be expanded/collapsed. It also allows
me to handle more effectively widgets overflow and to avoid styles
repetitions.
However, with stylelint rule "no-descending-specificity", I'm not sure
if the stylesheets are really logical... Maybe I should deactivate this
rule.

2 files changed, 0 insertions, 56 deletions

diff --git a/src/components/ToC/ToC.module.scss b/src/components/ToC/ToC.module.scss
deleted file mode 100644
index 0f08b87..0000000
--- a/src/components/ToC/ToC.module.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-@use "@styles/abstracts/mixins" as mix;
-
-.wrapper {
-  padding-bottom: var(--spacing-sm);
-
-  @include mix.media("screen") {
-    @include mix.dimensions("lg") {
-      max-height: 100vh;
-      position: sticky;
-      top: 0;
-      overflow: auto;
-      visibility: hidden;
-
-      > * {
-        visibility: visible;
-      }
-
-      &:hover {
-        visibility: visible;
-      }
-    }
-  }
-}
-
-.list {
-  margin-bottom: 0;
-}
diff --git a/src/components/ToC/ToC.tsx b/src/components/ToC/ToC.tsx
deleted file mode 100644
index b172b3a..0000000
--- a/src/components/ToC/ToC.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { t } from '@lingui/macro';
-import { Heading } from '@ts/types/app';
-import useHeadingsTree from '@utils/hooks/useHeadingsTree';
-import styles from './ToC.module.scss';
-
-const ToC = () => {
-  const headingsTree = useHeadingsTree('article');
-  const title = t`Table of contents`;
-
-  const getItems = (headings: Heading[]) => {
-    return headings.map((heading) => {
-      return (
-        <li key={heading.id}>
-          <a href={`#${heading.id}`}>{heading.title}</a>
-          {heading.children.length > 0 && <ol>{getItems(heading.children)}</ol>}
-        </li>
-      );
-    });
-  };
-
-  return (
-    <div className={styles.wrapper}>
-      <h2>{title}</h2>
-      <ol className={styles.list}>{getItems(headingsTree)}</ol>
-    </div>
-  );
-};
-
-export default ToC;