GithubHelp home page GithubHelp logo

.github's Introduction

Stylelint

npm version Build Status npm downloads

A mighty CSS linter that helps you avoid errors and enforce conventions.

Features

It's mighty as it:

  • has over 100 built-in rules for modern CSS syntax and features
  • supports plugins so you can create your own custom rules
  • automatically fixes problems where possible
  • supports shareable configs that you can create or extend
  • can be customized to your exact needs
  • has 15k unit tests making it robust
  • is trusted by companies worldwide like Google and GitHub

And it can be extended to:

  • extract embedded styles from HTML, Markdown and CSS-in-JS template literals
  • parse CSS-like languages like SCSS, Sass, Less and SugarSS

How it'll help you

It'll help you avoid errors, for example:

  • invalid things, e.g. malformed grid areas
  • valid things that are problematic, e.g. duplicate selectors
  • unknown things, e.g. misspelled property names

And enforce conventions, for example:

  • disallow things, e.g. specific units
  • enforce naming patterns, e.g. for custom properties
  • set limits, e.g. the number of ID selectors
  • specify notations, e.g. for modern color functions

We recommend using a pretty printer like Prettier alongside Stylelint. Linters and pretty printers are complementary tools that work together to help you write consistent and error-free code.

Example output

Example

Guides

Contributors

Stylelint is maintained by volunteers. Without the code contributions from all these fantastic people, Stylelint would not exist. Become a contributor.

Sponsors

Thank you to all our sponsors! Become a sponsor.

Backers

Thank you to all our backers! Become a backer.

Website hosting

Deploys by Netlify

License

The MIT License.

.github's People

Contributors

dependabot[bot] avatar hudochenkov avatar jeddy3 avatar ntwb avatar romainmenke avatar ybiquitous avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

Forkers

yetingli

.github's Issues

Remove npm update hack for Node.js. 14 on Windows

Node.js 14 will reach EOL on 2023-04-30. Then, we can remove the following hack:

# HACK: See https://github.com/npm/cli/issues/4341
- name: Workaround for npm installation failure on Node.js 14 and Windows
if: ${{ startsWith(matrix.node-version, '14') && startsWith(matrix.os, 'windows') }}
run: npm install --global [email protected]

Ref:

Use YAML for GitHub Issue templates

What is the problem you're trying to solve?

An improved experience for Stylelint users when creating Stylelint bug reports

What solution would you like to see?

Switch to use YAML for the GitHub issue templates

Currently, the template is not much different to this code block:

<!-- Please answer the following. We close issues that don't. -->

> What is the problem you're trying to solve?

An improved experience for Stylelint users when creating Stylelint bug reports

> What solution would you like to see?

Switch to use YAML for the GitHub issue templates

<!--
Before posting, please check that the feature hasn't already been:
-  added in the next release (https://github.com/stylelint/stylelint/blob/master/CHANGELOG.md)
-  discussed previously (https://github.com/stylelint/stylelint/search)

You can help us add the feature more quickly by:
1. Providing as much detail as possible in this issue.
2. Writing the code and submitting a PR once the feature is approved.
-->

Currently, the template is not much different to this code block:

But, it doesn't have to be this way, it can be different, it can be like this:

image

Props to @adalinesimonian adding this to https://github.com/stylelint/vscode-stylelint ๐Ÿ’ฏ

https://github.com/stylelint/vscode-stylelint/blob/main/.github/ISSUE_TEMPLATE/bug.yml

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.