site/_site/styles/accessibility.css
Ruben 5edbe5703f
Some checks failed
/ build (push) Failing after 35s
reconstruct site to use eleventy
2025-04-20 03:23:57 -05:00

84 lines
No EOL
2.1 KiB
CSS

/* ---------------------------------
- choosable accessibility settings -
---------------------------------- */
/* - font settings - */
/* jetbrains mono */
:root:has(#font-jbm:checked) {
--font-family: 'JetBrains Mono', 'Segoe UI', Tahoma, Geneva, Verdana, system-ui, sans-serif;
.navbar .nav-base.nav-right.nav-systray span {
margin: 0px -.1rem;
}
}
/* atkinson hyperlegible next */
:root:has(#font-ahn:checked) {
--font-family: 'Atkinson Hyperlegible Next', 'Segoe UI', Tahoma, Geneva, Verdana, system-ui, sans-serif;
}
/* inter */
:root:has(#font-inter:checked) {
--font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, system-ui, sans-serif;
}
/* (browser) sans serif */
:root:has(#font-sans-serif:checked) {
--font-family: sans-serif, 'Segoe UI', Tahoma, Geneva, Verdana, system-ui;
}
/* (browser) serif */
:root:has(#font-serif:checked) {
--font-family: serif, 'Segoe UI', Tahoma, Geneva, Verdana, system-ui, sans-serif;
}
/* (browser) monospace */
:root:has(#font-monospace:checked) {
--font-family: monospace, 'Segoe UI', Tahoma, Geneva, Verdana, system-ui, sans-serif;
}
/* - misc - */
/* disable forced uncapitalization */
:root:has(#uncapitalization:checked) {
body {
text-transform: none !important;
}
}
/* disable background gradient */
:root:has(#disable-bg:checked) {
body {
background: var(--background) !important;
}
}
/* disable window animations */
:root:has(#disable-animations:checked) {
.window {
animation: unset !important;
transition: unset !important;
}
.window:hover {
transition: unset !important;
animation: unset !important;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
}
.navbar {
transition: unset !important;
}
.navbar:hover {
transition: unset !important;
animation: unset !important;
background-color: color-mix(in srgb, var(--accent) 30%, transparent) !important;
}
}
/* disable custom alt text popup */
:root:has(#disable-alttext:checked) {
.alt-popup {
display: none !important;
}
}