gabriel / musehub public
_intel_gravity.scss
203 lines 4.9 KB
Raw
sha256:0032d6cfa33bc3c8367436ad768e7dd0e339b4332153160247da8266cb5fa352 Merge branch 'task/version-tags-phase3-server' into dev Human 17 days ago
1 // ─────────────────────────────────────────────────────────────────────────────
2 // Page: Gravity (.intel-grav-* layout)
3 // File: src/scss/pages/_intel_gravity.scss
4 //
5 // STRUCTURAL LAYOUT ONLY — zero colors, zero typography here.
6 // Visual rules live in components/_intel.scss.
7 // ─────────────────────────────────────────────────────────────────────────────
8
9 // ── Intel sub-nav ─────────────────────────────────────────────────────────────
10
11 .intel-subnav {
12 display: flex;
13 gap: 0;
14 margin-bottom: 1.5rem;
15 overflow-x: auto;
16 }
17
18 .intel-subnav-link {
19 display: flex;
20 align-items: center;
21 gap: 0.35rem;
22 padding: 0.5rem 0.75rem;
23 white-space: nowrap;
24 }
25
26 // ── Stat chips row ────────────────────────────────────────────────────────────
27
28 .intel-grav-stats {
29 display: flex;
30 gap: 1rem;
31 margin-bottom: 1.25rem;
32
33 @media (max-width: 540px) { flex-wrap: wrap; }
34 }
35
36 .intel-grav-stat {
37 display: flex;
38 flex-direction: column;
39 align-items: center;
40 gap: 0.2rem;
41 padding: 0.75rem 1.25rem;
42 flex: 1;
43 }
44
45 // ── Filter bar ────────────────────────────────────────────────────────────────
46
47 .intel-filter-bar {
48 display: flex;
49 align-items: center;
50 justify-content: space-between;
51 gap: 1rem;
52 margin-bottom: 1rem;
53 flex-wrap: wrap;
54 }
55
56 .intel-filter-pills {
57 display: flex;
58 gap: 0.4rem;
59 flex-wrap: wrap;
60 }
61
62 .intel-filter-top {
63 display: flex;
64 align-items: center;
65 gap: 0.4rem;
66 }
67
68 .intel-filter-pill {
69 padding: 3px 10px;
70 &--sm { padding: 2px 7px; }
71 }
72
73 // ── Gravity list rows ─────────────────────────────────────────────────────────
74
75 .intel-grav-row {
76 display: grid;
77 grid-template-columns: 2rem 1fr auto auto auto auto;
78 align-items: center;
79 gap: 0.75rem;
80 padding: 0.6rem 1rem;
81
82 @media (max-width: 700px) {
83 grid-template-columns: 2rem 1fr auto auto;
84 .intel-grav-reach, .depth-sparkline { display: none; }
85 }
86 }
87
88 .intel-grav-meta {
89 display: flex;
90 flex-direction: column;
91 gap: 0.15rem;
92 min-width: 0;
93 }
94
95 .intel-grav-bar-wrap {
96 display: flex;
97 align-items: center;
98 gap: 0.5rem;
99 }
100
101 .intel-grav-reach {
102 display: flex;
103 gap: 0.4rem;
104 align-items: baseline;
105 }
106
107 // ── Gravity bar ───────────────────────────────────────────────────────────────
108
109 .gravity-bar {
110 position: relative;
111 width: 120px;
112 height: 6px;
113 overflow: hidden;
114 flex-shrink: 0;
115 }
116
117 .gravity-bar__fill {
118 position: absolute;
119 inset: 0 auto 0 0;
120 width: calc(var(--grav, 0) * 120px);
121 height: 100%;
122 }
123
124 // ── Kind badge padding ────────────────────────────────────────────────────────
125
126 .kind-badge {
127 padding: 2px 6px;
128 white-space: nowrap;
129 flex-shrink: 0;
130 }
131
132 // ── Gravity detail page ───────────────────────────────────────────────────────
133
134 .intel-grav-detail-meta {
135 display: flex;
136 align-items: center;
137 gap: 0.6rem;
138 flex-wrap: wrap;
139 }
140
141 .intel-grav-detail-hd {
142 display: flex;
143 flex-direction: column;
144 gap: 1rem;
145 margin-bottom: 1.5rem;
146 padding: 1rem 1.25rem;
147 }
148
149 .intel-grav-detail-chips {
150 display: flex;
151 gap: 0.75rem;
152 flex-wrap: wrap;
153 }
154
155 .intel-grav-detail-chip {
156 padding: 0.6rem 1rem;
157 flex: 1;
158 min-width: 100px;
159 }
160
161 .intel-grav-detail-chip__val { display: block; }
162 .intel-grav-detail-chip__lbl { display: block; }
163
164 // depth distribution card
165
166 .intel-grav-dist-card {
167 padding: 1rem 1.25rem;
168 margin-bottom: 1.25rem;
169 }
170
171 .intel-grav-dist-title { margin-bottom: 0.3rem; }
172 .intel-grav-dist-desc { margin-bottom: 1rem; }
173
174 .intel-grav-dist-bars {
175 display: flex;
176 flex-direction: column;
177 gap: 0.5rem;
178 }
179
180 .intel-grav-dist-bar-wrap {
181 display: flex;
182 align-items: center;
183 gap: 0.75rem;
184 }
185
186 .intel-grav-dist-bar-track {
187 height: 10px;
188 flex: 1;
189 }
190
191 .intel-grav-dist-bar-label {
192 display: flex;
193 justify-content: space-between;
194 width: 140px;
195 flex-shrink: 0;
196 }
197
198 .intel-grav-detail-spark {
199 display: flex;
200 align-items: center;
201 gap: 0.75rem;
202 margin-bottom: 1.5rem;
203 }
File History 10 commits
sha256:0032d6cfa33bc3c8367436ad768e7dd0e339b4332153160247da8266cb5fa352 Merge branch 'task/version-tags-phase3-server' into dev Human 17 days ago
sha256:4669620efda9ff41c55bdefd1f7bfe1c239d468428744c84ead9957e5a003a53 merge: rescue snapshot-recovery hardening (c00aa21d) into d… Opus 4.8 minor ⚠ 30 days ago
sha256:a59da49c4611b970fc4b6ae48678ce4943261c213a07ddbd73ce9201df869b4a fix: remove false-positive proposal_comments index drop fro… Sonnet 4.6 patch 34 days ago
sha256:0a240d6dbff234f07d98a28a4a9a68db702f3f9ff9260196f24219bdb1c0b6f3 feat: render markdown mists as HTML with heading anchor links Sonnet 4.6 patch 35 days ago
sha256:24a7d47486ebc4ebd1832830580e177ec6f877b48dced8c000e198cdec4ce9d6 Merge 'task/bump-version-rc12' into 'dev' — proposal: Bump … Human 36 days ago
sha256:b9ff931d147e0114a1f17060f415b89ed551c170a91ff226c70437aa5c85f9ee Merge 'task/bump-version-rc12' into 'dev' — proposal: Bump … Human 36 days ago
sha256:d1122d21e73471879b460037b22c0b50fded7c423444a176f248428f75dac39c Merge 'task/fix-issue-pagination-cursor' into 'dev' — propo… Human 36 days ago
sha256:01e18975e73d2b3cd5b6db7929c895bef9aa6e0d4391dc5b2adfc548b41318dd Merge 'feat/adding-debug-logs-to-staging' into 'dev' — prop… Human 36 days ago
sha256:6b1949fc2797ca4c1936a637a4cbfec828ef56cf52398a2e74ca3c4f494e728f fix: use wire_bytes not mpack_bytes_raw in compute_object_b… Sonnet 4.6 patch 48 days ago
sha256:b99f2455dc346966d040133f5203297e6e3ef5803a93728a2c30568d0a0f7583 rename: delta_add → delta_upsert across wire format, models… Sonnet 4.6 patch 50 days ago