ember-cli-tachyons-settings.scss

$breakpoints: (
  s: 480px,
  m: 768px,
  l: 960px
);

$spacing: (
  '1': 4px,
  '2': 8px,
  '3': 12px,
  '4': 20px,
  '5': 32px,
  '6': 64px,
  '7': 128px,
  '8': 256px
);

$type-scale: (
  '1': 48px,
  '2': 36px,
  '3': 24px,
  '4': 20px,
  '5': 16px,
  '6': 14px,
  '7': 12px
);

$colors: (
  transparent-white: rgba(white, 0.9),
  white: white,
  off-white: #f4f4f4,
  light-gray: #ccc,
  gray: #aaa,
  dark-gray: #999,
  darker-gray: #484848,
  green: #19a974,
  dark-green: #137752,
  red: #ff4136,
  dark-red: #e7040f,
  yellow: #FFEB3B,
  blue: #4A90E2,
  black: #333
);

$width-scale: (
  '1': 20px,
  '2': 32px,
  '3': 64px,
  '4': 128px,
  '5': 256px,
  '6': 400px,
  '7': 512px,
  '8': 768px,
  '9': 1200px
);

$width-percentages: (
  '100':           100%,
  '30':            30%,
  'one-half':      (1 / 2) * 100%,
  'one-third':     (1 / 3) * 100%,
  'one-fourth':    (1 / 4) * 100%,
  'two-thirds':    (2 / 3) * 100%,
  'three-fourths': (3 / 4) * 100%,
  'four-fifths':   (4 / 5) * 100%,
);

$height-scale: (
  '1': 20px,
  '2': 32px,
  '3': 64px,
  '4': 128px,
  '5': 256px
);

$height-percentages: (
  '100': 100%
);

$border-width-scale: (
  '1': 1px,
  '2': 2px,
  '3': 5px,
);

$shadows: (
  '1': 0px 0px 8px 2px rgba(0, 0, 0, 0.2),
  '2': ( 0 0 6px rgba(0,0,0,.16), 0 6px 12px rgba(0,0,0,.32) ),
  'card': ( 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07) ),
  'card-active': ( 0 18px 35px rgba(50,50,93,.1), 0 8px 15px rgba(0,0,0,.07) ),
);