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

*
  box-sizing: border-box

/*
 * Set up the body
 *
 * 1. This is the base for al rem units
 */

html
  font-size: $baseFontSize /* 1 */
  line-height: 1.6

/**
 * Default display for images is block to lose the extra margin below the image
 */
img
  display: block


/**
  * Set default animation for placeholder
  */
input, textarea
  +placeholder
    opacity: 1
    transform: translate3d(0, 0, 0)
    transition: transform 0.3s, opacity 0.3s, all 9999s linear 9999s

  &:focus
    +placeholder
      opacity: 0
      transform: translate3d(20px, 0, 0)

    // Give opacity to firefox placeholders
  &::-moz-placeholder
    opacity: 0.5