soneta-ui-style

2026-03-22 20:56:25 +01:00
parent ccaf27e569
commit 81b895cf2f
707 changed files with 33942 additions and 0 deletions
@@ -0,0 +1,102 @@
+@import "../common/PredefinedMixins.scss";
+@import "./partial.scss";
+@import "./Variables.scss";
+
+.th-main {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  padding: 10px 25px 10px 10px;
+  background-color: $threadscommends_main_bg;
+  border: 1px solid transparent;
+
+  &:focus-visible {
+    @include focus(
+      $outline: none,
+      $box-shadow: none,
+      $border: $focus_border
+    );
+  }
+}
+
+.th-panel {
+  @include partial-row-start-top;
+  height: 32px;
+  margin-bottom: 10px;
+
+  .th-panel-btn {
+    @include partial-row-center-space-between;
+    height: 32px;
+    width: 100%;
+    padding: 0 8px;
+    font-size: 12px;
+    color: $threadscommends_panel_color;
+    background-color: $threadscommends_panel_bg;
+    border: $threadscommends_panel_border;
+
+    &:hover {
+      color: $threadscommends_panel_hover_color;
+      background-color: $threadscommends_panel_hover_bg;
+    }
+
+    .th-btn-text {
+      @include partial-row-center-start;
+    }
+
+    .th-btn-icon {
+      height: 16px;
+      width: 24px;
+
+      svg {
+        width: 16px;
+        height: 16px;
+
+        path {
+          stroke: $threadscommends_panel_icon_color;
+          stroke-width: 0.5px;
+        }
+      }
+    }
+  }
+}
+
+.tc-con {
+  @include partial-column-center-end;
+  min-height: 200px;
+  height: 50%;
+  width: calc(90% - 40px);
+  margin: 20px;
+  padding: 20px 20px 5px 20px;
+  border-radius: 2px;
+  background-color: $threadscommends_con_bg;
+}
+
+.tc-btns-con {
+  @include partial-row-center-end;
+  width: 100%;
+  height: 48px;
+  gap: 8px;
+}
+
+.btn-c,
+.btn-s {
+  @include partial-column-center;
+  width: 92px;
+  height: 32px;
+  border-radius: 4px;
+  font-size: 16px;
+  font-family: $primaryFont;
+  cursor: pointer;
+}
+
+.btn-c {
+  margin-right: 20px;
+  color: $th_btn_cancel_fg;
+  background-color: $th_btn_cancel_bg;
+  border: $th_btn_cancel_border;
+}
+
+.btn-s {
+  color: $th_btn_save_fg;
+  background-color: $th_btn_save_bg;
+}