diff options
Diffstat (limited to 'src/css')
-rw-r--r-- | src/css/index.css | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/src/css/index.css b/src/css/index.css index db80277..47c5c1e 100644 --- a/src/css/index.css +++ b/src/css/index.css | |||
@@ -1,6 +1,7 @@ | |||
1 | :root { | 1 | :root { |
2 | --content-border: solid lightgray 2px; | 2 | --content-border: solid lightgray 2px; |
3 | --content-border-radius: 5px; | 3 | --content-border-radius: 5px; |
4 | --content-focus-border: solid gray 2px; | ||
4 | } | 5 | } |
5 | 6 | ||
6 | .editor { | 7 | .editor { |
@@ -27,6 +28,11 @@ body { | |||
27 | 28 | ||
28 | border: var(--content-border); | 29 | border: var(--content-border); |
29 | border-radius: var(--content-border-radius); | 30 | border-radius: var(--content-border-radius); |
31 | |||
32 | &.focus { | ||
33 | border: var(--content-focus-border); | ||
34 | outline: var(--content-focus-border); | ||
35 | } | ||
30 | } | 36 | } |
31 | 37 | ||
32 | .editor { | 38 | .editor { |
@@ -62,6 +68,11 @@ body { | |||
62 | font-family: monospace; | 68 | font-family: monospace; |
63 | font-size: 1.0rem; | 69 | font-size: 1.0rem; |
64 | 70 | ||
71 | &.focus { | ||
72 | border: var(--content-focus-border); | ||
73 | outline: var(--content-focus-border); | ||
74 | } | ||
75 | |||
65 | span { | 76 | span { |
66 | white-space: pre; | 77 | white-space: pre; |
67 | } | 78 | } |