stylelint-config - GitLite

KO | EN

gitlite — search

#hacktoberfest #react #llm #golang #go #android #machine-learning #windows #awesome #cli #awesome-list #vue #ios #openai

stylelint-config

(★ 208)

Sharable stylelint config used by GitHub's CSS

파일 탐색기

최종 버전 다운로드 (.zip)

- config.json
- README.md
- - ci.yml
  - release.yml
  - release_tracking.yml
- CODEOWNERS
- dependabot.yml
- - color-vars.scss
  - defines-new-color-vars.scss
  - deprecations.json
  - design-tokens.json
  - has-unused-vars.scss
  - spacing-vars.scss
  - uses-vars.scss
- - index.js
  - setup.js
- .eslintrc.json
- borders.js
- box-shadow.js
- colors.js
- index.js
- no-display-colors.js
- responsive-widths.js
- spacing.js
- typography.js
- - utils.js
- borders.js
- box-shadow.js
- colors.js
- no-display-colors.js
- README.md
- responsive-widths.js
- spacing.js
- typography.js
.gitignore
.npmignore
.npmrc
.stylelintrc.json
CHANGELOG.md
eslint.config.js
index.js
LICENSE
package-lock.json
package.json
prettier.config.js
README.md
rollup.config.js

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/primer/stylelint-config

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd stylelint-config

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

$ npm install --save --dev @primer/stylelint-config

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Primer Stylelint Config

[![npm version](https://img.shields.io/npm/v/@primer/stylelint-config.svg)](https://www.npmjs.org/package/@primer/stylelint-config)

> A sharable stylelint config object that enforces GitHub's CSS rules

## Install

```
$ npm install --save --dev @primer/stylelint-config
```

## Usage

Within your [stylelint config object](http://stylelint.io/user-guide/configuration/#extends) You can extend this configuration. This will serve as a base for your config, then you can make overrides in your own config object:

```json
{
  "extends": ["@primer/stylelint-config"],
  "rules": { }
}
```

## Documentation

Primer Stylelint Config extends the [stylelint-config-standard](https://github.com/stylelint/stylelint-config-standard) configuration supplied by Stylelint, and makes modifications in `/index.js`.

### Plugins

- [stylelint-order](https://github.com/hudochenkov/stylelint-order): Order-related linting rules for stylelint. Properties must be [sorted according to this list](https://github.com/primer/stylelint-config/blob/main/property-order.js).
- [stylelint-scss](https://github.com/kristerkari/stylelint-scss): A collection of SCSS specific linting rules for stylelint
  - [scss/selector-no-redundant-nesting-selector](https://github.com/kristerkari/stylelint-scss/blob/master/src/rules/selector-no-redundant-nesting-selector/README.md): Disallow redundant nesting selectors (`&`).
- [primer/colors](./plugins/#primercolors): Enforces the use of certain color variables.
- [primer/spacing](./plugins/#primerspacing): Enforces the use of spacing variables for margin and padding.
- [primer/typography](./plugins/#primertypography): Enforces the use of typography variables for certain CSS properties.
- [primer/borders](./plugins/#primerborders): Enforces the use of certain variables for border properties.
- [primer/box-shadow](./plugins/#primerbox-shadow): Enforces the use of certain variables for `box-shadow`.
- [primer/responsive-widths](./plugins/#primerresponsive-widths): Errors on `width` and `min-width` that is larger than the minimum browser size supported. `320px`

## License

[MIT](./LICENSE) &copy; [GitHub](https://github.com/)