truths: numbered list, no boxes
This commit is contained in:
@@ -627,12 +627,14 @@
|
|||||||
.tl-chooser-btn:hover { background: rgba(184,138,67,.12); color: var(--paper); }
|
.tl-chooser-btn:hover { background: rgba(184,138,67,.12); color: var(--paper); }
|
||||||
|
|
||||||
/* Truths */
|
/* Truths */
|
||||||
.truth-list { display:flex; flex-direction:column; gap:.6rem; margin-top:.8rem; }
|
.truth-list { display:flex; flex-direction:column; gap:.2rem; margin-top:.6rem; }
|
||||||
.truth-item {
|
.truth-item {
|
||||||
display:flex; align-items:flex-start; gap:1rem;
|
display:flex; align-items:baseline; gap:.75rem;
|
||||||
padding:.8rem 1rem; border-left:3px solid var(--brass);
|
font:italic 1rem/1.7 var(--serif); color:var(--paper);
|
||||||
background:rgba(184,138,67,.05);
|
}
|
||||||
font:italic 1rem/1.6 var(--serif); color:var(--paper);
|
.truth-item-n {
|
||||||
|
font:700 .62rem/1.7 var(--mono); letter-spacing:.1em;
|
||||||
|
color:var(--brass); flex-shrink:0; opacity:.7;
|
||||||
}
|
}
|
||||||
.truth-item-text { flex:1; }
|
.truth-item-text { flex:1; }
|
||||||
/* Project bar event dots + click zone */
|
/* Project bar event dots + click zone */
|
||||||
@@ -800,6 +802,7 @@
|
|||||||
<div class="truth-list" x-show="game && game.truths && game.truths.length">
|
<div class="truth-list" x-show="game && game.truths && game.truths.length">
|
||||||
<template x-for="(t, i) in (game && game.truths || [])" :key="i">
|
<template x-for="(t, i) in (game && game.truths || [])" :key="i">
|
||||||
<div class="truth-item">
|
<div class="truth-item">
|
||||||
|
<span class="truth-item-n" x-text="String(i+1).padStart(2,'0')"></span>
|
||||||
<span class="truth-item-text" x-text="t"></span>
|
<span class="truth-item-text" x-text="t"></span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Reference in New Issue
Block a user