diff options
| author |  Fred K. Schott <fkschott@gmail.com>
| 2021-07-30 22:39:15 -0700 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2021-07-30 22:39:15 -0700 |
| commit | 7c744961494ca80f82b3ad66c98ff0a1c0496db7 (patch) | |
| tree | 6f0ed586edd85076b2660b3b00c0fbb91f470449 /docs/src/components/RightSidebar/ThemeToggleButton.css | |
| parent | d0b8485ddfd8dca1376ea0d417ce37282d092cd9 (diff) | |
| download | astro-7c744961494ca80f82b3ad66c98ff0a1c0496db7.tar.gz astro-7c744961494ca80f82b3ad66c98ff0a1c0496db7.tar.zst astro-7c744961494ca80f82b3ad66c98ff0a1c0496db7.zip | |
Docs site cleanup (#948)
* add language selector
* docs site cleanup
* review feedback
* code review comments
Diffstat (limited to 'docs/src/components/RightSidebar/ThemeToggleButton.css')
| -rw-r--r-- | docs/src/components/RightSidebar/ThemeToggleButton.css | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/docs/src/components/RightSidebar/ThemeToggleButton.css b/docs/src/components/RightSidebar/ThemeToggleButton.css new file mode 100644 index 000000000..43915c5b9 --- /dev/null +++ b/docs/src/components/RightSidebar/ThemeToggleButton.css @@ -0,0 +1,38 @@ + +.theme-toggle { + display: inline-flex; + align-items: center; + gap: 0.25em; + padding: 0.33em 0.67em; + border-radius: 99em; + background-color: var(--theme-code-inline-bg); +} + +.theme-toggle > label:focus-within { + outline: 2px solid transparent; + box-shadow: 0 0 0 0.08em var(--theme-accent), 0 0 0 0.12em white; +} + +.theme-toggle > label { + color: var(--theme-code-inline-text); + position: relative; + display: flex; + align-items: center; + justify-content: center; + opacity: 0.5; +} + +.theme-toggle .checked { + color: var(--theme-accent); + opacity: 1; +} + +input[name='theme-toggle'] { + position: absolute; + opacity: 0; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: -1; +}
\ No newline at end of file |