@nbamford123/arwes/lib/Button/styles.js

Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for Web Apps

'use strict';

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

exports.default = function (theme) {
  return {
    root: {
      display: 'inline-block',
      position: 'relative',
      lineHeight: 1,
      verticalAlign: 'middle'
    },
    button: {
      position: 'relative',
      zIndex: 2,
      display: 'inline-block',
      margin: 0,
      border: 'none',
      padding: [theme.padding / 2, theme.padding],
      background: 'transparent',

      color: function color(props) {
        return theme.color[props.disabled ? 'disabled' : props.layer].base;
      },
      fontSize: theme.typography.fontSize * 0.75,
      lineHeight: 1,
      verticalAlign: 'middle',

      transition: 'all ' + theme.animTime + 'ms ease-out',
      userSelect: 'none',
      outline: 'none',
      cursor: function cursor(props) {
        return props.disabled ? 'auto' : 'pointer';
      },

      '&:focus': {
        outline: 'none'
      },

      '&::-moz-focus-inner': {
        border: 'none'
      },

      '& .mdi, & .icon': {
        lineHeight: 0,
        fontSize: '140%',
        verticalAlign: 'middle'
      }
    }
  };
};