Skip to content

loreanvictor/nokss

Repository files navigation



Enough CSS to get started


brotli size npm

nokss is a drop-in stylesheet that works out of the box. No need to use CSS classes: just write plain, semantic HTML, and nokss will style it for you (as much as it can). nokss is designed for prototyping, blogs, articles, small projects, and as a starting point for more invloved applications.

To use nokss, simply include this line in your CSS:

@import 'https://unpkg.com/nokss';


👉 Read the docs for more installation options and usage info.



Contribution

You need node, NPM to start and git to start.

# clone the code
git clone git@github.com:loreanvictor/nokss.git
# install stuff
npm i

Make sure all checks are successful on your PRs. This includes all successful builds, and abiding all the linting rules. The code is written in CSS, using PostCSS for bundling, vendor prefixing, minification, etc (see this for a comprehensive list of plugins), and Stylelint for linting. Subsequently, an IDE integration for Stylelint would make your life much easier (for example, VSCode has this nice Stylelint plugin), but you could also use the following commands:

# run the linter
npm run lint
# build the CSS package
npm run build:package
# build the docs
npm run build:docs
# run linter and build everything
npm test

You can preview the effects of your modifications either in the docs, or in the sample playground located in /sample folder. You can run these via the following commands:

# preview the docs
npm run docs
# preview the playground
npm run sample



About

A drop-in stylesheet enough for getting started

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published