react-desktop/src/Radio/windows/styles/windows.js

React UI Components for macOS High Sierra and Windows 10

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = {
  container: {
    display: 'flex',
    marginBottom: '21px'
  },

  label: {
    display: 'flex',
    position: 'relative',
    ':hover': {},
    ':active': {}
  },

  text: {
    fontFamily: '"Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif',
    fontSize: '15px',
    color: '#000000',
    display: 'inline'
  },

  textDark: {
    color: '#ffffff'
  },

  inputWrapper: {
    position: 'relative',
    marginRight: '7px',
    paddingTop: '2px'
  },

  radio: {
    WebkitUserSelect: 'none',
    userSelect: 'none',
    WebkitAppearance: 'none',
    appearance: 'none',
    borderWidth: '2px',
    borderStyle: 'solid',
    borderColor: '#333333',
    borderRadius: '50%',
    backgroundColor: 'transparent',
    padding: '8px',
    margin: '0px',

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

  'radio:hover': {
    borderColor: '#000000'
  },

  'radio:active': {
    borderColor: '#666666'
  },

  'radio:checked:active': {
    borderColor: '#666666'
  },

  radioDark: {
    borderColor: '#cccccc'
  },

  'radioDark:hover': {
    borderColor: '#ffffff'
  },

  'radioDark:active': {
    borderColor: '#999999'
  },

  'radioDark:checked:active': {
    borderColor: '#999999'
  },

  circle: {
    position: 'absolute',
    top: '7px',
    left: '5px',
    width: '10px',
    height: '10px',
    borderRadius: '50%',
    background: '#333333'
  },

  'circle:hover': {
    background: '#000000'
  },

  'circle:active': {
    background: '#666666'
  },

  circleDark: {
    background: '#cccccc'
  },

  'circleDark:hover': {
    background: '#ffffff'
  },

  'circleDark:active': {
    background: '#999999'
  }
};