Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ConciseCSS/concise.css
A CSS framework that's lightweight and easy-to-use. Give up the bloat. Stop tripping over your classes. Be Concise.
https://github.com/ConciseCSS/concise.css
css design framework minimalist postcss sass
Last synced: 3 months ago
JSON representation
A CSS framework that's lightweight and easy-to-use. Give up the bloat. Stop tripping over your classes. Be Concise.
- Host: GitHub
- URL: https://github.com/ConciseCSS/concise.css
- Owner: ConciseCSS
- License: mit
- Created: 2014-06-01T04:41:26.000Z (over 10 years ago)
- Default Branch: dev
- Last Pushed: 2023-04-15T20:07:42.000Z (over 1 year ago)
- Last Synced: 2024-07-18T21:22:38.368Z (4 months ago)
- Topics: css, design, framework, minimalist, postcss, sass
- Language: JavaScript
- Homepage: http://concisecss.com
- Size: 807 KB
- Stars: 940
- Watchers: 35
- Forks: 71
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
- Awesome-CSS-Resources - Concise.css: - to-use. Give up the bloat. Stop tripping over your classes. Be Concise. (Frameworks / Resources / C)
- fucking-awesome-css-frameworks - Repo
- awesome-css-frameworks - Repo
README
> :warning: **Notice:** This project is not actively maintained. Reach out to [@keenanpayne](https://twitter.com/KeenanPayne_) or [@jaiheravi](https://twitter.com/jaiheravi) if you would like to chat about it ✌🏻
## Installing the CLI Locally
To install the Concise CLI in a project just run the following command:
```
npm install -D ConciseCSS/concise.css#dev
```
## Using Packages and Writing Styles
The Concise CLI can be used independently of any styles. In principle, it would will with any other CSS library, framework or any existing project so long as the code is plain CSS or contains only the features that can be compiled with PostCSS. Of course, one can start writing everything from scratch using Concise as well.
The core library contains the very basic styles that one might use, and contains most of the code that was available on Concise v4. This can be installed by running:
```
npm install -D ConciseCSS/core#master
```
You can then include Concise in your project by importing it into your stylesheet:
```
@import '@concisecss/core';
```
The previous line will include all the styles that Concise provides. However, it is also possible to include only the specific files that you would like:
```
@import '@concisecss/core/settings.pcss';
@import '@concisecss/core/base.pcss';
```
Concise will automatically import the files from your `/node_modules` directory.
Once the packages are released and published on NPM they will be able to be installed by their name too: `concise.css` for the CLI and `@concisecss/` for the other packages, including `core`.
## Compiling
Run the Concise CLI on the main file from the `package.json` scripts:
```
concise compile main.pcss main.css
```
To execute the CLI manually after installing locally (without the `package.json` scripts):
```
npx concise compile main.pcss main.css
```
The flag `-w` will also watch the files for changes.
## Changelog
You can keep up-to-date with the changes that we have made via our [releases page](https://github.com/ConciseCSS/concise.css/releases).
## Elsewhere
[](https://facebook.com/ConciseCSS)
[](https://twitter.com/ConciseCSS)
## License
Code released under the [MIT license](https://github.com/ConciseCSS/concise.css/blob/master/LICENSE). Documentation released under [Creative Commons](https://creativecommons.org/licenses/by-sa/4.0/).