luhmann/hired

import { injectGlobal, keyframes } from 'styled-components'

import { color } from './style-utils'

/* tslint:disable no-unused-expression  */
injectGlobal`
* {
    box-sizing: border-box;
  }

  html {
    color: ${color.black};
    font-size: 12px;
    font-style: normal;
    font-family: -apple-system, BlinkMacSystemFont, "Noto", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
      "Droid Sans", "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    text-rendering: geometricPrecision;
  }

  body {
    margin: 0;
    padding: 0;
  }

  fieldset {
    border: none;
    margin: 0;
    padding: 0;
  }

  .entry-enter {
    opacity: 0.01;
  }

  .entry-enter.entry-enter-active {
    opacity: 1;
    transition: opacity 500ms ease-in;
  }

  .entry-leave {
    opacity: 1;
  }

  .entry-leave.entry-leave-active {
    opacity: 0.01;
    transition: opacity 300ms ease-in;
  }

  .entry-appear {
    opacity: 0.01;
  }

  .entry-appear.entry-appear-active {
    opacity: 1;
    transition: opacity .5s ease-in;
  }
`

export const rotate = keyframes`
  0% {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(1turn);
    }
`

export const flip = keyframes`
/* ----------------------------------------------
 * Generated by Animista on 2017-3-17 15:2:20
 * http://animista.net
 * T: @cssanimista
 * ---------------------------------------------- */

  0%, 40% {
    transform: rotateX(0);
  }
  60%, 100% {
    transform: rotateX(-180deg);
  }
`