remove_button.less 970 B

12345678910111213141516171819202122232425262728293031323334353637
  1. .selectize-control.plugin-remove_button {
  2. [data-value] {
  3. position: relative;
  4. padding-right: 24px !important;
  5. }
  6. [data-value] .remove {
  7. z-index: 1; /* fixes ie bug (see #392) */
  8. position: absolute;
  9. top: 0;
  10. right: 0;
  11. bottom: 0;
  12. width: 17px;
  13. text-align: center;
  14. font-weight: bold;
  15. font-size: 12px;
  16. color: inherit;
  17. text-decoration: none;
  18. vertical-align: middle;
  19. display: inline-block;
  20. padding: @selectize-padding-item-y 0 0 0;
  21. border-left: 1px solid @selectize-color-item-border;
  22. .selectize-border-radius(0 2px 2px 0);
  23. .selectize-box-sizing(border-box);
  24. }
  25. [data-value] .remove:hover {
  26. background: rgba(0,0,0,0.05);
  27. }
  28. [data-value].active .remove {
  29. border-left-color: @selectize-color-item-active-border;
  30. }
  31. .disabled [data-value] .remove:hover {
  32. background: none;
  33. }
  34. .disabled [data-value] .remove {
  35. border-left-color: lighten(desaturate(@selectize-color-item-border, 100%), @selectize-lighten-disabled-item-border);
  36. }
  37. }