Concise Configurable Composable Classes Stylesheets
npm install @casd/c4s



C4S [c force] is a functional, customizable CSS library for front-end web development.
- Go to the C4S website for an overview of the available
stylesheets and the project's documentation.
- Include a C4S stylesheet in your HTML and you're good to go!
npm)- npm install --save-dev @casd/c4s
or with yarn
- yarn add --dev @casd/c4s
The pre-built .css files can be found in the dist directory.
You can use C4S with SCSS, just import
the main file with @use 'node_modules/@casd/c4s/src/c4s';
For customizing, you can start by copying c4s-custom.scss into
your project and customize all you like 😄
- Clone this repository to your computer
- Make sure the yarn package manager is installed on your computer
- Install node packages by running yarn install in the project's root folder
- Make sure the project is installed (see instructions above)
- Build the CSS and documentation by
- running yarn build, or
- running yarn start to also watch changes and serve the documentation locally
- Functional CSS,
also known als atomic CSS
- Tachyons
(by John Otander, Adam Morse and
others)
Code and documentation copyright © 2024 Cas Dijkman.
Code released under the GNU GPL version 3.
Documentation released under GNU FDL version 1.3.
Copies of the licenses can be found in the LICENSES directory.
This software is distributed as free software in the hope that it will be useful, but
without any warranty; without even the implied warranty of merchantability or fitness for
a particular purpose.