/* ==========================================================================
   Basic style settings
   ========================================================================== */

*
  box-sizing: border-box

/*
 * Set up the body
 *
 * 1. This is the base for al rem units
 * 2. Makes sue that some fonts are better rendered
 * #. Set font to lining figures
 */
html
  //font-size: 20px
  line-height: 1.6
  -webkit-font-smoothing: antialiased
  -moz-osx-font-smoothing: grayscale
  text-rendering: optimizeLegibility
  font-feature-settings: 'lnum'

/**
 * 1.Default display for images is block to lose the extra margin below the image
 * 2. Remove border / especially on older browsers
 */
img, svg
  display: block
  border: none

/**
  * Add translation to prevent recoloring from autocomplete
  */
input, textarea
  ::placeholder
    transition: all 9999s linear 9999s

/*
 * Remove default margin around figure
 */
figure
  margin: 0