3.0.2 • Published 5 months ago

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

Weekly downloads
-
License
MIT
Repository
github
Last release
5 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

5 months ago

3.0.1

6 months ago

3.0.0

6 months ago

2.0.18

6 months ago

2.0.17

7 months ago

2.0.16

8 months ago

2.0.15

8 months ago

2.0.14

9 months ago

2.0.13

9 months ago

2.0.12

9 months ago

2.0.11

10 months ago

2.0.7

10 months ago

2.0.6

11 months ago

2.0.9

10 months ago

2.0.10

10 months ago

2.0.8

10 months ago

2.0.5

12 months ago

2.0.4

12 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