From 3ab3a9d09955772ec56ddadbba49954b4edd6a3e Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Tue, 6 Nov 2018 18:52:37 +0800 Subject: Update the Docs completely --- docs/getting-started/installation.html | 247 +++++++++++++++++++++++++++++++++ 1 file changed, 247 insertions(+) create mode 100644 docs/getting-started/installation.html (limited to 'docs/getting-started/installation.html') diff --git a/docs/getting-started/installation.html b/docs/getting-started/installation.html new file mode 100644 index 0000000..222674d --- /dev/null +++ b/docs/getting-started/installation.html @@ -0,0 +1,247 @@ + + + + Installation - Getting started - Spectre.css CSS Framework + + + + + + + + + + + + + + + +
+
+
GitHubSponsor
+
+ +
+
+
+

Installation

+
+
+ + + +
+
+ + +
+
+

There are 5 ways to get started with Spectre CSS framework in your projects. You can either install manually, from CDN or use package managers.

+

Install manually

+

Download the compiled and minified Spectre CSS file (core ~10KB min+gzip):

+

Download Spectre.css

+

Include spectre.css located in /dist in your website or Web app . Also, you can add spectre-icons.css and spectre-exp.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">
+
+

Install from CDN

+

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

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

Install with NPM

+ 
npm install spectre.css --save
+
+

Install with Yarn

+ 
yarn add spectre.css
+
+

Install from Bower

+ 
bower install spectre.css --save
+
+
+ +
+
+ +
+
+
+ + + \ No newline at end of file -- cgit v1.3.1-23-gd82d