resources/lib/codex/modules/CdxSelect.css

   1 .cdx-select{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:calc(16px + 1.25rem);font-size:inherit;line-height:1.375;-webkit-appearance:none;appearance:none;background-position:center right 12px;background-repeat:no-repeat;background-size:max(.75rem,12px)}.cdx-select:disabled{background-color:var(--background-color-disabled-subtle, #eaecf0);color:var(--color-disabled, #a2a9b1);border-color:var(--border-color-disabled, #c8ccd1);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%2372777d"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>');opacity:1}.cdx-select:enabled{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-subtle, #54595d);border-color:var(--border-color-interactive, #72777d);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20" fill="%23202122"><path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/></svg>')}.cdx-select:enabled:hover{background-color:var(--background-color-interactive-subtle--hover, #eaecf0);border-color:var(--border-color-interactive--hover, #27292d);cursor:pointer}.cdx-select:enabled:active{background-color:var(--background-color-interactive-subtle--active, #dadde3);border-color:var(--border-color-interactive--active, #202122)}.cdx-select:enabled:focus:not(:active){background-color:var(--background-color-base, #fff);border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-select-vue{display:inline-block;position:relative}.cdx-select-vue__handle{box-sizing:border-box;min-width:256px;min-height:32px;border-width:1px;border-style:solid;border-radius:2px;padding-top:4px;padding-bottom:4px;padding-left:8px;padding-right:calc(16px + 1.25rem);font-size:inherit;line-height:1.375;position:relative;width:100%}.cdx-select-vue--has-start-icon .cdx-select-vue__handle{padding-left:calc(20px + 1.25rem)}.cdx-select-vue__start-icon.cdx-icon{color:var(--color-subtle, #54595d);position:absolute;top:50%;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;transition-property:color;transition-duration:.1s;left:12px;transform:translateY(-50%)}.cdx-select-vue__indicator.cdx-icon{color:var(--color-base, #202122);position:absolute;top:50%;min-width:12px;min-height:12px;width:.75rem;height:.75rem;transition-property:color;transition-duration:.1s;right:12px;transform:translateY(-50%)}.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:var(--background-color-interactive-subtle, #f8f9fa);color:var(--color-subtle, #54595d);border-color:var(--border-color-interactive, #72777d);transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-select-vue--enabled .cdx-select-vue__handle:hover{background-color:var(--background-color-interactive-subtle--hover, #eaecf0);border-color:var(--border-color-interactive--hover, #27292d);cursor:pointer}.cdx-select-vue--enabled .cdx-select-vue__handle:active{background-color:var(--background-color-interactive-subtle--active, #dadde3);border-color:var(--border-color-interactive--active, #202122)}.cdx-select-vue--enabled .cdx-select-vue__handle:focus:not(:active){background-color:var(--background-color-base, #fff);border-color:var(--border-color-progressive--focus, #36c);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-select-vue--enabled.cdx-select-vue--value-selected .cdx-select-vue__handle{color:var(--color-base, #202122)}.cdx-select-vue--enabled.cdx-select-vue--expanded .cdx-select-vue__handle{background-color:var(--background-color-base, #fff)}.cdx-select-vue--disabled .cdx-select-vue__handle{background-color:var(--background-color-disabled-subtle, #eaecf0);color:var(--color-disabled, #a2a9b1);border-color:var(--border-color-disabled, #c8ccd1);cursor:default}.cdx-select-vue--disabled .cdx-select-vue__indicator,.cdx-select-vue--disabled .cdx-select-vue__start-icon{color:var(--color-disabled, #a2a9b1)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle{background-color:var(--background-color-error-subtle, #ffe9e5);color:var(--color-error, #bf3c2c);border-color:var(--border-color-error, #f54739)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle .cdx-select-vue__start-icon{color:var(--color-error, #bf3c2c)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:hover:not(:focus){background-color:var(--background-color-error-subtle--hover, #ffdad3);color:var(--color-error--hover, #9f3526);border-color:var(--border-color-error--hover, #9f3526)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:hover:not(:focus) .cdx-select-vue__start-icon{color:var(--color-error--hover, #9f3526)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:active{background-color:var(--background-color-error-subtle--active, #ffc8bd);color:var(--color-error--active, #612419);border-color:var(--border-color-error--active, #612419)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:active .cdx-select-vue__start-icon{color:var(--color-error--active, #612419)}.cdx-select-vue--status-error.cdx-select-vue--enabled .cdx-select-vue__handle:focus:not(:active){color:var(--color-subtle, #54595d)}.cdx-select-vue--status-error.cdx-select-vue--enabled.cdx-select-vue--value-selected .cdx-select-vue__handle:focus:not(:active){color:var(--color-base, #202122)}.cdx-select-vue--status-error.cdx-select-vue--enabled.cdx-select-vue--value-selected .cdx-select-vue__handle:focus:not(:active) .cdx-select-vue__start-icon{color:var(--color-base, #202122)}.cdx-dialog .cdx-select-vue{position:static}