sharyn/css/global.js

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

// Using "globalStyles" to not interfere with "global"
var globalStyles = function globalStyles(_ref) {
  var palette = _ref.palette;
  return {
    '@global': {
      html: {
        boxSizing: 'border-box',
        height: '100%',
        background: '#f2f2f2',
        fontFamily: 'Roboto, Helvetica, Arial, sans-serif'
      },
      body: {
        height: '100%',
        margin: 0
      },
      '*, *:before, *:after': {
        boxSizing: 'inherit'
      },
      '#app': {
        height: '100%',
        display: 'flex',
        flexDirection: 'column'
      },
      a: {
        color: palette.primary.main,
        textDecoration: 'none',
        '&:hover': {
          textDecoration: 'underline',
          textUnderlinePosition: 'under'
        }
      }
    }
  };
};

var _default = globalStyles;
exports.default = _default;