import { css } from 'styled-components';

import IcomoonEot from '../../assets/fonts/icomoon.eot';
import IcomoonTtf from '../../assets/fonts/icomoon.ttf';
import IcomoonWoff from '../../assets/fonts/icomoon.woff';

export default css`
  @font-face {
    font-family: 'icomoon';
    src: url(${IcomoonEot});
    src: url(${IcomoonTtf}) format('ttf'), url(${IcomoonWoff}) format('woff');
  }

  [class^='icon-'] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  }

  .icon- {
    &burger:before {
      content: '\\e900';
    }

    &check:before {
      content: '\\e901';
    }

    &circle:before {
      content: '\\e902';
    }

    &close:before {
      content: '\\e903';
    }

    &cross:before {
      content: '\\e904';
    }

    &down:before {
      content: '\\e905';
    }

    &left:before {
      content: '\\e906';
    }

    &right:before {
      content: '\\e907';
    }

    &up:before {
      content: '\\e908';
    }

    &lock:before {
      content: '\\e909';
    }

    &phone:before {
      content: '\\e90a';
    }

    &time:before {
      content: '\\e90b';
    }

    &arrow:before {
      content: '\\e90c';
    }
  }
`;