/* SelectableItem.css */ .moon-selectable-item.selected { padding-left: (@moon-item-indent + @moon-spotlight-outset); &:before { content: ''; position: absolute; left: @moon-spotlight-outset; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: @moon-selectable-item-indicator-width; height: @moon-selectable-item-indicator-height; border-radius: (@moon-selectable-item-indicator-width / 2); background-color: @moon-accent; } &.spotlight:before { background-color: @moon-spotlight-text-color; } } .enyo-locale-right-to-left { .moon-selectable-item { &.selected { padding-left: @moon-spotlight-outset; padding-right: (@moon-item-indent + @moon-spotlight-outset); &:before { left: auto; right: @moon-spotlight-outset; } } } }