@bzelip/basscss7.1.1

Distribution of [email protected] as a dependency-free npm package that indicates its main file in package.json.

Installation

npm i -S @bzelip/basscss7.1.1

Usage

@import '@bzelip/basscss7.1.1';

Test

Verify that ./[email protected] is the same as https://unpkg.com/[email protected]/css/basscss.min.css.

npm test

Motivation

Basscss was amazing when it came out, and inspired much innovation in the CSS world. Its author is a front end and design system hero.

While the project is no longer active and stopped at version 8.x, version 7.1.1 remains my favorite.

Basscss came out at the time when folks were just starting to stretch the intended use of npm from distributing Node server files to distributing web development tools more broadly, including CSS.

But there weren't many conventions or tools for this shift yet. So single assets in packages like Basscss were awkwardly copied to CSS directories from node_modules/, or imported explicitly from node_modules/.

@import '../node_modules/basscss/css/basscss.min.css';

😵

Also, installing [email protected] adds 30 total packages. It's not that big of a deal, especially since they're all small packages. But when working in a build environment like Netlify or GitHub Actions, time is money.

I'd rather publish a fork that ships 5 files total and can be imported using it's package name (using a tool like postcss-import), eg:

@import 'basscss';

Author

Brian Zelip, https://zelip.me

License

MIT