diff options
Diffstat (limited to 'styles')
| -rw-r--r-- | styles/editor.css | 16 | ||||
| -rw-r--r-- | styles/util.css | 16 |
2 files changed, 15 insertions, 17 deletions
diff --git a/styles/editor.css b/styles/editor.css index 3d84c22..9e315ca 100644 --- a/styles/editor.css +++ b/styles/editor.css @@ -50,10 +50,24 @@ color: var(--gruble); } -.appGrid .tools .MuiButtonGroup-root { +.appGrid .tools .MuiButtonGroup-root, +.appGrid .tools .zoom { margin-top: 8px; } +.appGrid .tools .zoom { + display: grid; + grid-template-columns: 24px 1fr 24px; +} + +.appGrid .tools .zoom .spacing { + margin: -4px 8px; +} + +.appGrid .tools .zoom .spacing .MuiSlider-root { + color: var(--gruble); +} + .appGrid .tools .MuiButtonGroup-root .MuiButton-root { border-width: 2px; padding: 8px; diff --git a/styles/util.css b/styles/util.css index a2381ae..8a86a04 100644 --- a/styles/util.css +++ b/styles/util.css @@ -1,13 +1,3 @@ -.drop-1 { box-shadow: var(--drop-level-1); } -.drop-2 { box-shadow: var(--drop-level-2); } - -.pad-s { padding: var(--spacing-small); } -.pad-m { padding: var(--spacing-medium); } -.pad-l { padding: var(--spacing-large); } - -.round-l { border-radius: var(--loose-corner); } -.round-t { border-radius: var(--tight-corner); } - .bg-100 { background-color: var(--gray-100); } .bg-200 { background-color: var(--gray-200); } .bg-300 { background-color: var(--gray-300); } @@ -18,10 +8,6 @@ .fg-100 { color: var(--gray-100); } .fg-900 { color: var(--gray-900); } -.outcome.win { color: var(--disk-a-alt); } -.outcome.lose { color: var(--disk-b-alt); } -.outcome.draw { color: var(--gray-600); } - .posabs { position: absolute; } .posrel { position: relative; } .posfix { position: fixed; } @@ -59,8 +45,6 @@ .w1fr { width: 1fr; } -.w100m2m { width: calc(100% - var(--spacing-medium)); } - .w100vw { width: 100vw; } .h100vh { height: 100vh; } |