scss-best-practices
mindrally/skills · Frontend
SCSS architecture guidelines covering file organization, variables, mixins, and maintainable stylesheet patterns. \n \n Implements the 7-1 pattern for scalable folder structure: abstracts, base, components, layout, pages, themes, and vendors with a clear import order \n Provides semantic variable naming conventions for colors, typography, spacing, breakpoints, z-index, transitions, and shadows using maps for grouped values \n Includes reusable mixins for responsive breakpoints, flexbox utilities
