From 4a8ee95ad1b0b271ba6744119c304d3c1fea8757 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Wed, 5 Apr 2017 21:38:08 +0800 Subject: Change Gulp building process and ignore /dist --- docs/index.html | 36 ++++++++++++++++++++++++++---------- 1 file changed, 26 insertions(+), 10 deletions(-) (limited to 'docs/index.html') diff --git a/docs/index.html b/docs/index.html index 1f05e3c..ee9c5ca 100644 --- a/docs/index.html +++ b/docs/index.html @@ -7,8 +7,8 @@ Spectre.css - The lightweight, responsive and modern CSS framework - - + + @@ -131,27 +131,35 @@
Install manually
-

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

-

Download Spectre.css

+

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

+

Download Spectre.css

+
+
Install with NPM
$ npm install spectre.css --save
+ +
Install with Yarn
$ yarn add spectre.css
+
+
Install with Bower
$ bower install spectre.css --save
-

And include spectre.css in your website or Web app <head>. If you want the Spectre Experimentals components, you can add spectre-exp.css as well.

+ +
+

And include spectre.css in your website or Web app <head>. If you want the Spectre Experimentals and Spectre Icons, you can add spectre-exp.css and spectre-icons.css accordingly.

<link rel="stylesheet" href="dist/spectre.min.css" />
@@ -165,7 +173,7 @@
         

           
Custom version

           

-            
Spectre uses Gulp for compiling CSS. You can customize your version of Spectre.css by editing LESS files in /src directory or removing unneeded components from spectre.less.

+            
Spectre uses Gulp for compiling CSS. You can customize your version of Spectre.css by editing LESS files in /src directory or removing unneeded components from spectre.less, spectre-exp.less and spectre-icons.less.

             
Then, you can build the CSS file from the command line:

             
    
               
  1. Navigate to the root directory of Spectre where you can find package.json file.
    2. 
@@ -178,7 +186,7 @@
 
 
 
    spectre/
-├── dist/
+├── dist/                               // Build folder (Git ignored)
 │   ├── spectre-exp.css
 │   ├── spectre-exp.min.css
 │   ├── spectre-icons.css
@@ -187,14 +195,22 @@
 │   └── spectre.min.css
 │
 ├── docs/
+│   ├── dist/                           // Pre-built CSS folder
+│   │   ├── spectre-exp.css
+│   │   ├── spectre-exp.min.css
+│   │   ├── spectre-icons.css
+│   │   ├── spectre-icons.min.css
+│   │   ├── spectre.css
+│   │   └── spectre.min.css
+|   ├── css/                            // Docs CSS file
+│   │   └── docs.css
 |   ├── src/
-│   │   ├── docs.less
-│   │   └── ...
+│   │   └── docs.less
 │   ├── ../
 │   ├── index.html
 │   └── ...
 │
-├── src/
+├── src/                                // Source LESS files
 │   ├── mixins.less
 │   ├── variables.less
 │   └── ...
-- 
cgit v1.3.1-23-gd82d