UNPKG

@syncfusion/ej2-dropdowns

Version:

Essential JS 2 DropDown Components

71 lines (60 loc) 2.17 kB
.e-ddl.e-control-wrapper .e-ddl-icon::before { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; transition: transform 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease; } .e-ddl.e-control-wrapper.e-icon-anim .e-ddl-icon::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; transition: transform 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease; } .e-dropdownbase .e-list-item.e-active.e-hover { color: #fff; } .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active, .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover, .e-input-group:not(.e-disabled) .e-back-icon:active, .e-input-group:not(.e-disabled) .e-back-icon:hover, .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:active, .e-popup.e-ddl .e-input-group:not(.e-disabled) .e-clear-icon:hover { background: transparent; } .e-input-group .e-ddl-icon:not(:active)::after { -webkit-animation: none; animation: none; } .e-ddl.e-popup { border: 0; border-radius: 4px; -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); margin-top: 4px; } .e-small .e-ddl.e-popup, .e-small.e-ddl.e-popup { border-radius: 2px; margin-top: 2px; } .e-popup.e-ddl .e-dropdownbase { min-height: 26px; padding: 4px 0; } .e-input-group.e-ddl, .e-input-group.e-ddl .e-input, .e-input-group.e-ddl .e-ddl-icon { background: #1f2937; } .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group:hover:not(.e-disabled):not(.e-float-icon-left), .e-ddl.e-ddl-device.e-ddl-device-filter .e-input-group.e-control-wrapper:hover:not(.e-disabled):not(.e-float-icon-left) { border-bottom-width: 0; } .e-ddl.e-popup.e-outline .e-filter-parent { padding: 4px 8px; } /* stylelint-disable-line no-empty-source */