refactor: Extract Sidebar Link to component

2024-04-11 13:44:04 +02:00
parent 3d2fafff6d
commit c0b68f9e5b
7 changed files with 102 additions and 22 deletions
@@ -0,0 +1,31 @@
+.link {
+  text-decoration: none;
+}
+
+.default {
+  font-family: var(--ff-fira-sans);
+}
+
+.sidebar {
+  align-items: center;
+  color: var(--some-text-color, #111);
+  display: flex;
+  font-size: 1.6rem;
+  font-weight: 400;
+  gap: 0.6rem;
+  line-height: 1.9rem;
+  position: relative;
+}
+
+.activeSidebar {
+  font-weight: 600;
+}
+
+.activeSidebar::before {
+  bottom: -0.4rem;
+  background-color: var(--some-text-color, #000);
+  content: "";
+  height: 0.2rem;
+  position: absolute;
+  width: 100%;
+}