From f8d7a075fa0b28b299e33c1bdc2a9d25dd668847 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Sun, 20 May 2018 09:57:10 +0800 Subject: Move more Docs pages to Pug --- docs/getting-started.html | 6 ------ 1 file changed, 6 deletions(-) (limited to 'docs/getting-started.html') diff --git a/docs/getting-started.html b/docs/getting-started.html index 97c85bc..0f3f1ff 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -189,7 +189,6 @@
  • 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.
  • -
    // Example of project-name.scss
     // Define variables to override default ones
     $primary-color: #2e5bec;
    @@ -199,7 +198,6 @@
     @import "node_modules/spectre.css/src/spectre";
     

    Alternatively, you can create custom _variables.scss and import it to project-name.scss.

    -
    // Example of project-name.scss
     @import "variables";
     
    @@ -208,7 +206,6 @@
     @import "node_modules/spectre.css/src/forms";
     

    Folder structure

    -
    spectre/
     ├── dist/                           // Build folder
     │   ├── spectre-exp.css
    @@ -338,7 +335,6 @@
                   
  • @mixin button-variant($color: $primary-color);
  • @mixin button-outline-variant($color: $primary-color);
  • -
    <!-- filled button with the success color -->
     .btn-success {
       @include button-variant($success-color);
    @@ -355,11 +351,9 @@
                 

    Spectre uses 4px as the unit size. Sizes of components are based on the unit size.

    Variables - Custom prefix

    There is also a way to add custom prefix to all CSS classes. You can use gulp-css-prefix plugin and add a new Gulp task to enable it.

    -
    npm install gulp-css-prefix
     

    To add spectre- to all classes, you can add the Gulp task to gulpfile.js file.

    -
    var cssPrefix = require('gulp-css-prefix');
     
     gulp.task('prefix', function() {
    -- 
    cgit v1.3.1-23-gd82d