refactor: repo (#1070)

packages/web/src/stylesheets/_preferences.scss

@@ -0,0 +1,52 @@
+.preferences-menu-item {
+  @extend .border-box;
+  @extend .w-auto;
+  @extend .h-auto;
+  @extend .rounded;
+  @extend .min-w-42;
+
+  @extend .py-2;
+  @extend .px-4;
+
+  @extend .flex;
+  @extend .flex-row;
+  @extend .items-center;
+  @extend .justify-start;
+
+  @extend .text-sm;
+  @extend .cursor-pointer;
+
+  @extend .border-transparent;
+  @extend .border-solid;
+  @extend .border-1;
+
+  .icon {
+    color: var(--preferences-navigation-icon-color);
+    @extend .text-base;
+  }
+
+  &:hover {
+    @extend .border-main;
+    @extend .border-solid;
+    @extend .border-1;
+    @extend .bg-default;
+  }
+}
+
+.preferences-menu-item.selected {
+  @extend .border-info;
+  @extend .color-info;
+  @extend .font-bold;
+
+  background-color: var(--preferences-navigation-selected-background-color);
+
+  .icon {
+    @extend .color-info;
+  }
+}
+
+.preferences-extension-pane {
+  iframe {
+    height: 60vh;
+  }
+}