siimee/src/sss/variables.sss

@import './partials/_ratios.sss'

/**
  * Misc
  */
$transition: 300ms

/**
  * Page
  */
$max-width: 80vw


/**
  * Fonts
  */
$sans: 'helvetica', 'calibri', 'sans-serif'
$serif: 'georgia', 'serif'
$mono: 'input', 'consolas','monospace'


/**
  * Modular Scale
  */
$base: 1em
$scale: $golden

$ms-0: calc($base)
$ms-1: calc($ms-0 * $scale)
$ms-2: calc($ms-1 * $scale)
$ms-3: calc($ms-2 * $scale)
$ms-4: calc($ms-3 * $scale)
$ms-5: calc($ms-4 * $scale)
$ms-6: calc($ms-5 * $scale)
$ms-7: calc($ms-6 * $scale)
$ms-8: calc($ms-7 * $scale)
$ms-9: calc($ms-8 * $scale)