View example.js
var manifest = require('./manifest')
manifest.selectors('./node_modules/basscss/css/basscss.css').then(function(selectors) {
console.log(JSON.stringify(selectors, null, 2))
})
View scheme.css
.scheme-example {
color: brand.swatch(black);
background: brand.swatch(white);
}
View progress.html
<h2>Steps</h2>
<span class="progress" role="progressbar" aria-valuetext="1 of 2">
<span class="progress__text">1 of 2</span>
<span class="progress__bar" data-progress="50%"></span>
</span>
<h2>Percentage</h2>
<span class="progress" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">
<span class="progress__text">50%</span>
<span class="progress__bar" data-progress="50%"></span>
View px-rem.scss
$rem-size: 16px !default;
@function to-px($val) {
@if type-of($val) == number and unit($val) == rem {
@return $val * $rem-size / 1rem;
}
@return $val;
}
@function to-rem($val) {
View space.scss
$space: .5rem !default;
$space-aliases: () !default;
// Compute spacing value
// space(1) => $space
// space(2, 1rem) => 2rem
@function space($multiple: 1, $space: $space) {
@if map-has-key($space-aliases, $multiple) {
$multiple: map-get($space-aliases, $multiple);
View inherit.css
.inherit-font {
font: inherit;
}
.inherit-size {
font-size: inherit;
}
.inherit-family {
font-family: inherit;
View svg.css
.svg-container {
position: relative;
width: 100%;
height: 0;
padding: 0;
box-sizing: content-box; }
.svg-contained {
position: absolute;
top: 0;
View feedback.md

Animated images and emoji

In your a11y settings would it be possible to decouple "allow animated images and emoji" into 2 separate settings like "allow animated images" and "allow animated emoji"?

Usually I'm fine with animated images but I have a real issue with animated emoji. In particular the popular party parrot emoji instantly does something weird to my eyes and makes feel sea sick. It's literally like a feeling of nausea in my eyes and brain. I have to immediately look away if I see that. I was really happy when I discovered Slack's a11y settings! The only downside is that I miss out on animated gifs.

Have you had any other people report issues with emoji like the party parrot ones? I feel like those in particular are potential seizure risks because they quickly flash and rotate. Google "WCAG seizures" for context.

I personally also have a similar adverse yet less extreme reaction to some horizontal slide transitions common on many websites especia