Stylescape

A powerful design framework for concise and high-quality web development.

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.

---

Table of Contents

• Features
• Requirements
• Installation
• Getting Started
• Documentation
• Contribution
• License

---

Features

• 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.

---

Requirements

• Node.js v14 or above
• npm v6 or above

---

Installation

You can install Stylescape using npm:

npm install stylescape

Or via unpkg:

<link rel="stylesheet" href="https://unpkg.com/stylescape@0.0.10/dist/css/stylescape.css">

---

Getting Started

After installing, you can include Stylescape's SCSS and TypeScript files into your project:

import 'stylescape/dist/stylescape.css';
import 'stylescape/dist/stylescape.js';

---

Documentation

For more detailed setup and usage instructions, refer to our official website: scape.style.

---

Contribution

Contributions are always welcome! See CONTRIBUTING.md for ways to get started.

---

Made with ❤️ by Scape Agency. Visit us at scape.agency.

scss-style-guide

https://github.com/Famolus/awesome-sass

Style Guides

• 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.