export const linkStyles = {
  color: `white`,
  textDecoration: `none`,
  lineHeight: `10px`,
  fontWeight: 400,
}

export const triggerStyles = {
  display: `inline-block`,
  fontSize: `75%`,
  padding: 5,
  opacity: 0.8,
  ...linkStyles,
}

export const allCornerStyles = {
  'top-left': {
    top: 0,
    left: 0,
  },
  'top-right': {
    top: 0,
    right: 0,
  },
  'bottom-left': {
    bottom: 0,
    left: 0,
  },
  'bottom-right': {
    bottom: 0,
    right: 0,
  },
}