Split toolbox Sass partials

2026-08-14 09:24:54 +02:00 · 2026-08-14 09:24:54 +02:00 · c312b9ed91
commit c312b9ed91
parent b221257616
19 changed files with 6490 additions and 6419 deletions
--- a/website/src/styles/toolboxes/_counters.scss
+++ b/website/src/styles/toolboxes/_counters.scss
@ -0,0 +1,81 @@
+// Rôle : gère l’outil compteurs et ses actions compactes.
+@use "../mixins";
+
+.counters-add-form {
+  grid-template-columns: minmax(0, 1fr) auto;
+}
+
+.counters-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 220px));
+  justify-content: start;
+  gap: 10px;
+  margin: var(--space-4);
+}
+
+.counter-item {
+  position: relative;
+  display: grid;
+  min-height: 106px;
+  align-content: space-between;
+  gap: 12px;
+  padding: 12px 52px 12px 12px;
+  border: 1px solid rgba(165, 180, 252, 0.12);
+  border-radius: var(--radius-md);
+  background:
+    linear-gradient(135deg, rgba(139, 92, 246, 0.08), transparent 58%),
+    rgba(7, 10, 24, 0.42);
+}
+
+.counter-drag-handle {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+  display: inline-grid;
+  width: 34px;
+  min-width: 34px;
+  min-height: 34px;
+  place-items: center;
+  padding: 0;
+  color: var(--color-text-muted);
+  cursor: grab;
+  touch-action: none;
+  user-select: none;
+}
+
+.counter-value {
+  display: grid;
+  gap: 3px;
+  min-width: 0;
+}
+
+.counter-item strong {
+  color: var(--color-text-primary);
+  font-size: 34px;
+  font-weight: 900;
+  line-height: 0.95;
+}
+
+.counter-item span {
+  overflow: hidden;
+  color: var(--color-text-secondary);
+  font-size: var(--font-size-sm);
+  font-weight: 800;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.counter-actions {
+  display: grid;
+  grid-template-columns: repeat(4, 34px);
+  justify-content: start;
+  gap: 8px;
+}
+
+.counter-actions button {
+  width: 34px;
+  min-width: 34px;
+  min-height: 34px;
+  padding: 0;
+  font-weight: 900;
+}