Buttons.less 724 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. @import '../cfg.less';
  2. .root {
  3. @bg_left: #373d47;
  4. position: absolute;
  5. bottom: 0;
  6. width: 240px;
  7. height: 30px;
  8. line-height: 30px;
  9. background: @bg_left;
  10. }
  11. .left {
  12. float: left;
  13. padding-left: 10px;
  14. }
  15. .btn-add {
  16. display: inline-block;
  17. text-align: center;
  18. width: 20px;
  19. color: @font_color_left;
  20. text-decoration: none;
  21. &:hover {
  22. background: rgba(255, 255, 255, 0.1);
  23. }
  24. }
  25. .right {
  26. float: right;
  27. padding-right: 17px;
  28. height: 30px;
  29. i {
  30. display: inline-block;
  31. margin-left: 10px;
  32. cursor: pointer;
  33. }
  34. }
  35. :global {
  36. .icon-switchoff {
  37. position: relative;
  38. top: -1px;
  39. }
  40. .icon-search {
  41. padding: 0 8px;
  42. &.on {
  43. background: @bg_left_search;
  44. }
  45. }
  46. }