refactor(sidebar): use a component to avoid styles repetition

I also fix some overflow/sticky issues.
I have to set overflow auto only when there is no button-like
links otherwise, with translate, the button is cropped on hover.

1 files changed, 0 insertions, 17 deletions

diff --git a/src/styles/pages/Page.module.scss b/src/styles/pages/Page.module.scss
index 41172a3..fb19906 100644
--- a/src/styles/pages/Page.module.scss
+++ b/src/styles/pages/Page.module.scss
@@ -37,23 +37,6 @@
   }
 }
 
-.aside {
-  grid-column: 2;
-
-  @include mix.media("screen") {
-    @include mix.dimensions("md") {
-      grid-column: 3;
-      grid-row: 2 / 5;
-      align-self: stretch;
-      padding: 0 var(--spacing-sm);
-    }
-
-    @include mix.dimensions("lg") {
-      grid-row: 2 / 4;
-    }
-  }
-}
-
 .comments {
   grid-column: 1 / -1;
   composes: grid from "@styles/layout/_grid.scss";