{"repo":"embyth/scss-design-system","free":true,"listed":false,"github":"https://github.com/embyth/scss-design-system","clone":"git clone https://github.com/embyth/scss-design-system.git","description":"Simple Design System template built on SCSS","language":"SCSS","stars":21,"topics":["css","design-system","sass","scss","template"],"license":"MIT","category":"ui-components","readme_excerpt":":lipstick: @embyth/scss-design-system A self-contained Sass design system: two-tier OKLCH color tokens, cascade layers, dark mode, fluid typography, container queries and a rich mixin library — all pure SCSS, zero runtime. :sparkles: Highlights - Two-tier color tokens — a constant palette (tier 1) plus semantic tokens (tier 2) that re-point per theme. - OKLCH-first — author plain hex, ship perceptual channel triplets with one-argument alpha composition. - Dark mode, four ways — data attribute, class, prefers-color-scheme or CSS light-dark() . - Cascade layers — your app styles always win, no specificity wars. - Modern CSS, wrapped — fluid clamp() values, container queries, @starting-style , typed @property , reduced-motion guards, standard scrollbar styling. - Everything is a config map — deep-merged with defaults, you only declare overrides. - Fully tested — every function and mixin has a sass-true spec plus compiled-CSS snapshot coverage. :bookmark tabs: Table of Contents - :rocket: Quick Start - :gear: Configuration - :bulb: Core Concepts - Semantic Tokens (two-tier system) - Themes & Dark Mode - Cascade Layers - Customizing the Palette - :books: API Reference - Colors - Typography - Spacing & Shape - Fluid Values - Breakpoints & Media Queries - Container Queries - Elevation & Borders - Motion & Animation - Loading Skeletons - Scrollbars - Text Utilities - Accessibility - Layout Helpers - Utility Functions - Shorthand Aliases - :globe with meridians: Browser Support - :joy","default_branch":null,"files":null,"tree":[],"storefront":"/r/embyth","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/embyth/scss-design-system/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}