Skip to content

Instantly share code, notes, and snippets.

View fstorr's full-sized avatar

Francis Storr fstorr

7 followers · 2 following
View GitHub Profile
@fstorr
fstorr / text-spacing
Created February 11, 2022 17:11
*{
letter-spacing: 0.12em !important;
line-height: 1.5 !important;
word-spacing: 0.16em !important;
}
p{
margin-bottom: 2em !important;
}
@fstorr
fstorr / aria-widget-roles
Last active February 11, 2022 18:30
ARIA widget roles (see: https://www.w3.org/TR/wai-aria-1.2/#widget_roles)
[role="button"],[role="checkbox"],[role="gridcell"],[role="link"],[role="menuitem"],
[role="menuitemcheckbox"],[role="menuitemradio"],[role="option"],[role="progressbar"],[role="radio"],[role="scrollbar"],[role="searchbox"],[role="separator"],[role="slider"],[role="spinbutton"],
[role="switch"],[role="tab"],[role="tabpanel"],[role="textbox"],[role="treeitem"]{
outline:2px solid #000f8a;
outline-offset: -2px;
outline-style: dashed;
}
:is([role="button"],[role="checkbox"],[role="gridcell"],[role="link"],[role="menuitem"],
[role="menuitemcheckbox"],[role="menuitemradio"],[role="option"],[role="progressbar"],[role="radio"],[role="scrollbar"],[role="searchbox"],[role="separator"],[role="slider"],[role="spinbutton"],
@fstorr
fstorr / github-source-code-wrapping
Created May 2, 2022 20:31
Stylus style to get source code to wrap on GitHub. Set the "applies to" to "URLs on the domain" and then use github.com
.blob-code-inner{
white-space:pre-wrap;
}
@fstorr
fstorr / greyscale
Created October 11, 2024 17:29
:root{
filter:grayscale(1)
}