autocomplete-loading.module.css 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. /*
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/3084859
  5. * @preserve
  6. */
  7. /**
  8. * @file
  9. * Visual styles for autocomplete input field.
  10. */
  11. :root { /* 18 18 */
  12. }
  13. html[dir="ltr"].js .form-autocomplete {
  14. padding-right: 3.375rem;
  15. }
  16. html[dir="rtl"].js .form-autocomplete {
  17. padding-left: 3.375rem;
  18. }
  19. html.js .form-autocomplete {
  20. background-color: #fff;
  21. background-image: url("../../images/magnifying-glass.svg");
  22. background-repeat: no-repeat;
  23. background-position: right 18px center; /* LTR */
  24. }
  25. html.js .form-autocomplete:disabled {
  26. background-color: #f1f4f7;
  27. }
  28. html.js .form-autocomplete.ui-autocomplete-loading {
  29. background: url("../../images/throbber.svg") no-repeat right 1.125rem center;
  30. }
  31. html.js[dir="rtl"] .form-autocomplete {
  32. background-color: #fff;
  33. background-image: url("../../images/magnifying-glass.svg");
  34. background-repeat: no-repeat;
  35. background-position: left 18px center;
  36. }
  37. html.js[dir="rtl"] .form-autocomplete:disabled {
  38. background-color: #f1f4f7;
  39. }
  40. html.js[dir="rtl"] .form-autocomplete.ui-autocomplete-loading {
  41. background: url("../../images/throbber.svg") no-repeat left 1.125rem center;
  42. }
  43. /* IE11 does not animate inline SVG. */
  44. /* rtl:begin:ignore */
  45. /* stylelint-disable-next-line selector-type-no-unknown */
  46. _:-ms-fullscreen,
  47. html[dir=ltr].js .form-autocomplete.ui-autocomplete-loading {
  48. background: url("../../images/throbber.gif") no-repeat right 1.125rem center / 1.125rem 1.125rem;
  49. }
  50. /* stylelint-disable-next-line selector-type-no-unknown */
  51. _:-ms-fullscreen,
  52. html[dir=rtl].js .form-autocomplete.ui-autocomplete-loading {
  53. background: url("../../images/throbber.gif") no-repeat left 1.125rem center / 1.125rem 1.125rem;
  54. }