From f867bcb64bc9c80465152b14aa229e9f29cf5dbc Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Fri, 8 Apr 2016 18:12:28 +0800 Subject: update doc page and publish to NPM and Bower --- index.html | 80 ++++++++++++++++++++++++++++++++++++++------------------------ 1 file changed, 49 insertions(+), 31 deletions(-) (limited to 'index.html') diff --git a/index.html b/index.html index 352789c..fd77dbe 100644 --- a/index.html +++ b/index.html @@ -50,9 +50,9 @@
-

Project Spectre

+

Spectre

-

Project Spectre is a lightweight and modern CSS framework for faster and extensible development.

+

Spectre is a lightweight and modern CSS framework for faster and extensible development.

@@ -71,41 +71,40 @@

getting started

-

There are 3 ways to get started with Spectre CSS framework in your projects. You can either manually install or use NPM and Bower (comming soon).

-

Download the compiled and minified Spectre CSS file (less than 25KB), and include it in your website or Web app <head>:

- - +

There are 3 ways to get started with Spectre CSS framework in your projects. You can either manually install or use NPM and Bower.

+
Install manually
+

Download the compiled and minified Spectre CSS file (about 25KB):

+

Download Spectre.css

+
Install with NPM
+ 
-<link rel="stylesheet" href="dist/spectre.css" />
+$ npm install spectre.css
+
+
Install with Bower
+ +
+$ bower install spectre.css
+
+

And include it in your website or Web app <head>

+ +
+<link rel="stylesheet" href="dist/spectre.min.css" />
-

You could even customize Spectre CSS with your own code and removing unneeded components. It requires a LESS compiler and Autoprefixer.

- +

You could even customize Spectre CSS with your own code and removing unneeded components. It requires a LESS compiler and Autoprefixer.

+
+
-

core elements

+

core elements

- typography - layout - tables - buttons - forms - images -
-

components

-
- avatars - chips - tooltips - labels - badges - toasts - menus - navigation - modals - cards + typography + layout + tables + buttons + forms + images
@@ -377,6 +376,7 @@ 
 <button class="btn btn-lg">large button</button>
 <button class="btn btn-sm">small button</button>
+
 <button class="btn btn-block">block button</button>
@@ -652,6 +652,24 @@
+
+
+

components

+
+ avatars + chips + tooltips + labels + badges + toasts + menus + navigation + modals + cards +
+
+
+

avatars

-- cgit v1.3.1-23-gd82d