list-item.less 955 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. #sh-list {
  2. .list-item {
  3. position: relative;
  4. padding: 7px 10px 7px 15px;
  5. cursor: pointer;
  6. &.hidden {
  7. display: none;
  8. }
  9. &.sys-hosts {
  10. font-size: 14px;
  11. padding: 8px 10px 8px 13px;
  12. i {
  13. width: 22px;
  14. }
  15. }
  16. &.selected {
  17. background: #2d3138;
  18. span {
  19. color: #fff;
  20. }
  21. i.item-icon {
  22. color: #fff;
  23. }
  24. &:hover {
  25. i.icon-edit {
  26. display: inline-block;
  27. color: #fff;
  28. }
  29. }
  30. }
  31. i {
  32. display: inline-block;
  33. width: 20px;
  34. text-align: center;
  35. margin-right: 5px;
  36. &.item-icon {
  37. font-size: 12px;
  38. }
  39. &.switch {
  40. cursor: pointer;
  41. line-height: 23px;
  42. &.icon-on {
  43. color: #af9;
  44. }
  45. }
  46. &.icon-edit {
  47. display: none;
  48. }
  49. }
  50. .item-buttons {
  51. position: absolute;
  52. right: 10px;
  53. }
  54. }
  55. }