...
Here’s the sample code:
Code Block |
---|
$base-space: 8px1rem; //16px $space-min: $base-space / 24; //4px $space-xs: $base-space / 2; //8px $space-s: $base-space * 2; //16px $space-m: $base-space * 42; //32px $space-l: $base-space * 84; //64px $space-xl: $base-space * 168; //128px $space-xxl: $base-space * 3216; // 256px |
A great example of properly implemented spacing:
...