mixc
This commit is contained in:
1 parent
00edb9dfc2
commit
3865c45642
18 files changed
+439
-87
No files matched your search
@@ -55,17 +55,16 @@ const now = 0;
|
||||
</section>
|
||||
|
||||
<style>
|
||||
/* Release path: one hairline, one node per phase. Numbering is earned here: it is a sequence. */
|
||||
/* Release path: one hairline, one node per phase. */
|
||||
.track__head { grid-column: 1 / -1; display: grid; gap: var(--space-5); align-content: start; }
|
||||
.track__head p { max-width: 24em; }
|
||||
.track__steps { grid-column: 1 / -1; display: grid; gap: var(--space-7); counter-reset: step; }
|
||||
.track__steps { grid-column: 1 / -1; display: grid; gap: var(--space-7); }
|
||||
.track__step {
|
||||
position: relative;
|
||||
display: grid;
|
||||
gap: var(--space-2);
|
||||
align-content: start;
|
||||
padding-left: var(--space-7);
|
||||
counter-increment: step;
|
||||
}
|
||||
/* Vertical rail on small screens. */
|
||||
.track__step::before {
|
||||
@@ -99,7 +98,6 @@ const now = 0;
|
||||
}
|
||||
.track__step[data-state='next'] .track__node { border-style: dashed; border-color: var(--ink-muted); }
|
||||
.track__state { font-size: var(--step-small); line-height: var(--leading-small); color: var(--ink-muted); }
|
||||
.track__state::before { content: counter(step, decimal-leading-zero) ' '; white-space: pre; color: var(--ink); }
|
||||
.track__step[data-state='next'] .track__name { color: var(--ink-muted); }
|
||||
.track__body { max-width: 22em; }
|
||||
|
||||
@@ -134,7 +132,7 @@ const now = 0;
|
||||
.track__step { padding-left: 0; padding-top: var(--space-7); padding-right: var(--space-4); }
|
||||
.track__step::before {
|
||||
left: 1.25rem;
|
||||
right: calc(-1 * var(--gap) - 0rem);
|
||||
right: calc(-1 * var(--gap));
|
||||
top: calc(0.5rem - var(--hairline) / 2);
|
||||
bottom: auto;
|
||||
border-left: 0;
|
||||
|
||||
Reference in new issue
Block a user