.select2-selection--single { background-color: #fff; //border: 1px solid $cnaf-border; border-radius: 0px; .select2-selection__rendered { //color: $cnaf; line-height: 28px; } .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-selection__placeholder { //color: $cnaf-placeholder; } .select2-selection__arrow { height: 23px; background-image: str-replace(url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' viewBox='0 0 448 512'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E"), "#", "%23"); position: absolute; top: 6px; right: 8px; width: 18px; /* b { border-color: $cnaf-placeholder 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%; } */ } } &[dir="rtl"] { .select2-selection--single { .select2-selection__clear { float: left; } .select2-selection__arrow { left: 1px; right: auto; } } } &.select2-container--disabled { .select2-selection--single { //background-color: $cnaf-disabled; cursor: default; .select2-selection__clear { display: none; } } } &.select2-container--open { .select2-selection--single { .select2-selection__arrow { background-image: str-replace(url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' viewBox='0 0 448 512'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z'/%3E%3C/svg%3E"), "#", "%23"); // b { // border-color: transparent transparent $cnaf-placeholder transparent; // border-width: 0 4px 5px 4px; // } } } }