analytica-frontend-lib
Version:
Repositório público dos componentes utilizados nas plataformas da Analytica Ensino
126 lines • 3.92 kB
CSS
/* src/components/AccessibilityWidget/accessibility.css */
html.a11y-contrast-high {
filter: contrast(1.6) brightness(1.05);
}
html.a11y-contrast-inverted {
filter: invert(1) hue-rotate(180deg);
}
html.a11y-contrast-inverted img,
html.a11y-contrast-inverted video,
html.a11y-contrast-inverted iframe,
html.a11y-contrast-inverted svg image,
html.a11y-contrast-inverted [data-a11y-preserve-color] {
filter: invert(1) hue-rotate(180deg);
}
html.a11y-cb-protanopia {
filter: url(#a11y-cb-protanopia);
}
html.a11y-cb-deuteranopia {
filter: url(#a11y-cb-deuteranopia);
}
html.a11y-cb-tritanopia {
filter: url(#a11y-cb-tritanopia);
}
html.a11y-saturation-grayscale {
filter: grayscale(1);
}
html.a11y-saturation-low {
filter: saturate(0.5);
}
html.a11y-contrast-high.a11y-saturation-grayscale {
filter: contrast(1.6) brightness(1.05) grayscale(1);
}
html.a11y-contrast-high.a11y-saturation-low {
filter: contrast(1.6) brightness(1.05) saturate(0.5);
}
html.a11y-contrast-inverted.a11y-saturation-grayscale {
filter: invert(1) hue-rotate(180deg) grayscale(1);
}
html.a11y-contrast-inverted.a11y-saturation-low {
filter: invert(1) hue-rotate(180deg) saturate(0.5);
}
html.a11y-font-1 {
font-size: 112.5% ;
}
html.a11y-font-2 {
font-size: 125% ;
}
html.a11y-font-3 {
font-size: 137.5% ;
}
html.a11y-letter-spacing-1 body {
letter-spacing: 0.05em ;
}
html.a11y-letter-spacing-2 body {
letter-spacing: 0.1em ;
}
html.a11y-letter-spacing-3 body {
letter-spacing: 0.15em ;
}
html.a11y-line-spacing-1 body,
html.a11y-line-spacing-1 body * {
line-height: 1.6 ;
}
html.a11y-line-spacing-2 body,
html.a11y-line-spacing-2 body * {
line-height: 1.8 ;
}
html.a11y-line-spacing-3 body,
html.a11y-line-spacing-3 body * {
line-height: 2.1 ;
}
html.a11y-highlight-links a,
html.a11y-highlight-links button,
html.a11y-highlight-links [role=button],
html.a11y-highlight-links [role=link] {
outline: 2px solid #ffeb3b ;
outline-offset: 2px ;
}
html.a11y-highlight-links a {
text-decoration: underline ;
text-decoration-thickness: 2px ;
text-underline-offset: 2px ;
}
html.a11y-no-animations *,
html.a11y-no-animations *::before,
html.a11y-no-animations *::after {
animation-duration: 0.001ms ;
animation-iteration-count: 1 ;
transition-duration: 0.001ms ;
scroll-behavior: auto ;
}
html.a11y-dyslexia-font,
html.a11y-dyslexia-font body,
html.a11y-dyslexia-font body * {
font-family:
"OpenDyslexic",
"Comic Sans MS",
"Atkinson Hyperlegible",
Verdana,
sans-serif ;
}
#a11y-vlibras-wrapper [vw-access-button] {
display: none ;
}
.a11y-tts-target {
outline: 3px solid #facc15 ;
outline-offset: 2px ;
background-color: rgba(255, 235, 59, 0.18) ;
transition: outline-color 100ms ease;
}
html.a11y-big-cursor,
html.a11y-big-cursor * {
cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path d='M2 2 L2 26 L9 19 L13 28 L17 26 L13 17 L22 17 Z' fill='white' stroke='black' stroke-width='2' stroke-linejoin='round'/></svg>") 2 2, auto ;
}
html.a11y-big-cursor a,
html.a11y-big-cursor button,
html.a11y-big-cursor [role=button],
html.a11y-big-cursor input,
html.a11y-big-cursor select,
html.a11y-big-cursor textarea {
cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path d='M12 2 L12 18 L8 14 L8 22 L16 30 L24 22 L24 14 L20 18 L20 2 Z' fill='white' stroke='black' stroke-width='2' stroke-linejoin='round'/></svg>") 16 4, pointer ;
}
html.a11y-contrast-inverted .a11y-widget-shield {
filter: invert(1) hue-rotate(180deg) ;
}
/*# sourceMappingURL=index.css.map */