// Utility Classes must be camel case and formatted as follows: u-utilityName
//

.u
// positive/negative price indicators
  &-upText
    color $bz-green
  &-upBg
    background rgba($bz-green, .5)
  &-upBgFlash
    animation flashGreen 2s linear
  &-downText
    color $bz-red
  &-downBg
    background rgba($bz-red, .5)
  &-downBgFlash
    animation flashRed 2s linear

  // Text-alings left right and center
  &-alignLeft
    text-align left
  &-alignRight
    text-align right
  &-alignCenter
    text-align center

  // visually hides an element without changing display
  &-visuallyHidden
    overflow hidden
    display block
    width 1px
    height 1px
    margin -1px
    padding 0
    border 0
    clip rect(0 0 0 0)

  // handling cases to make sure they render correctly
  &-uppercase
    text-transform uppercase
  &-capitalize
    text-transform capitalize