web.scss 725 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. .words {
  2. display: inline-block;
  3. position: relative;
  4. cursor: pointer;
  5. .icon {
  6. margin: 12px 10px 0;
  7. }
  8. &-main {
  9. position: absolute;
  10. z-index: 5;
  11. width: 315px;
  12. top: -200px;
  13. padding: 12px;
  14. display: flex;
  15. flex-direction: column;
  16. width: 19.13rem;
  17. height: 12.44rem;
  18. overflow-y: auto;
  19. header {
  20. display: flex;
  21. justify-content: space-between;
  22. aside {
  23. display: flex;
  24. align-items: center;
  25. font-size: 12px;
  26. h1 {
  27. font-size: 12px;
  28. }
  29. }
  30. }
  31. }
  32. &-list {
  33. flex: 1;
  34. display: flex;
  35. flex-direction: column;
  36. &-item {
  37. cursor: pointer;
  38. padding: 4px 0;
  39. font-size: 12px;
  40. }
  41. }
  42. }