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,106 @@
+@import "../../Themes/common/PredefinedMixins.scss";
+@import "./partial.scss";
+@import "./Variables.scss";
+
+//UWAGA: przy zmianach wymiarowania zaktualizować zmienne w WindowBarCalculator
+
+.pb-cmd {
+  @include partial-transition;
+  margin-left: 4px;
+  padding: 0;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+
+  &:focus-visible {
+    outline: none;
+    box-shadow: none;
+  }
+
+  &:focus-visible .content .text {
+    @include focus(
+      $outline-offset: -2px,
+      $box-shadow: $focus_box_shadow_inset,
+    );
+  }
+
+  &.collapsed {
+    cursor: default;
+  }
+
+  &:last-child {
+    .path-separator {
+      padding: 0;
+      display: none;
+    }
+  }
+
+  &:hover {
+    .content {
+      .text {
+        color: $path_hover_fg;
+      }
+    }
+  }
+
+  &:first-child:not(.collapsed) {
+    .text {
+      color: $path_home;
+    }
+  }
+}
+
+.content {
+  @include partial-row-center-start;
+  align-items: center;
+  text-align: center;
+  width: 100%;
+  height: inherit;
+  overflow: hidden;
+
+  .root-icon {
+    width: 16px;
+    height: 16px;
+
+    svg {
+      width: 100%;
+      height: 100%;
+
+      path {
+        fill: $path_fg;
+      }
+    }
+  }
+
+  .text {
+    @include partial-row-center-start;
+    height: inherit;
+    font-size: $path_font_size;
+    font-weight: 400;
+    line-height: 20px;
+    font-family: $path_font_family;
+    color: $path_fg;
+    border: 2px solid transparent;
+    padding-left: 3px;
+    padding-right: 3px;
+    white-space: nowrap;
+  }
+
+  .path-separator {
+    width: 6px;
+    height: 6px;
+    padding: 0 8px;
+
+    &:after {
+      position: relative;
+      width: 6px;
+      height: 6px;
+      transform: rotate(45deg);
+      transform-origin: 4px 0;
+      border-top: $path_separator_border;
+      border-right: $path_separator_border;
+      content: "";
+      display: block;
+    }
+  }
+}