Bootstrap + SASS Theme Template

A template for building consistent, token-driven themes using the Bootstrap framework and the Sass preprocessor, with a modular and scalable architecture for design systems.

⚖️ License

Licensed under the MIT license and is free for private or commercial projects.

✨ Introduction

This template provides a solid foundation for building theme-driven CSS using Bootstrap and Sass, designed to help you start quickly with a structured folder organization, token-based variables, and an automated build pipeline that outputs prefixed and minified CSS ready for production, allowing you to focus on creating and customizing themes without worrying about boilerplate setup.

🛠️ Features

This template includes a comprehensive toolset for building and maintaining consistent CSS themes:

• Bootstrap (vendored SCSS) providing a solid, consistent base and utility classes.
• Sass for modular, maintainable, and token-driven stylesheets.
• PostCSS with Autoprefixer to automatically add vendor prefixes according to the configured Browserslist targets.
• Prettier for consistent code formatting across the codebase.
• Stylelint with stylelint-config-standard-scss and stylelint-config-clean-order for enforcing consistent SCSS conventions and property order.
• Husky and lint-staged for running linters and formatters on staged files before commits.

🚀 Getting Started

If you like what you've seen so far and think this setup fits your needs, you can quickly get started by clicking the Use this template button at the top of the repository on GitHub.