diff options
| author | Elizabeth Alexander Hunt <me@liz.coffee> | 2026-07-05 12:42:44 -0700 |
|---|---|---|
| committer | Elizabeth Alexander Hunt <me@liz.coffee> | 2026-07-05 12:42:44 -0700 |
| commit | 94b912b649150b9863a62096ba4740b2cc8ad21a (patch) | |
| tree | 1882236fc980fa5946d3089a2f2e4670f3a70580 /src/toys/turing/css | |
| parent | ab0ddcaeb1fc37351d14b89100e07d3a343ba9e1 (diff) | |
| download | lizdotcoffee-94b912b649150b9863a62096ba4740b2cc8ad21a.tar.gz lizdotcoffee-94b912b649150b9863a62096ba4740b2cc8ad21a.zip | |
Factor
Diffstat (limited to 'src/toys/turing/css')
| -rw-r--r-- | src/toys/turing/css/styles.css | 66 |
1 files changed, 0 insertions, 66 deletions
diff --git a/src/toys/turing/css/styles.css b/src/toys/turing/css/styles.css deleted file mode 100644 index 2407cb4..0000000 --- a/src/toys/turing/css/styles.css +++ /dev/null @@ -1,66 +0,0 @@ -.tape { - display: flex; - gap: 0.25rem; - padding: var(--space-md); - overflow-x: auto; - background: var(--surface-alt); - border: var(--border-width) solid var(--border); - box-shadow: inset 1px 1px 0 var(--border-light), - inset -1px -1px 0 var(--border-dark); - min-height: 5rem; -} - -.cell { - position: relative; - width: 3.25rem; - padding: var(--space-xs); - background: var(--surface); - border: 2px solid var(--border-dark); - box-shadow: inset 1px 1px 0 var(--border-light), - inset -1px -1px 0 var(--border-dark); - flex-shrink: 0; -} - -.cell input { - width: 100%; - text-align: center; - border: none; - background: transparent; - font-family: var(--font-mono); - color: var(--fg); - font-size: 0.875rem; - padding: 0.25rem; -} - -.cell input:focus { - outline: 1px dotted var(--fg); - outline-offset: 2px; -} - -.cell.active { - border-color: var(--primary); - background: color-mix(in srgb, var(--primary) 15%, var(--surface)); -} - -.cell.active::after { - content: '▲'; - position: absolute; - bottom: -1.5rem; - left: 50%; - transform: translateX(-50%); - color: var(--primary); - font-size: 1rem; - line-height: 1; -} - -#state-text { - font-family: var(--font-mono); - font-weight: 700; - margin-top: var(--space-md); -} - -.controls { - display: flex; - gap: var(--space-sm); - flex-wrap: wrap; -} |
