autocomplete_deluxe.claro.css in Autocomplete Deluxe 2.0.x
.autocomplete-deluxe-item { padding: 7px 30px 7px 10px; border-radius: 15px; background-color: #e9ecf1; font-weight: 500; } .autocomplete-deluxe-item-delete { top: 5.3em; right: 8px; width: 16px; height: 16px; background: url("../images/close.svg"); } #autocomplete-deluxe-input { -webkit-box-shadow: none; box-shadow: none; } .ui-autocomplete { scrollbar-width: none; -ms-overflow-style: none; } .ui-autocomplete::-webkit-scrollbar { display: none; } .node-form div.autocomplete-deluxe-container:not(.autocomplete-deluxe-multiple) { padding: 0; } div.autocomplete-deluxe-container { width: 100%; padding: 0.68rem 1.875rem 0.68rem 0.93rem; color: #222330; border: 1px solid #8e929c; border-radius: 0.125rem; background: #fff; -webkit-box-shadow: none; box-shadow: none; } @media screen and (max-width: 81.25rem) { .node-form div.autocomplete-deluxe-container { width: 100%; } } .node-form div.autocomplete-deluxe-container:not(.autocomplete-deluxe-multiple) input.autocomplete-deluxe-form { width: 100%; min-height: 3rem; padding: 0.68rem 1.875rem 0.68rem 0.93rem; background: white; } .node-form div.autocomplete-deluxe-container:not(.autocomplete-deluxe-multiple) .autocomplete-deluxe-throbber { top: 0.93rem; } .node-form div.autocomplete-deluxe-container .autocomplete-deluxe-item { margin: 0 0.31rem 0.18rem 0; } .node-form div.autocomplete-deluxe-container input.autocomplete-deluxe-form { min-height: 1.25rem; padding-top: 0; padding-bottom: 0; } .node-form div.autocomplete-deluxe-container div.autocomplete-deluxe-throbber { position: absolute; top: 0.875rem; right: 0.625rem; width: 1.875rem; height: 100%; } .node-form div.autocomplete-deluxe-container div.autocomplete-deluxe-throbber.autocomplete-deluxe-open { background: url("../images/search-autocompleting.svg") no-repeat; } .node-form div.autocomplete-deluxe-container div.autocomplete-deluxe-throbber.autocomplete-deluxe-closed { background: url("../images/search-autocomplete.svg") no-repeat; } .node-form .claro-autocomplete { width: 65%; } .node-form .claro-autocomplete .claro-autocomplete__message { display: none; } .node-form .claro-autocomplete input { width: 100%; padding-right: 1.875rem; } .node-form .accordion .claro-autocomplete { width: 100%; } .node-form .js input.form-autocomplete { background: url("../images/search-autocomplete.svg") no-repeat 100% 50%; } .node-form .js input.form-autocomplete.ui-autocomplete-loading { background: url("../images/search-autocompleting.svg") no-repeat 100% 50%; } .node-form .js .is-autocompleting + .claro-autocomplete__message { display: none; } @media screen and (max-width: 81.25rem) { .node-form .claro-autocomplete { width: 100%; } }
File
assets/css/autocomplete_deluxe.claro.cssView source
- .autocomplete-deluxe-item {
- padding: 7px 30px 7px 10px;
- border-radius: 15px;
- background-color: #e9ecf1;
- font-weight: 500;
- }
-
- .autocomplete-deluxe-item-delete {
- top: 5.3em;
- right: 8px;
- width: 16px;
- height: 16px;
- background: url("../images/close.svg");
- }
-
- #autocomplete-deluxe-input {
- -webkit-box-shadow: none;
- box-shadow: none;
- }
-
- .ui-autocomplete {
- scrollbar-width: none;
- -ms-overflow-style: none;
- }
-
- .ui-autocomplete::-webkit-scrollbar {
- display: none;
- }
-
- .node-form div.autocomplete-deluxe-container:not(.autocomplete-deluxe-multiple) {
- padding: 0;
- }
-
- div.autocomplete-deluxe-container {
- width: 100%;
- padding: 0.68rem 1.875rem 0.68rem 0.93rem;
- color: #222330;
- border: 1px solid #8e929c;
- border-radius: 0.125rem;
- background: #fff;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
-
- @media screen and (max-width: 81.25rem) {
- .node-form div.autocomplete-deluxe-container {
- width: 100%;
- }
- }
-
- .node-form div.autocomplete-deluxe-container:not(.autocomplete-deluxe-multiple) input.autocomplete-deluxe-form {
- width: 100%;
- min-height: 3rem;
- padding: 0.68rem 1.875rem 0.68rem 0.93rem;
- background: white;
- }
-
- .node-form div.autocomplete-deluxe-container:not(.autocomplete-deluxe-multiple) .autocomplete-deluxe-throbber {
- top: 0.93rem;
- }
-
- .node-form div.autocomplete-deluxe-container .autocomplete-deluxe-item {
- margin: 0 0.31rem 0.18rem 0;
- }
-
- .node-form div.autocomplete-deluxe-container input.autocomplete-deluxe-form {
- min-height: 1.25rem;
- padding-top: 0;
- padding-bottom: 0;
- }
-
- .node-form div.autocomplete-deluxe-container div.autocomplete-deluxe-throbber {
- position: absolute;
- top: 0.875rem;
- right: 0.625rem;
- width: 1.875rem;
- height: 100%;
- }
-
- .node-form div.autocomplete-deluxe-container div.autocomplete-deluxe-throbber.autocomplete-deluxe-open {
- background: url("../images/search-autocompleting.svg") no-repeat;
- }
-
- .node-form div.autocomplete-deluxe-container div.autocomplete-deluxe-throbber.autocomplete-deluxe-closed {
- background: url("../images/search-autocomplete.svg") no-repeat;
- }
-
- .node-form .claro-autocomplete {
- width: 65%;
- }
-
- .node-form .claro-autocomplete .claro-autocomplete__message {
- display: none;
- }
-
- .node-form .claro-autocomplete input {
- width: 100%;
- padding-right: 1.875rem;
- }
-
- .node-form .accordion .claro-autocomplete {
- width: 100%;
- }
-
- .node-form .js input.form-autocomplete {
- background: url("../images/search-autocomplete.svg") no-repeat 100% 50%;
- }
-
- .node-form .js input.form-autocomplete.ui-autocomplete-loading {
- background: url("../images/search-autocompleting.svg") no-repeat 100% 50%;
- }
-
- .node-form .js .is-autocompleting + .claro-autocomplete__message {
- display: none;
- }
-
- @media screen and (max-width: 81.25rem) {
- .node-form .claro-autocomplete {
- width: 100%;
- }
- }