3.0.2 • Published 4 months ago

@virtual-live-lab/stylelint-config v3.0.2

Weekly downloads
-
License
MIT
Repository
github
Last release
4 months ago

@virtual-live-lab/stylelint-config

NPM Version

Stylelint configuration for Virtual Live Lab.

Installation

!WARNING monorepoを利用してる場合、利用するすべてのワークスペースでインストールしてください。

Use for css

npm install stylelint \
  @virtual-live-lab/stylelint-config \
  @double-great/stylelint-a11y \
  stylelint-declaration-block-no-ignored-properties \
  stylelint-value-no-unknown-custom-properties \
  stylelint-config-recommended \
  stylelint-config-standard \
  stylelint-config-recess-order \
  --save-dev
// stylelint.config.mjs
import createConfig from "@virtual-live-lab/stylelint-config";

export default createConfig();

Use for sass / scss

npm install stylelint \
  @virtual-live-lab/stylelint-config \
  @double-great/stylelint-a11y \
  stylelint-declaration-block-no-ignored-properties \
  stylelint-value-no-unknown-custom-properties \
  stylelint-config-recommended \
  stylelint-config-standard \
  stylelint-config-recess-order \
  stylelint-config-standard-scss \
  stylelint-config-sass-guidelines \
  --save-dev
// stylelint.config.mjs
import createConfig from "@virtual-live-lab/stylelint-config";

export default createConfig({ sass: true });

Use for Astro

!TIP If some syntax error occurred in Astro, you should install postcss-html.

npm install postcss-html --save-dev
npm install stylelint \
  @virtual-live-lab/stylelint-config \
  @double-great/stylelint-a11y \
  stylelint-declaration-block-no-ignored-properties \
  stylelint-value-no-unknown-custom-properties \
  stylelint-config-recommended \
  stylelint-config-standard \
  stylelint-config-recess-order \
  stylelint-config-standard-scss \
  stylelint-config-sass-guidelines \
  stylelint-config-html \
  --save-dev
// stylelint.config.mjs
import createConfig from "@virtual-live-lab/stylelint-config";

export default createConfig({
  astro: true,
  // enable sass if you use sass / scss
  sass: true,
});

a11y rules

a11y rules are enabled by default. If you do not want to use a11y rules, you can disable it.

// stylelint.config.mjs
import createConfig from "@virtual-live-lab/stylelint-config";

export default createConfig({ a11y: false });

tailwindcss rules

If you use tailwindcss, you can enable tailwindcss rules.

// stylelint.config.mjs
import createConfig from "@virtual-live-lab/stylelint-config";

export default createConfig({ tailwindcss: true });

Customization

You can simply pass additional configs to createConfig.

Configs will be merged deeply.

// stylelint.config.mjs
import createConfig from "@virtual-live-lab/stylelint-config";

export default createConfig({
  tailwindcss: true,
  sass: true,
  astro: true,
},
{
  // for example
  overrides: [
    {
      files: ["*.css", "**/*.css"],
      rules: {
        "at-rule-no-unknown": null,
      },
    },
  ],
});

License

MIT

3.0.2

4 months ago

3.0.1

5 months ago

3.0.0

5 months ago

2.0.18

5 months ago

2.0.17

7 months ago

2.0.16

7 months ago

2.0.15

8 months ago

2.0.14

8 months ago

2.0.13

8 months ago

2.0.12

8 months ago

2.0.11

9 months ago

2.0.7

10 months ago

2.0.6

10 months ago

2.0.9

9 months ago

2.0.10

9 months ago

2.0.8

9 months ago

2.0.5

11 months ago

2.0.4

11 months ago

2.0.3

1 year ago

2.0.2

1 year ago

2.0.1

1 year ago

1.3.1

1 year ago

2.0.0

1 year ago

1.2.0

1 year ago

1.1.0

1 year ago

1.3.0

1 year ago

1.2.1

1 year ago

1.0.5

1 year ago

1.0.4

1 year ago

1.0.3

1 year ago

1.0.2

1 year ago

1.0.1

1 year ago