update: useless for filters and how-to buttons files deleted

src/styles/base/_compat.scss

@@ -1,34 +0,0 @@
-%grid-layer {
-    display: grid;
-    font-size: 16px;
-    grid-template-columns: [start]auto[middle]25%[end];
-    grid-template-rows: [start]7em[middle]auto[end];
-}
-
-%flex-grid-layer {
-    display: flex;
-    flex-direction: column;
-    align-items: stretch;
-}
-
-%grid-layer-main {
-    @extend %flex-grid-layer;
-    grid-column-start: start;
-    grid-column-end: end;
-    grid-row-start: start;
-    grid-row-end: end;
-}
-
-%grid-layer-links {
-    @extend %flex-grid-layer;
-    grid-column-start: middle;
-    grid-column-end: end;
-    grid-row-start: start;
-    grid-row-end: middle;
-}
-
-%containerV {
-    display: flex;
-    flex-direction: column;
-    align-items: stretch;
-}

src/styles/base/main.scss

@@ -358,8 +358,6 @@ h5 {
   margin-right: 0.60rem;
 }
 
-// Compatibility layer for non-updated components
-@import 'compat';
 // Other base components
 @import 'form';
 @import 'table';

src/styles/components/_index.scss

@@ -1,7 +1,6 @@
 @import 'chat';
 @import 'comment';
 @import 'filters';
-@import 'howto';
 @import 'sidebar';
 @import 'skills';
 @import 'tags';

src/styles/components/howto.scss

@@ -1,14 +0,0 @@
-.howto {
-  padding: 0.85rem;
-  margin-bottom: 1.7rem;
-  margin-left: 8.5rem;
-  flex-basis: auto;
-  border-radius: 2em;
-
-  div[class*="icon-"] {
-    align-items: center;
-    display: flex;
-    flex-grow: 0;
-    flex-shrink: 0;
-  }
-}