.select2-selection--single { background-color: mix($selection-bg-top-color, $selection-bg-bottom-color); border: 1px solid $border-color; border-radius: $border-radius; outline: 0; @include gradient-vertical($selection-bg-top-color, $selection-bg-bottom-color, 50%, 100%); &:focus { border: 1px solid $focus-border-color; } .select2-selection__rendered { color: #444; line-height: 28px; } .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-selection__placeholder { color: #999; } .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid $border-color; border-top-right-radius: $border-radius; border-bottom-right-radius: $border-radius; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; @include gradient-vertical(#eeeeee, #cccccc, 50%, 100%); b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } } } &[dir="rtl"] { .select2-selection--single { .select2-selection__clear { float: left; } .select2-selection__arrow { border: none; border-right: 1px solid $border-color; border-radius: 0; border-top-left-radius: $border-radius; border-bottom-left-radius: $border-radius; left: 1px; right: auto; } } } &.select2-container--open { .select2-selection--single { border: 1px solid $focus-border-color; .select2-selection__arrow { background: transparent; border: none; b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } } } &.select2-container--above { .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; @include gradient-vertical($selection-opened-bg-bottom-color, $selection-opened-bg-top-color, 0%, 50%); } } &.select2-container--below { .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; @include gradient-vertical($selection-opened-bg-top-color, $selection-opened-bg-bottom-color, 50%, 100%); } } }