You are here

multiple-fields-remove-button.widget.css in Multiple Fields Remove Button 8

.has-multiple-fields-remove-button {
  position: relative;
  padding-right: 32px !important;
}

.has-multiple-fields-remove-button .multiple-fields-remove-button,
.has-multiple-fields-remove-button .multiple-fields-remove-button:hover,
.has-multiple-fields-remove-button .multiple-fields-remove-button:focus {
  position: absolute;
  right: 8px;
  top: 50%;
  margin: -8px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  text-indent: -9999px;
  width: 16px;
  height: 16px;
  background: url('multiple-fields-remove-button-icon.svg') no-repeat 50% 50%, url('multiple-fields-remove-button-icon-hover.svg') no-repeat 50% 50%;
}

.has-multiple-fields-remove-button .multiple-fields-remove-button:hover,
.has-multiple-fields-remove-button .multiple-fields-remove-button:focus {
  background-image: url('multiple-fields-remove-button-icon-hover.svg');
}

.has-multiple-fields-remove-button .multiple-fields-remove-button[disabled] {
  background: none !important;
}

.has-multiple-fields-remove-button .multiple-fields-remove-button + .ajax-progress {
  position: absolute;
  right: 4px;
  top: 50%;
  margin: -8px 0 0 !important;
}

.has-multiple-fields-remove-button .multiple-fields-remove-button + .ajax-progress .message {
  text-indent: -9999px;
  position: absolute;
}

File

css/multiple-fields-remove-button.widget.css
View source
  1. .has-multiple-fields-remove-button {
  2. position: relative;
  3. padding-right: 32px !important;
  4. }
  5. .has-multiple-fields-remove-button .multiple-fields-remove-button,
  6. .has-multiple-fields-remove-button .multiple-fields-remove-button:hover,
  7. .has-multiple-fields-remove-button .multiple-fields-remove-button:focus {
  8. position: absolute;
  9. right: 8px;
  10. top: 50%;
  11. margin: -8px 0 0 !important;
  12. padding: 0 !important;
  13. border: 0 !important;
  14. box-shadow: none !important;
  15. text-indent: -9999px;
  16. width: 16px;
  17. height: 16px;
  18. background: url('multiple-fields-remove-button-icon.svg') no-repeat 50% 50%, url('multiple-fields-remove-button-icon-hover.svg') no-repeat 50% 50%;
  19. }
  20. .has-multiple-fields-remove-button .multiple-fields-remove-button:hover,
  21. .has-multiple-fields-remove-button .multiple-fields-remove-button:focus {
  22. background-image: url('multiple-fields-remove-button-icon-hover.svg');
  23. }
  24. .has-multiple-fields-remove-button .multiple-fields-remove-button[disabled] {
  25. background: none !important;
  26. }
  27. .has-multiple-fields-remove-button .multiple-fields-remove-button + .ajax-progress {
  28. position: absolute;
  29. right: 4px;
  30. top: 50%;
  31. margin: -8px 0 0 !important;
  32. }
  33. .has-multiple-fields-remove-button .multiple-fields-remove-button + .ajax-progress .message {
  34. text-indent: -9999px;
  35. position: absolute;
  36. }