.uif-btn-icon-r.uicon-sort-icon
  height 10px
  left 4px
  &:before
  &:after
    content ''
    border-left 4px solid transparent
    border-right @border-left
    position absolute
    left 0
  &:before
    border-bottom 4px solid #7E8B98
    border-top 0
    top 0
  &:after
    border-top 4px solid #7E8B98
    border-bottom 0
    bottom 0
    left 0
.uif-btn.active .uif-btn-icon-r.uicon-sort-icon
  &:before
  &:after
    border-bottom-color #FFFFFF
    border-top-color #FFFFFF
  &.sort-icon-desc:before
  &.sort-icon-asc:after
    opacity 0.4