• Lyza Danger Gardner's avatar
    Avoid using named text-size classes to set specific icon dimensions · e8f12d32
    Lyza Danger Gardner authored
    In some cases icons are sized relative to local text or containers
    (em-based sizing) and that's fine, but using a named text-size
    utility directly on an icon can add a layer of unhelpful abstraction if
    our intent is simply to size the icon to particular pixel dimensions. It
    also entangles icon sizing with text sizing in an unintended way.
    
    In cases where we want to size icons to specific dimensions,
    irrespective of local text size, use size utility classes, not text-size
    utility classes.
    
    In cases where icons use em-based sizing (e.g. we want to set a text
    size on a container such that descendant icons, which are sized at 1em,
    have desired dimensions), use arbitrary text sizing classes (e.g.
    `text-[16px]` instead of `text-lg`) to be explicit about the intent.
    e8f12d32
Name
Last commit
Last update
.github Loading commit data...
bin Loading commit data...
dev-server Loading commit data...
docs Loading commit data...
embedding-examples Loading commit data...
images Loading commit data...
requirements Loading commit data...
scripts Loading commit data...
src Loading commit data...
.babelrc Loading commit data...
.eslintignore Loading commit data...
.eslintrc Loading commit data...
.gitignore Loading commit data...
.npmignore Loading commit data...
.npmrc Loading commit data...
.prettierignore Loading commit data...
.python-version Loading commit data...
.readthedocs.yaml Loading commit data...
HACKING.md Loading commit data...
LICENSE Loading commit data...
Makefile Loading commit data...
README.md Loading commit data...
codecov.yml Loading commit data...
gulpfile.mjs Loading commit data...
package.json Loading commit data...
pyproject.toml Loading commit data...
rollup-boot.config.mjs Loading commit data...
rollup-tests.config.mjs Loading commit data...
rollup.config.mjs Loading commit data...
tailwind-annotator.config.mjs Loading commit data...
tailwind-sidebar.config.mjs Loading commit data...
tailwind.config.mjs Loading commit data...
tox.ini Loading commit data...
tsconfig.json Loading commit data...
yarn.lock Loading commit data...