Skip to content

watscho/limbo-css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

limbo-css

Opinionated CSS reset with low specificity and npm-friendly entry points.

Limbo is not a strict browser-normalizer. It keeps the reset compact, removes common browser defaults, preserves app colors, leaves native focus outlines intact, and keeps the package easy to import from CSS, Sass, Less, bundlers, and CDNs.

Install

npm install limbo-css
yarn add limbo-css

Usage

Bundlers

import "limbo-css";

Works with Vite, Webpack, Rollup, Parcel, Next.js, Remix, React Router, Astro, SvelteKit, Vue, Angular, and any setup that allows global CSS imports.

CSS and PostCSS

@import "limbo-css";
@import "limbo-css/limbo.css";

Sass

@use "limbo-css/sass/limbo";

Less

@import "limbo-css/less/limbo";

HTML

<link rel="stylesheet" href="/node_modules/limbo-css/limbo.css" />

CDN

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/limbo-css@6/limbo.min.css" />

Reset Choices

Limbo deliberately:

  • uses :where() so app styles override the reset without specificity fights;
  • applies border-box sizing globally;
  • resets heading, bold, italic, list, link, table, media, and form defaults;
  • keeps colors inherited instead of forcing black;
  • keeps focus outlines available for accessibility;
  • ships CSS, minified CSS, Sass, and Less entry points from one source file.

License

MIT

About

Serve to reset stylesheets, full reset styles.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors