Global settings file for those who are following along with the "Global Settings" iota CSS Tutorial

Global Settings.scss

// Baseline Settings
$baseline: 7px;

$baseline-x2: $baseline * 2;
$baseline-x3: $baseline * 3;
$baseline-x4: $baseline * 4;
$baseline-x5: $baseline * 5;
$baseline-x6: $baseline * 6;
$baseline-x7: $baseline * 7;
$baseline-x8: $baseline * 8;
$baseline-x9: $baseline * 9;
$baseline-x10: $baseline * 10;
$baseline-x11: $baseline * 11;
$baseline-x12: $baseline * 12;
$baseline-x13: $baseline * 13;

// Color Settings
$color-black:#0d2a4a;
$color-purple:#7070d5;
$color-red:#fc4a33;
$color-grey:#a3adbf;
$color-grey-light:#f5f5f7;
$color-white:#ffffff;

$colors: (
    'black': $color-black,
    'purple': $color-purple,
    'red': $color-red,
    'grey': $color-grey,
    'grey-light': $color-grey-light,
    'white': $color-white,
);

// Spacing Settings
$spacing-default: $baseline;

$spacing-extra: (
    -x2: $baseline-x2,
    -x3: $baseline-x3,
    -x4: $baseline-x4,
    -x5: $baseline-x5,
    -x6: $baseline-x6,
    -x7: $baseline-x7,
);

// Type Settings
$type-16: (
    null : (14px, $baseline-x3),
    sm   : (16px, $baseline-x3)
);

$type-20: (
    null : (18px, $baseline-x3),
    sm   : (20px, $baseline-x4)
);

$type-28: (
    null : (20px, $baseline-x4),
    sm   : (28px, $baseline-x5)
);

$type-35: (
    null : (25px, $baseline-x5),
    sm   : (35px, $baseline-x5)
);

$type-80: (
    null : (70px, $baseline-x13),
    sm   : (80px, $baseline-x13)
);