aboutsummaryrefslogtreecommitdiff
path: root/examples/docs/src/components/RightSidebar/ThemeToggleButton.css
diff options
context:
space:
mode:
Diffstat (limited to 'examples/docs/src/components/RightSidebar/ThemeToggleButton.css')
-rw-r--r--examples/docs/src/components/RightSidebar/ThemeToggleButton.css46
1 files changed, 23 insertions, 23 deletions
diff --git a/examples/docs/src/components/RightSidebar/ThemeToggleButton.css b/examples/docs/src/components/RightSidebar/ThemeToggleButton.css
index 7de231d1b..dc5ba46d9 100644
--- a/examples/docs/src/components/RightSidebar/ThemeToggleButton.css
+++ b/examples/docs/src/components/RightSidebar/ThemeToggleButton.css
@@ -1,37 +1,37 @@
.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);
+ 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;
+ 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;
+ 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;
+ 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;
+ position: absolute;
+ opacity: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: -1;
}