.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

.ui-scrollable-table-container
  // semantic-ui has overflow-x hidden normally. Tables that do not collapse should be made horizontally scrollable to not "loose" data
  overflow-x: scroll

// This helper is used on semantic-ui tables having pre elements. Due to whitespace settings the table width is pushing the table from the screen
// https://github.com/Semantic-Org/Semantic-UI/issues/1341
.ui.table pre, .force-wrap
  white-space: pre-wrap
  word-wrap:   break-word

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: ' ]'
