mixin.scss 954 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. @mixin clearfix {
  2. &:after {
  3. content: "";
  4. display: table;
  5. clear: both;
  6. }
  7. }
  8. @mixin scrollBar {
  9. &::-webkit-scrollbar-track-piece {
  10. background: #d3dce6;
  11. }
  12. &::-webkit-scrollbar {
  13. width: 6px;
  14. }
  15. &::-webkit-scrollbar-thumb {
  16. background: #99a9bf;
  17. border-radius: 20px;
  18. }
  19. }
  20. @mixin relative {
  21. position: relative;
  22. width: 100%;
  23. height: 100%;
  24. }
  25. @mixin action-bar {
  26. .action-bar {
  27. height: 33px;
  28. background: #f2fafb;
  29. padding: 0 15px;
  30. box-sizing: border-box;
  31. .bar-btn {
  32. display: inline-block;
  33. padding: 0 6px;
  34. line-height: 32px;
  35. color: #8285f5;
  36. cursor: pointer;
  37. font-size: 14px;
  38. user-select: none;
  39. & i {
  40. font-size: 20px;
  41. }
  42. &:hover {
  43. color: #4348d4;
  44. }
  45. }
  46. .bar-btn + .bar-btn {
  47. margin-left: 8px;
  48. }
  49. .delete-btn {
  50. color: #f56c6c;
  51. &:hover {
  52. color: #ea0b30;
  53. }
  54. }
  55. }
  56. }