styleOperator.less 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. .style-operator {
  2. display: inline-block;
  3. vertical-align: middle;
  4. padding: 0 5px;
  5. border-right: 1px dashed #eee;
  6. .clear-style {
  7. vertical-align: middle;
  8. }
  9. }
  10. .clear-style-icon {
  11. background: url(images/icons.png) no-repeat;
  12. background-position: 0 -175px;;
  13. }
  14. .s-btn-group-vertical {
  15. display: inline-block;
  16. vertical-align: middle;
  17. }
  18. .s-btn-icon {
  19. width: 20px;
  20. height: 20px;
  21. margin-right: 3px;
  22. display: inline-block;
  23. vertical-align: middle;
  24. }
  25. .s-btn-label {
  26. font-size: 12px;
  27. vertical-align: middle;
  28. display: inline-block;
  29. }
  30. .s-btn-wrap {
  31. // margin-bottom: 2px;
  32. padding: 0 5px 0 3px;
  33. display: inline-block;
  34. text-decoration: none;
  35. font-size: 0;
  36. &[disabled] span {
  37. opacity: 0.5;
  38. }
  39. &[disabled] {
  40. cursor: default;
  41. }
  42. &[disabled]:hover {
  43. background-color: transparent;
  44. }
  45. &[disabled]:active {
  46. background-color: transparent;
  47. }
  48. &:hover {
  49. background-color: @tool-hover;
  50. text-decoration: none;
  51. }
  52. &:active {
  53. background-color: @tool-active;
  54. }
  55. }
  56. .copy-style-icon {
  57. background: url(images/icons.png) no-repeat;
  58. background-position: 0 -200px;
  59. }
  60. .paste-style-wrap {
  61. display: block;
  62. }
  63. .paste-style-icon {
  64. background: url(images/icons.png) no-repeat;
  65. background-position: 0 -220px;
  66. }