From f9ce8c8350bba7997d14430c929d1e1b50911a1b Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Sat, 4 Nov 2017 11:10:25 +0800 Subject: Change SASS to Sass and LESS to Less #325 --- docs/getting-started.html | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) (limited to 'docs/getting-started.html') diff --git a/docs/getting-started.html b/docs/getting-started.html index 7b6e6ed..d3aa2cb 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -351,10 +351,10 @@

Custom version

-

You can customize your version of Spectre.css by editing SASS files in /src directory or removing unneeded components from .scss source files.

-

SASS Source Code

-

If you are looking for LESS version of Spectre.css, please switch to LESS branch.

-

LESS Branch

+

You can customize your version of Spectre.css by editing Sass files in /src directory or removing unneeded components from .scss source files.

+

Sass Source Code

+

If you are looking for Less version of Spectre.css, please switch to Less branch.

+

Less Branch

Compiling CSS

@@ -363,23 +363,23 @@
  1. Navigate to the root directory of Spectre.
  2. Run npm install. NPM will install all dev dependencies as listed in package.json.
    3. -
  3. When completed, run gulp build task to compile SASS to CSS and minify files.
    4. +
  4. When completed, run gulp build task to compile Sass to CSS and minify files.
  5. You can find compiled CSS files in /dist directory.

All available Gulp tasks:

    -
  • gulp build - compile SASS to CSS and minify files (default)
    • +
  • gulp build - compile Sass to CSS and minify files (default)
  • gulp docs - compile Docs related files
  • gulp watch - watch file changes and re-compile CSS files
-

Importing SASS

+

Importing Sass

-

It is recommended to custom Spectre by importing SASS source files to your projects. In this way, you can keep Spectre up to date without conflicts, since Spectre code and your custom code are separate.

+

It is recommended to custom Spectre by importing Sass source files to your projects. In this way, you can keep Spectre up to date without conflicts, since Spectre code and your custom code are separate.

  • First, create your own project and install Spectre via NPM or other package managers.
  • Then create your project-name.scss file in the root folder. You can use project-name.scss to define your variables.
    • -
  • Compile the SASS file to CSS to get the custom version of Spectre.
    • +
  • Compile the Sass file to CSS to get the custom version of Spectre.
@@ -435,7 +435,7 @@ │ ├── index.html │ └── ... │ -├── src/ // Source SASS files +├── src/ // Source Sass files │ ├── spectre.scss │ ├── spectre-icons.scss │ ├── spectre-exp.scss @@ -620,7 +620,7 @@ gulp.task('prefix', function() {

August 2017