Tag: SCSS
-
SCSS – Media & Container Queries
Introduction to Responsive Design Variables To kickstart a responsive design, a set of predefined breakpoints is essential. These breakpoints serve as the foundation for media and container queries that adjust styles based on viewport sizes or container dimensions. The SCSS snippet below defines a map of breakpoints: Responsive Design Snippet The SCSS snippet provided offers…
-
SCSS – Color management unified approach
Introduction In digital design, colors convey meaning, set mood, and create coherence. Managing colors effectively across a project can be challenging, especially when dealing with multiple color formats such as HEX, RGB, and HSL. Our SCSS solution simplifies this by consolidating various color types into a single, manageable collection. The $colors Map We begin with…