.pointable
  cursor: pointer

.comma-separated-items
  > *
    &:after
      content: ", "
    &:last-child
      &:after
        content: ""

.pull-right
  float: right

.unpadded
  padding: 0 !important

.ui.table
  td
    &.compact
      padding: 0.5em 0.7em

input:disabled
  background-color: #ccc !important

// .ui.grid might end up with columns having a negative bottom margin that captures the click event of the svg below it
.without-bottom-margin
  margin-bottom: 0 !important

.between-brackets
  &:before
    content: '('
  &:after
    content: ')'
  &.curly
    &:before
      content: '{'
    &:after
      content: '}'
  &.angle
    &:before
      content: '<'
    &:after
      content: '>'
  &.square
    &:before
      content: '['
    &:after
      content: ']'
  &.spaced
    &:before
      content: '( '
    &:after
      content: ' )'
    &.curly
      &:before
        content: '{ '
      &:after
        content: ' }'
    &.angle
      &:before
        content: '< '
      &:after
        content: ' >'
    &.square
      &:before
        content: '[ '
      &:after
        content: ' ]'