1.17.6 • Published 11 months ago

@progress/kendo-theme-tasks v1.17.6

Weekly downloads
1,156
License
Apache-2.0
Repository
github
Last release
11 months ago

Kendo UI Theme Tasks

The Kendo UI theme-tasks package is a utility library for developing and building @progress/kendo-theme-* packages.

Installation

  1. Install the package as a dev dependency:
    npm install @progress/kendo-theme-tasks --save-dev
  1. Install the preferred sass compiler(node-sass or sass):
    npm install sass
    npm install node-sass
  1. If using npm version < 7 make sure that peer dependencies are installed:
    npm install postcss postcss-calc autoprefixer

Usage

The package allows you to compile Kendo themes from SCSS or JSON through the kendoSassBuild and kendoJsonBuild functions.

Building from SCSS

A Kendo theme can be compiled to CSS from SCSS source with predefined configuration options (package importer, postcss, postcss-calc and autoprefixer) through the kendoSassBuild() method:

  1. Import the theme:
    @import "~@progress/kendo-theme-default/dist/all.scss";
  1. Compile to CSS:
    const { kendoSassBuild } = require('@progress/kendo-theme-tasks/src/build/kendo-build');

    function buildStyles(cb) {
        kendoSassBuild({
            file: './sass/styles.scss',
            output: {
                path: './wwwroot/css'
            },
            sassOptions: {
                compiler: 'node-sass',
                minify: true
            }
        });

        cb();
    }

    exports.buildStyles = buildStyles;

Building from JSON

A Kendo theme or a custom theme swatch can be compiled to CSS from JSON schema with predefined configuration options (package importer, postcss, postcss-calc and autoprefixer) through the kendoJsonBuild() method:

  1. Utilize one of the existing theme swatches or create a new one by following the schema.

  2. Compile the JSON schema to CSS:

    const { kendoJsonBuild } = require('@progress/kendo-theme-tasks/src/build/kendo-build');

    function buildStyles(cb) {
        kendoJsonBuild({
            file: 'scss/theme.json',
            output: {
                path: 'dist/'
            },
            sassOptions: {
                compiler: 'node-sass',
                minify: true
            }
        });

        cb();
    }

    exports.build = buildStyles;
1.17.6

11 months ago

1.17.5

1 year ago

1.17.4

1 year ago

1.17.2

2 years ago

1.17.1

2 years ago

1.17.0

2 years ago

1.17.3

2 years ago

1.16.0

2 years ago

1.15.3

2 years ago

1.15.2

2 years ago

1.15.0

2 years ago

1.15.1

2 years ago

1.13.1

2 years ago

1.14.0

2 years ago

1.13.0

3 years ago

1.12.1

3 years ago

1.12.0

3 years ago

1.11.0

3 years ago

1.9.0

3 years ago

1.7.0

3 years ago

1.8.2

3 years ago

1.8.1

3 years ago

1.8.0

3 years ago

1.10.0

3 years ago

1.6.0

3 years ago

1.5.0

3 years ago

1.3.1

3 years ago

1.3.0

3 years ago

1.4.0

3 years ago

1.3.0-dev.1

3 years ago

1.2.0

3 years ago

1.2.0-dev.1

3 years ago

1.1.1

3 years ago

1.1.0

3 years ago

1.0.1-dev.2

3 years ago

1.0.1

3 years ago

1.0.1-dev.1

3 years ago

1.0.0-dev.1

3 years ago

1.0.0-dev.2

3 years ago

1.0.0

3 years ago

0.7.8

3 years ago

0.7.7

3 years ago

0.7.6

3 years ago

0.7.5

3 years ago

0.7.4

3 years ago

0.7.3

4 years ago

0.7.2

4 years ago

0.7.1

4 years ago

0.7.0

4 years ago

0.6.6

4 years ago

0.6.5

4 years ago

0.6.5-dev.1

4 years ago

0.6.5-dev.0

4 years ago

0.6.4

4 years ago

0.6.3

4 years ago

0.6.2

4 years ago

0.6.1

4 years ago

0.6.0

4 years ago

0.5.2

4 years ago

0.5.1

4 years ago

0.5.0

4 years ago

0.4.5

4 years ago

0.5.0-dev.835812

4 years ago

0.4.4

4 years ago

0.4.3

4 years ago

0.4.2

4 years ago

0.4.1

4 years ago

0.4.0

5 years ago

0.3.1

5 years ago

0.3.0

5 years ago

0.2.0

5 years ago

0.1.6

5 years ago

0.1.5

5 years ago

0.1.4

5 years ago

0.1.3

5 years ago

0.1.2

5 years ago

0.1.1

5 years ago

0.1.0

6 years ago