Init

2025-08-20 14:10:34 +03:00
commit 34b9672a36
23 changed files with 2633 additions and 0 deletions
--- a/src/Sidebar.scss
+++ b/src/Sidebar.scss
@@ -0,0 +1,93 @@
+@use '_colors';
+
+.sidebar {
+  width: 200px;
+  font-size: 14px;
+
+  &-item {
+    background-color: colors.$color-right-sidebar;
+    border-radius: 5px 5px 0 0;
+    padding-bottom: 3px;
+    margin-bottom: 25px;
+
+    &-top {
+      padding-top: 5px;
+    }
+
+    &-content {
+      padding: 3px;
+      background-color: colors.$color-white;
+      margin: 3px 3px 0 3px;
+
+      &__block {
+        margin-bottom: 10px;
+
+        ul {
+          margin-top: 10px;
+          padding-left: 17px;
+          list-style: "- ";
+        }
+      }
+    }
+  }
+
+  .links {
+    margin-bottom: 0 !important;
+  }
+
+  a {
+    color: colors.$color-link;
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+}
+
+.section {
+    margin-bottom: 20px;
+
+    .image-with-text {
+        margin-top: 10px;
+
+        display: flex;
+        align-items: center;
+        gap: 10px;
+
+        p {
+            margin: 0;
+        }
+    }
+
+    &__list {
+        padding-left: 17px;
+        margin: 0;
+
+        list-style: "- ";
+    }
+
+    &__title {
+        color: colors.$color-heading;
+        margin: 0 0 5px 0;
+    }
+
+    strong {
+        margin-bottom: 10px;
+    }
+}
+
+.island-top {
+    height: 20px;
+    border-radius: 5px 5px 0 0;
+    background-color: colors.$color-primary;
+
+    &-text {
+        display: flex;
+        align-items: center;
+        height: 100%;
+        color: colors.$color-white;
+        padding-left: 5px;
+        padding-bottom: 5px;
+    }
+}