gabriel / musehub public
_velocity.scss
154 lines 4.0 KB
Raw
sha256:0997d6250ae6476362f6fe2025af7789f46d03df3e9f34356d5e8ee79b201923 fix(issues): use issue number as pagination cursor, not cre… Sonnet 4.6 patch 9 days ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Page: Velocity (.vel-* layout)
3 // File: src/scss/pages/_velocity.scss
4 //
5 // STRUCTURAL LAYOUT ONLY — zero colors, zero typography here.
6 // Visual rules live in components/_velocity.scss.
7 // ─────────────────────────────────────────────────────────────────────────────
8
9 .vel-wrap { padding: 0; }
10
11 // ── Stat chips row ────────────────────────────────────────────────────────────
12
13 .vel-stats {
14 display: flex;
15 gap: 1rem;
16 margin-bottom: 1.25rem;
17
18 @media (max-width: 540px) { flex-wrap: wrap; }
19 }
20
21 .vel-stat {
22 display: flex;
23 flex-direction: column;
24 align-items: center;
25 gap: 0.2rem;
26 padding: 0.75rem 1.25rem;
27 flex: 1;
28 }
29
30 .vel-stat__val { display: block; }
31 .vel-stat__lbl { display: block; }
32
33 // ── Legend ────────────────────────────────────────────────────────────────────
34
35 .vel-legend-row {
36 display: flex;
37 align-items: center;
38 gap: 1rem;
39 margin-bottom: 0.75rem;
40 flex-wrap: wrap;
41 }
42
43 .vel-legend-item {
44 display: flex;
45 align-items: center;
46 gap: 0.35rem;
47 }
48
49 // ── Module list ───────────────────────────────────────────────────────────────
50
51 .vel-list { margin-bottom: 1.5rem; }
52
53 .vel-row {
54 display: grid;
55 grid-template-columns: minmax(160px, 320px) 1fr 120px auto auto;
56 align-items: center;
57 gap: 0.75rem;
58 padding: 0.7rem 1rem;
59
60 @media (max-width: 900px) {
61 grid-template-columns: minmax(140px, 260px) 1fr auto auto;
62 .vel-stagnant { display: none; }
63 }
64
65 @media (max-width: 540px) {
66 grid-template-columns: 1fr auto;
67 .vel-bar-col, .vel-metrics-col, .vel-stagnant { display: none; }
68 }
69 }
70
71 .vel-module-col {
72 display: flex;
73 flex-direction: column;
74 gap: 0.2rem;
75 min-width: 0;
76 }
77
78 .vel-bar-col {
79 display: flex;
80 flex-direction: column;
81 gap: 3px;
82 }
83
84 .vel-bar-wrap {
85 display: flex;
86 align-items: center;
87 gap: 0.4rem;
88 }
89
90 .vel-bar-track {
91 height: 4px;
92 flex: 1;
93
94 &--prior { height: 3px; }
95 }
96
97 .vel-bar-label {
98 font-size: 0.6rem;
99 width: 2em;
100 flex-shrink: 0;
101 text-align: right;
102 }
103
104 .vel-metrics-col {
105 display: flex;
106 flex-direction: column;
107 gap: 0.15rem;
108 text-align: right;
109 }
110
111 // ── Empty state ───────────────────────────────────────────────────────────────
112
113 .vel-empty {
114 display: flex;
115 flex-direction: column;
116 align-items: center;
117 gap: 1rem;
118 padding: 3rem 1.5rem;
119 }
120
121 // ── Detail page ───────────────────────────────────────────────────────────────
122
123 .vel-detail-hd {
124 display: flex;
125 flex-direction: column;
126 gap: 0.6rem;
127 margin-bottom: 1.5rem;
128 padding: 1rem 1.25rem;
129 }
130
131 .vel-detail-chips {
132 display: flex;
133 gap: 0.75rem;
134 flex-wrap: wrap;
135 margin-bottom: 1.25rem;
136 }
137
138 .vel-detail-chip {
139 padding: 0.6rem 1rem;
140 flex: 1;
141 min-width: 90px;
142 }
143
144 .vel-detail-chip__val { display: block; }
145 .vel-detail-chip__lbl { display: block; }
146
147 // ── Window comparison card ────────────────────────────────────────────────────
148
149 .vel-compare-card {
150 padding: 1rem 1.25rem;
151 margin-bottom: 1.5rem;
152 }
153
154 .vel-compare-title { margin-bottom: 0.75rem; }
File History 1 commit
sha256:0997d6250ae6476362f6fe2025af7789f46d03df3e9f34356d5e8ee79b201923 fix(issues): use issue number as pagination cursor, not cre… Sonnet 4.6 patch 9 days ago