animiassumenda/app/common/styles/global-styles.js

Blox live, desktop app for managing staking accounts

import { createGlobalStyle } from 'styled-components';

const GlobalStyle = createGlobalStyle`
  html,
  body {
    height: 100%;
    width: 100%;
    line-height: 1.5;
    background-color: #f7fcff;
  }

  body {
    font-family: 'Avenir', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    & > * {
      -webkit-font-smoothing: antialised;
      backface-visibility: hidden;
      -webkit-font-smoothing: subpixel-antialiased;
    }
  }

  body.fontLoaded {
    font-family: 'Avenir', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }

  #root {
    width: 100%;
    height: 100%;
  }

  p,
  label {
    font-family: 'Avenir', Georgia, Times, 'Times New Roman', serif;
    line-height: 1.5em;
  }

  a {
    cursor:pointer;
    font-family: Avenir;
  }

  button {
    outline: none;
  }
`;

export default GlobalStyle;