Sha256: a020a51c27a21f37923417247284959d9ae4d8a521622925e00c67a7b6768299
Contents?: true
Size: 1.34 KB
Versions: 12
Compression:
Stored size: 1.34 KB
Contents
@charset "utf-8";
// Layout: Theme/Scheme Toggle
#theme-toggle {
vertical-align: sub;
}
[data-theme-controls] {
display: flex;
gap: var(--space-xs);
}
button.color-scheme-toggle {
all: unset;
display: revert;
}
.color-scheme-toggle {
position: relative;
display: flex;
align-items: center;
padding: var(--space-xs);
cursor: pointer;
}
.color-scheme-toggle .light {
display: block;
}
.color-scheme-toggle .dark {
display: none;
}
@media (prefers-color-scheme: dark) {
.color-scheme-toggle .light {
display: none;
}
.color-scheme-toggle .dark {
display: block;
}
}
[data-color-scheme=light] .color-scheme-toggle .light {
display: block;
}
[data-color-scheme=light] .color-scheme-toggle .dark {
display: none;
}
[data-color-scheme=dark] .color-scheme-toggle .light {
display: none;
}
[data-color-scheme=dark] .color-scheme-toggle .dark {
display: block;
}
.color-scheme-toggle:active {
transform: translateY(1px);
}
.color-scheme-toggle:focus-visible {
outline: 2px dashed var(--color-secondary);
outline-offset: var(--outline-offset);
}
.color-scheme-toggle .focus-arrows {
display: none;
position: absolute;
bottom: -0.6em;
left: 100%;
color: var(--color-secondary);
transform: translateX(50%) rotate(45deg);
pointer-events: none;
}
.color-scheme-toggle:focus-visible .focus-arrows {
display: block;
}
Version data entries
12 entries across 12 versions & 1 rubygems