{"id":22518235,"url":"https://github.com/theelegantcoding/stylelint-config-elegant-coding","last_synced_at":"2025-03-28T02:37:01.601Z","repository":{"id":214796518,"uuid":"631074552","full_name":"TheElegantCoding/stylelint-config-elegant-coding","owner":"TheElegantCoding","description":"⚙️ 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.","archived":false,"fork":false,"pushed_at":"2024-11-22T01:23:38.000Z","size":685,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-19T17:53:47.609Z","etag":null,"topics":["clean-architecture","clean-code","design-system","eslint","node","performance","pnpm","style-guide","stylelint-rules","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TheElegantCoding.png","metadata":{"files":{"readme":".github/readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":".github/code_of_conduct.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-04-21T21:34:03.000Z","updated_at":"2024-11-22T01:23:42.000Z","dependencies_parsed_at":"2024-11-07T06:35:54.521Z","dependency_job_id":null,"html_url":"https://github.com/TheElegantCoding/stylelint-config-elegant-coding","commit_stats":{"total_commits":39,"total_committers":1,"mean_commits":39.0,"dds":0.0,"last_synced_commit":"7a6020732c5e377ad5bc1b679f1ef1753c51ca15"},"previous_names":["theelegantcoding/stylelint-config-elegant-coding","luiscoderdev/stylelint_coder_dev"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheElegantCoding%2Fstylelint-config-elegant-coding","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheElegantCoding%2Fstylelint-config-elegant-coding/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheElegantCoding%2Fstylelint-config-elegant-coding/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TheElegantCoding%2Fstylelint-config-elegant-coding/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TheElegantCoding","download_url":"https://codeload.github.com/TheElegantCoding/stylelint-config-elegant-coding/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245958955,"owners_count":20700537,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["clean-architecture","clean-code","design-system","eslint","node","performance","pnpm","style-guide","stylelint-rules","typescript"],"created_at":"2024-12-07T04:14:59.796Z","updated_at":"2025-03-28T02:37:01.573Z","avatar_url":"https://github.com/TheElegantCoding.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"./asset/illustration/wave_header.svg\" width=\"100%\" align=\"center\"/\u003e\n\n\u003ch1 id=\"stylelint-config-elegant-coding\"\u003e\n  \u003cimg src=\"./asset/icon/gear.svg\" width=\"32px\" align=\"center\" /\u003e\n  Stylelint elegant coder configuration\n\u003c/h1\u003e\n\n---\n\n\u003cpre align=\"center\"\u003e\n  \u003ca href=\"#instalation\"\u003e📦 SETUP\u003c/a\u003e • \u003ca href=\"#configuration\"\u003e⚙️ CONFIGURATION\u003c/a\u003e • \u003ca href=\"#features\"\u003e️️️🛰️ FEATURES\u003c/a\u003e\n\u003c/pre\u003e\n\n---\n\n\u003cimg src=\"./asset/illustration/cover.svg\" alt=\"cover\" width=\"100%\" align=\"center\" /\u003e\n\n\u003cbr /\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./asset/badget/stylelint_badget.svg\" height=\"32px\" /\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"./asset/badget/bun_badget.svg\" height=\"32px\" /\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\n  \u003cimg src=\"./asset/badget/github_badget.svg\" height=\"32px\" /\u003e\n\u003c/div\u003e\n\n---\n\n\u003ch2 id=\"about\"\u003e\n  \u003cimg src=\"./asset/icon/information.svg\" width=\"24px\" align=\"center\"/\u003e\n  About\n\u003c/h2\u003e\n\n\u003ctable border\u003e\n\u003ctr\u003e\n\u003ctd\u003e\n\nTake 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.\n\nFurthermore, 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.\n\nThe 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.\n\n\u003cp align=\"right\"\u003e\n  ( \u003ca href=\"#stylelint-config-elegant-coding\"\u003e\n    \u003cimg src=\"./asset/icon/arrow_up.svg\" width=\"20px\" align=\"center\" /\u003e\n    Back to top\n  \u003c/a\u003e )\n\u003c/p\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/table\u003e\n\n---\n\n\u003ch2\u003e\n  \u003cimg src=\"./asset/icon/book.svg\" width=\"24px\" align=\"center\"/\u003e\n  Table of content\n\u003c/h2\u003e\n\n- [\u003cimg src=\"./asset/icon/information.svg\" width=\"20px\" align=\"center\" /\u003e About](#about)\n- [\u003cimg src=\"./asset/icon/satellite.svg\" width=\"20px\" align=\"center\" /\u003e Features](#features)\n- [\u003cimg src=\"./asset/icon/thunder.svg\" width=\"20px\" align=\"center\" /\u003e Requirements](#requirements)\n- [\u003cimg src=\"./asset/icon/package.svg\" width=\"20px\" align=\"center\" /\u003e Installation](#installation)\n- [\u003cimg src=\"./asset/icon/rocket.svg\" width=\"20px\" align=\"center\" /\u003e Usage](#usage)\n- [\u003cimg src=\"./asset/icon/gear.svg\" width=\"20px\" align=\"center\" /\u003e Configuration](#configuration)\n\n\u003cp align=\"right\"\u003e\n  ( \u003ca href=\"#stylelint-config-elegant-coding\"\u003e\n    \u003cimg src=\"./asset/icon/arrow_up.svg\" width=\"20px\" align=\"center\" /\u003e\n    Back to top\n  \u003c/a\u003e )\n\u003c/p\u003e\n\n---\n\n\u003ch2 id=\"features\"\u003e\n  \u003cimg src=\"./asset/icon/satellite.svg\" width=\"24px\" align=\"center\" /\u003e\n  Features\n\u003c/h2\u003e\n\n- \u003cimg src=\"./asset/icon/stylelint.svg\" width=\"24px\" align=\"center\" /\u003e `Stylelint` - Stylelint rules to prevent errors and enforce best practices in your CSS.\n- \u003cimg src=\"./asset/icon/sass.svg\" width=\"24px\" align=\"center\" /\u003e `Sass` - Rules specifically designed for Sass syntax.\n- \u003cimg src=\"./asset/icon/stylelint_stylistic.svg\" width=\"24px\" align=\"center\" /\u003e `Stylistic` - Keep your CSS clean and readable.\n- \u003cimg src=\"./asset/icon/order.svg\" width=\"24px\" align=\"center\" /\u003e `Order` - Organize your CSS for easy maintenance.\n\n\u003cp align=\"right\"\u003e\n  ( \u003ca href=\"#stylelint-config-elegant-coding\"\u003e\n    \u003cimg src=\"./asset/icon/arrow_up.svg\" width=\"20px\" align=\"center\" /\u003e\n    Back to top\n  \u003c/a\u003e )\n\u003c/p\u003e\n\n---\n\n\u003ch2 id=\"requirements\"\u003e\n  \u003cimg src=\"./asset/icon/thunder.svg\" width=\"24px\" align=\"center\" /\u003e\n  Requirements\n\u003c/h2\u003e\n\n- \u003cimg src=\"./asset/icon/node.svg\" width=\"20px\" align=\"center\" /\u003e node \u003e= **18.16.0**\n- \u003cimg src=\"./asset/icon/stylelint.svg\" width=\"20px\"  align=\"center\" /\u003e stylelint \u003e= **15.5.0**\n\n\u003cp align=\"right\"\u003e\n  ( \u003ca href=\"#stylelint-config-elegant-coding\"\u003e\n    \u003cimg src=\"./asset/icon/arrow_up.svg\" width=\"20px\" align=\"center\" /\u003e\n    Back to top\n  \u003c/a\u003e )\n\u003c/p\u003e\n\n---\n\n\u003ch2 id=\"installation\"\u003e\n  \u003cimg src=\"./asset/icon/package.svg\" width=\"24px\" align=\"center\" /\u003e\n  Installation\n\u003c/h2\u003e\n\nRun this command to install eslint and the plugin.\n\n\u003ch3\u003e\u003cimg src=\"./asset/icon/bun.svg\" width=\"24px\" align=\"center\" /\u003e Bun\u003c/h3\u003e\n\n```bash\nbun i -D stylelint stylelint-config-elegant-coding\n```\n\n\u003ch3\u003e\u003cimg src=\"./asset/icon/pnpm.svg\" width=\"24px\" align=\"center\" /\u003e Pnpm\u003c/h3\u003e\n\n```bash\npnpm i -D stylelint stylelint-config-elegant-coding\n```\n\n\u003ch3\u003e\u003cimg src=\"./asset/icon/yarn.svg\" width=\"24px\" align=\"center\" /\u003e Yarn\u003c/h3\u003e\n\n```bash\nyarn i -D stylelint stylelint-config-elegant-coding\n```\n\n\u003ch3\u003e\u003cimg src=\"./asset/icon/npm.svg\" width=\"24px\" align=\"center\" /\u003e Npm\u003c/h3\u003e\n\n```bash\nnpm i -D stylelint stylelint-config-elegant-coding\n```\n\n\u003cp align=\"right\"\u003e\n  ( \u003ca href=\"#stylelint-config-elegant-coding\"\u003e\n    \u003cimg src=\"./asset/icon/arrow_up.svg\" width=\"20px\" align=\"center\" /\u003e\n    Back to top\n  \u003c/a\u003e )\n\u003c/p\u003e\n\n---\n\n\u003ch2 id=\"usage\"\u003e\n  \u003cimg src=\"./asset/icon/rocket.svg\" width=\"24px\" align=\"center\" /\u003e\n  Usage\n\u003c/h2\u003e\n\nTo use this plugin put in your repositorie you need to create an `.stylelintrc` file and add this lines of code.\n\n```json\n{\n  \"extends\": \"stylelint-config-coder-dev\"\n}\n```\n\n\u003cp align=\"right\"\u003e\n  ( \u003ca href=\"#stylelint-config-elegant-coding\"\u003e\n    \u003cimg src=\"./asset/icon/arrow_up.svg\" width=\"20px\" align=\"center\" /\u003e\n    Back to top\n  \u003c/a\u003e )\n\u003c/p\u003e\n\n---\n\n\u003ch2 id=\"configuration\"\u003e\n  \u003cimg src=\"./asset/icon/gear.svg\" width=\"24px\" align=\"center\" /\u003e\n  Configuration\n\u003c/h2\u003e\n\n\nExtra settings that can be added in the same file.\n\n```js\n{\n  \"extends\":\n  [\n    // This specifies that the configuration extends the \"stylelint-config-elegant-coding\" rules.\n    \"stylelint-config-elegant-coding\",\n\n    // This specifies that the configuration also extends the sass rules\n    \"stylelint-config-elegant-coding/sass\"\n  ],\n  // Extra configuration can be done by stylelint see more in https://stylelint.io/user-guide/configure\n}\n```\n\n\u003cp align=\"right\"\u003e\n  ( \u003ca href=\"#stylelint-config-elegant-coding\"\u003e\n    \u003cimg src=\"./asset/icon/arrow_up.svg\" width=\"20px\" align=\"center\" /\u003e\n    Back to top\n  \u003c/a\u003e )\n\u003c/p\u003e\n\n\n---\n\n\u003cpre align=\"center\"\u003e\n  Copyright © All rights reserved,\n  developed by ElegantCoder and\n\u003c/pre\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./asset/illustration/astralys_logo.svg\" width=\"120px\" align=\"center\" /\u003e\n\u003c/div\u003e\n\n\u003cimg src=\"./asset/illustration/wave_footer.svg\" width=\"100%\" align=\"center\" /\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftheelegantcoding%2Fstylelint-config-elegant-coding","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftheelegantcoding%2Fstylelint-config-elegant-coding","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftheelegantcoding%2Fstylelint-config-elegant-coding/lists"}