@multiplay/ui/dist/helpers/globalStyles/index.js

UI kit for Unity and Multiplay applications

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _templateObject = _taggedTemplateLiteral(['\n  html {\n    font-size: 10px;\n  }\n\n  body {\n    color: #5a5a5b;\n    font-family: \'Roboto\', \'Helvetica Neue\', Helvetica, Arial, sans-serif;\n  }\n\n  a {\n    color: ', ';\n  }\n\n  a:hover {\n    color: ', ';\n  }\n  \n  button {\n    outline: none !important;\n  }\n'], ['\n  html {\n    font-size: 10px;\n  }\n\n  body {\n    color: #5a5a5b;\n    font-family: \'Roboto\', \'Helvetica Neue\', Helvetica, Arial, sans-serif;\n  }\n\n  a {\n    color: ', ';\n  }\n\n  a:hover {\n    color: ', ';\n  }\n  \n  button {\n    outline: none !important;\n  }\n']);

var _styledComponents = require('styled-components');

var _lodash = require('lodash');

var _colours = require('../colours');

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

// HELPERS


/**
 * GLOBAL STYLING RULES
 *
 * This should be included after the normalise component.
 * If using a theme provider this should be included within
 * it and written to honour any theme passed through
*/

var GlobalStyles = (0, _styledComponents.createGlobalStyle)(_templateObject, function (props) {
  return (0, _lodash.get)(props, 'theme.secondary', 'blue');
}, function (props) {
  return (0, _colours.darkenColour)((0, _lodash.get)(props, 'theme.secondary', 'blue'), 0.2);
});

exports.default = GlobalStyles;