From a2f1864da01e76c59d682b897398b100eb3bc25a Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Thu, 3 Aug 2017 19:08:54 +0800 Subject: Update the Docs HTML structure --- docs/index.html | 122 ++++++++++++++++++++++++++++---------------------------- 1 file changed, 61 insertions(+), 61 deletions(-) (limited to 'docs/index.html') diff --git a/docs/index.html b/docs/index.html index 67bcc73..11da7d6 100644 --- a/docs/index.html +++ b/docs/index.html @@ -12,22 +12,22 @@ -
-
+
+
+
+ -
- + + -
-
+
+

Spectre.css

The lightweight, responsive and modern CSS framework

@@ -68,11 +68,11 @@
-
-
+ + -
-
+
+
+
<link rel="stylesheet" href="spectre.min.css" />
@@ -324,45 +324,45 @@
 <link rel="stylesheet" href="spectre-icons.min.css" />
 
-
+
Install from CDN

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

-
+
<link rel="stylesheet" href="https://unpkg.com/spectre.css/dist/spectre.min.css" />
 
-
+
Install with NPM
$ npm install spectre.css --save
 
-
-
+ +
Install with Yarn
$ yarn add spectre.css
 
-
-
+ +
Install with Bower
$ bower install spectre.css --save
 
-
+ -
+ -
-

Custom version

-
+
+

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-exp.less and spectre-icons.less.

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

    @@ -372,7 +372,7 @@
  1. You can find compiled CSS files in /dist directory.

You can watch file changes and rebuild CSS files by using gulp watch.

-
+
spectre/
@@ -410,8 +410,8 @@
 └── spectre.less
 
-

Variables

-
+

Variables

+

Spectre.css is designed with consistent design language. You can modify variables.less to create your new or match existing design.

Colors
@@ -492,16 +492,16 @@
-
-
+ + -
-

Accessibility coming soon

-
+
+

Accessibility coming soon

+
-
-

Browser support

-
+
+

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
  • @@ -511,12 +511,12 @@
  • Opera Last 4
  • Internet Explorer 10+
-
-
+ + -
-

What's new

-
+
+

What's new

+

April 2017

  • @@ -573,10 +573,10 @@
    • Initial commit
    -
-
+ + -
+
  • @@ -586,18 +586,18 @@
-
+ - - + +