Installation

@angular-package/spectre.css installation

There are 4 ways to get started with Spectre CSS framework in your projects. You can either install manually, from CDN or via NPM, or yarn.

Install

Manually

Download the compiled and minified Spectre CSS file (core ~30kB min+tar):

Download Spectre.css

Include spectre.min.css located in /dist in your website or Web app . Also, you can add spectre-icons.min.css and spectre-exp.min.css accordingly.

<link rel="stylesheet" href="spectre.min.css">
<link rel="stylesheet" href="spectre-exp.min.css">
<link rel="stylesheet" href="spectre-icons.min.css">

From CDN

Alternatively, you can use the unpkg to load compiled Spectre.css.

<link rel="stylesheet" href="https://unpkg.com/@angular-package/spectre.css/dist/spectre.min.css">
<link rel="stylesheet" href="https://unpkg.com/@angular-package/spectre.css/dist/spectre-exp.min.css">
<link rel="stylesheet" href="https://unpkg.com/@angular-package/spectre.css/dist/spectre-icons.min.css">

With NPM

npm install @angular-package/spectre.css --save

With Yarn

yarn add @angular-package/spectre.css