Spectre CSS

This version of Spectre CSS has been forked from the original repo; see the organisation readme for rationale.

Spectre is a lightweight, responsive and modern CSS framework.

• Lightweight (~10KB gzipped) starting point for your projects
• Flexbox-based, responsive and mobile-friendly layout
• Elegantly designed and developed elements and components

Spectre is a side project based on years of CSS development work on a large web service project.

Spectre only includes modern base styles, responsive layout system, CSS components and utilities, and it can be modified for your project using standard build tools.

Documentation

New documentation is available at:

• spectre-org.github.io/spectre-docs

Getting started:

• Installation
• Build

Content:

• Elements
• Layout
• Components
• Experimentals
• Utilities

Related content:

• Original Spectre.css issues
• Original Spectre.css docs
• Spectre.css on Twitter

Contributing

Clone this repo locally with:

git clone https://github.com/spectre-org/spectre-css.git

Spectre uses Gulp to compile CSS:

# compile SCSS to CSS and minify files
gulp build    

# watch file changes and re-compile
gulp watch    

To work with Spectre CSS source files live in another project, you can use NPM link.

In the Spectre CSS repo, create the global reference:

npm link

In your project repo, create the link:

npm link @spectre-org/spectre-css

The existing node_modules/@spectre-org/spectre-css folder will be replaced with a symlink to the local repository, and any changes there will be reflected immediately in your project.