Responsive breakpoints and rhythm application mixins for consistent
vertical rhythm and spacing across all elements. These mixins ensure proper
spacing application for rhythm-aware components.
Properties
| Name | Type | Description |
|---|---|---|
{variable} $mobile Mobile breakpoint (480px) |
mixed |
|
{variable} $small Small screen breakpoint (768px) |
mixed |
|
{variable} $large Large screen breakpoint (1024px) |
mixed |
|
{variable} $wide Wide screen breakpoint (1440px) |
mixed |
Examples
// Using breakpoint variablesSee Also
- standard-01-token.scss
Source: /Users/francisfontaine/Documents/GitHub/Standard/src/styles/standard-00-variables.scss