{"repo":"woylie/barker","free":true,"listed":false,"github":"https://github.com/woylie/barker","clone":"git clone https://github.com/woylie/barker.git","description":"SCSS starter kit for design systems","language":"SCSS","stars":12,"topics":["sass","scss","scss-framework","starter-kit","design-system"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"Barker Barker is an SCSS starter kit for design systems. It includes: - A Style Dictionary configuration for defining design tokens. - A sensible project layout and organized SCSS files for themes, components, layouts, and base styles. - SCSS mixins and functions for accessing design tokens. - Esbuild configuration with dart-sass, PostCSS, autoprefixer, and PurgeCSS. - A Stylelint configuration. - pnpm as package manager. SCSS is used to generate functions and utility classes from the design tokens. You can either use a set of accessor functions to reference the design tokens or use SCSS variables. Although SCSS functions or variables are used in the code, the final output relies on CSS custom properties (variables). This ensures that only defined variables are used. Themes are created by assigning different values to these CSS custom properties. Usage This kit cannot be installed and does not include any generators. Instead, clone the repository into your project and adapt it to your needs. Configuration - build.js : Contains the build configuration for Esbuild, as well as the PostCSS configuration and PurgeCSS configuration (disabled by default). - style-dictionary.js : Contains the configuration for Style Dictionary. You can modify the output formats for the design tokens here. Note that the SCSS files depend on the scss output format. Commands Description Command --------------------------------------------------- ------------------------- Development build (tokens, CSS, ","default_branch":null,"files":null,"tree":[],"storefront":"/r/woylie","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/woylie/barker/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."}