summaryrefslogtreecommitdiff
path: root/src/toys/turing/css/styles.css
diff options
context:
space:
mode:
authorElizabeth Alexander Hunt <me@liz.coffee>2026-07-05 12:42:44 -0700
committerElizabeth Alexander Hunt <me@liz.coffee>2026-07-05 12:42:44 -0700
commit94b912b649150b9863a62096ba4740b2cc8ad21a (patch)
tree1882236fc980fa5946d3089a2f2e4670f3a70580 /src/toys/turing/css/styles.css
parentab0ddcaeb1fc37351d14b89100e07d3a343ba9e1 (diff)
downloadlizdotcoffee-94b912b649150b9863a62096ba4740b2cc8ad21a.tar.gz
lizdotcoffee-94b912b649150b9863a62096ba4740b2cc8ad21a.zip
Factor
Diffstat (limited to 'src/toys/turing/css/styles.css')
-rw-r--r--src/toys/turing/css/styles.css66
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;
-}