Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/theelegantcoding/stylelint-config-elegant-coding
⚙️ Stylelint configuration for fix errors before they cause problems in your code. It can also help you to develop good coding habits that will make your code easier to maintain in the long run.
https://github.com/theelegantcoding/stylelint-config-elegant-coding
clean-architecture clean-code design-system eslint node performance pnpm style-guide stylelint-rules typescript
Last synced: about 2 months ago
JSON representation
⚙️ Stylelint configuration for fix errors before they cause problems in your code. It can also help you to develop good coding habits that will make your code easier to maintain in the long run.
- Host: GitHub
- URL: https://github.com/theelegantcoding/stylelint-config-elegant-coding
- Owner: TheElegantCoding
- Created: 2023-04-21T21:34:03.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-10-30T04:17:03.000Z (3 months ago)
- Last Synced: 2024-10-30T07:19:20.833Z (3 months ago)
- Topics: clean-architecture, clean-code, design-system, eslint, node, performance, pnpm, style-guide, stylelint-rules, typescript
- Language: TypeScript
- Homepage:
- Size: 659 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: .github/readme.md
- Code of conduct: .github/code_of_conduct.md
Awesome Lists containing this project
README
Stylelint elegant coder configuration
---
📦 SETUP • ⚙️ CONFIGURATION • ️️️🛰️ FEATURES
---
---
About
Take your CSS to the next level with this powerful Stylelint configuration. Say goodbye to frustrating bugs and inconsistencies! This configuration proactively identifies potential errors in your CSS code before they can cause problems in your projects. By leveraging this tool, you can catch issues early on in the development cycle, streamlining your workflow and ensuring a smoother development experience.
Furthermore, Stylelint helps you cultivate good coding habits by enforcing consistent style conventions across your codebase. This not only improves readability and maintainability for yourself, but also fosters better collaboration within your development team.
The configuration itself is built to be adaptable, allowing you to customize it to your specific project needs and coding preferences. Embrace cleaner, more maintainable CSS code and elevate your overall development experience.
(
Back to top
)
---
Table of content
- [ About](#about)
- [
Features](#features)
- [
Requirements](#requirements)
- [
Installation](#installation)
- [
Usage](#usage)
- [ Configuration](#configuration)
(
Back to top
)
---
Features
- 
`Stylelint` - Stylelint rules to prevent errors and enforce best practices in your CSS.
- 
`Sass` - Rules specifically designed for Sass syntax.
- 
`Stylistic` - Keep your CSS clean and readable.
- 
`Order` - Organize your CSS for easy maintenance.
(
Back to top
)
---
Requirements
- 
node >= **18.16.0**
- stylelint >= **15.5.0**
(
Back to top
)
---
Installation
Run this command to install eslint and the plugin.
Bun
```bash
bun i -D stylelint stylelint-config-elegant-coding
```
Pnpm
```bash
pnpm i -D stylelint stylelint-config-elegant-coding
```
Yarn
```bash
yarn i -D stylelint stylelint-config-elegant-coding
```
Npm
```bash
npm i -D stylelint stylelint-config-elegant-coding
```
(
Back to top
)
---
Usage
To use this plugin put in your repositorie you need to create an `.stylelintrc` file and add this lines of code.
```json
{
"extends": "stylelint-config-coder-dev"
}
```
(
Back to top
)
---
Configuration
Extra settings that can be added in the same file.
```js
{
"extends":
[
// This specifies that the configuration extends the "stylelint-config-elegant-coding" rules.
"stylelint-config-elegant-coding",
// This specifies that the configuration also extends the sass rules
"stylelint-config-elegant-coding/sass"
],
// Extra configuration can be done by stylelint see more in https://stylelint.io/user-guide/configure
}
```
(
Back to top
)
---
Copyright © All rights reserved,
developed by ElegantCoder and
