restruct: updated scss @import rules to @use; package upgrade

2026-05-03 19:48:11 +00:00 · 2025-03-04 16:16:28 +01:00
parent 91803d3fef
commit c9459eb8f4
18 changed files with 10669 additions and 2430 deletions
@@ -0,0 +1,78 @@
+@use 'global';
+
+.tab {
+  height: 100%;
+  margin-top: 1px;
+
+  &_header {
+    padding: 0.5em 1em;
+
+    background-color: global.$secondaryColor;
+    text-align: center;
+
+    h2 {
+      margin: 0;
+      color: white;
+      font-size: 1.35em;
+    }
+
+    h3 {
+      margin: 0.5em 0 0 0;
+      font-size: 1.15em;
+      color: #aaa;
+    }
+
+    button {
+      margin-left: auto;
+    }
+  }
+
+  &_content {
+    margin-top: 1em;
+    height: 100%;
+  }
+
+  &_attributes {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1em;
+
+    label {
+      display: flex;
+      flex-direction: column;
+    }
+
+    input {
+      max-width: 250px;
+      margin-top: 0.5em;
+    }
+  }
+
+  &_actions {
+    display: grid;
+    gap: 0.5em;
+    grid-template-columns: repeat(3, 1fr);
+
+    button {
+      padding: 0.5em;
+      font-weight: bold;
+    }
+
+    &[data-disabled] button {
+      opacity: 0.75;
+    }
+  }
+}
+
+@media only screen and (max-width: 470px) {
+  .tab_attributes {
+    label {
+      width: 100%;
+    }
+
+    input {
+      max-width: 100%;
+      width: 100%;
+    }
+  }
+}