Skip to content

cristiancoppari/scss-boilerplate

Repository files navigation

EGO ⚫️ Style guide

This is a library that uses ESLint for linting with Airbnb base config, follows the 7-1 SCSS architecture and added 1 more for practicity, uses Prettier for code formatting, and maintains consistency with EditorConfig.

Features

  • Tailwind CSS breakpoints 📏
  • Uses the new Sass syntax 💅
  • Many Sass usefull mixins ⚡️
  • Prettier for code formatting 🖼️
  • ESLint for JS linting and enforce a code style 👮🏻‍♂️
  • Stylelint for style linting and enforce a code style 👮🏼
  • EditorConfig with rules to maintain concistency across all the team 🐭
  • 8-1 folder structure for better organization of layouts, components, etc 📁

Get started ⚡️

Prerequisites

Recommended

This extensions are not required, but if you have them, they will bring a better development experience:

Installation

  1. Open you terminal in the root of the project and run this command: npm install @egodesign/styleguide
  2. Copy the content of node_modules/@egodesign/styleguide into your project.
Made with ❤️ by EGO Design ⚫️.

About

SCSS boilerplate with 7-1 folder structure.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published