Spectre.css

Spectre.css is a lightweight, responsive and modern CSS framework. Check out the upstream repo and the dark-mode upstream.

This fork modifies (poorly) the colors to match my preferences for a gruvbox-y style. Most of the colours are made to feel like those on my website. Use at your own visual risk!

Getting started

The best way to get this version of Spectre is to compile it.

Although, if you only need spectre.min.css, you can directly use the one on my website (beware: no warranty about anything):

<link rel="stylesheet" href="https://syndamia.com/spectre.min.css">

Compiling

Requirements

• node, install instructions here
• gulp, you can install it as a global tool with sudo npm install gulp -g

Warning: currently there is an issue with new node versions, if gulp build gives you an error, follow these steps:

1. Install "n": sudo npm install -g n

2. Downgrade node to version 11 (11.15.0): sudo n 11

3. Rebuld sass for the new node version: npm rebuild node-sass

How to build

1. Clone the repository

2. Navigate to the folder of the repository

3. Run npm install

4. Run gulp build

5. You're done, the compiled CSS files are in the dist folder

For more information, refer to kingajax's documentation.

Browser support

Spectre uses Autoprefixer to make most styles compatible with earlier browsers and Normalize.css for CSS resets. Spectre is designed for modern browsers. For best compatibility, these browsers are recommended:

• Chrome (LAST 4)
• Microsoft Edge (LAST 4)
• Firefox (EXTENDED SUPPORT RELEASE)
• Safari (LAST 4)
• Opera (LAST 4)
• Internet Explorer 10+

Spectre supports Internet Explorer 10+, but some HTML5 and CSS3 features are not perfectly supported by Internet Explorer.

Designed and built with ♥ by Yan Zhu and modified by kingajax.