Stylescape is a modular, scalable, and customizable design framework written in SCSS and TypeScript, aimed to bridge the gap between visual design and code. It provides a robust toolkit for creating elegant and consistent web experiences quickly and efficiently.
-
Visual Consistency: A unified design language across all components for brand integrity.
-
Modular Architecture: Import only what you need for lighter, faster websites.
-
Client Alignment: Transform initial stylescapes into functional code easily.
-
Streamlined Workflow: In-built responsiveness, themes, and accessibility features.
-
Scalable & Maintainable: Built with SCSS and TypeScript for robustness and ease of use.
- Node.js v14 or above
- npm v6 or above
You can install Stylescape using npm:
npm install stylescape
Or via unpkg:
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/css/stylescape.css">
After installing, you can include Stylescape's SCSS and TypeScript files into your project:
import 'stylescape/dist/stylescape.css';
import 'stylescape/dist/stylescape.js';
For more detailed setup and usage instructions, refer to our official website: scape.style.
Contributions are always welcome! See CONTRIBUTING.md for ways to get started.
Made with ❤️ by Scape Agency. Visit us at scape.agency.
https://github.com/Famolus/awesome-sass
- Hugo Giraudel's Sass Guidelines - Guidelines for writing sane, maintainable and scalable Sass.
- BigCommerce Sass Coding Guidelines - Guidelines in use at BigCommerce.
- Airbnb Sass and CSS Style Guide - Sass and CSS style guide by Airbnb.
- Dropbox (S)CSS Style Guide - Dropbox’s (S)CSS authoring style guide.