@import "app/styles/bootstrap/mixins"
@import "app/styles/mixins"

.spell-palette-entry-view
  display: block
  padding: 0px 4px
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace
  font-size: 12px
  border: 1px solid transparent
  cursor: pointer
  @include user-select(all)

  &:hover
    border: 1px solid #BFF

  &.pinned
    background-color: darken(#BFF, 20%)

  // Pulling these colors from the most relevant textmate-theme classes
  &.function
    color: #0000A2
  &.object
    color: rgb(6, 150, 14)
  &.string
    color: rgb(3, 106, 7)
  &.number
    color: rgb(0, 0, 205)
  &.boolean
    color: rgb(88, 92, 246)
  &.undefined
    color: rgb(197, 6, 11)