Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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:

...