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: about 17 hours 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-09-24T01:32:00.037Z (1 day ago)
• Topics: css, design, framework, minimalist, postcss, sass
• Language: JavaScript
• Homepage: http://concisecss.com
• Size: 807 KB
• Stars: 939
• Watchers: 35
• Forks: 71
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

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

[![Like Concise on Facebook](https://i.imgur.com/4dy5UUK.png)](https://facebook.com/ConciseCSS)

[![Follow Concise on Twitter](https://i.imgur.com/4AkKsMx.png)](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/).