From 467cad45938f14cd5d725b85d72be96f9ff8d0cb Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Mon, 10 Apr 2017 22:21:08 +0800 Subject: Update the Docs and label-variant --- docs/index.html | 23 +++++++++++++---------- 1 file changed, 13 insertions(+), 10 deletions(-) (limited to 'docs/index.html') diff --git a/docs/index.html b/docs/index.html index dea3840..e4dbf45 100644 --- a/docs/index.html +++ b/docs/index.html @@ -141,7 +141,7 @@ 
$ npm install spectre.css --save
- +
Install with Yarn
@@ -157,7 +157,7 @@ 
$ bower install spectre.css --save
- +

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.

@@ -176,7 +176,7 @@

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. +
  2. Navigate to the root directory of Spectre.
  3. Run npm install. NPM will install all dev dependencies as listed in package.json.
  4. When completed, run gulp build to compile LESS to CSS and minify files.
  5. You can find compiled CSS files in /dist directory.
    6. @@ -314,11 +314,11 @@

    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
      • -
    • Microsoft Edge Last 4
      • -
    • Firefox Last 4
      • -
    • Safari Last 4
      • -
    • Opera Last 4
      • +
    • Chrome Last 4
      • +
    • Microsoft Edge Last 4
      • +
    • Firefox Last 4
      • +
    • Safari Last 4
      • +
    • Opera Last 4
    • Internet Explorer 10+
    @@ -335,6 +335,9 @@
  6. Comparison Sliders: sliders for comparing two images NEW
    7. +
  7. + Timelines: ordered sequences of activities NEW +

    8. March 2017

      @@ -342,10 +345,10 @@ Icons: single-element, responsive and pure CSS icons NEW
    • - Popovers: small overlay content containers NEW + Popovers: small overlay content containers
    • - Panels: flexible view container layout with auto-expand content section NEW + Panels: flexible view container layout with auto-expand content section
    • Carousels: slideshows for cycling images -- cgit v1.3.1-23-gd82d