h5.scss 895 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. .words-H5 {
  2. display: inline-block;
  3. position: relative;
  4. cursor: auto;
  5. .words-H5-main {
  6. position: fixed;
  7. left: 0;
  8. top: 0;
  9. bottom: 0;
  10. width: 100vw;
  11. height: auto;
  12. box-sizing: border-box;
  13. display: flex;
  14. flex-direction: column;
  15. justify-content: flex-end;
  16. padding: 0;
  17. .words-main-content {
  18. padding: 23Px 27Px 12Px;
  19. border-radius: 12Px 12Px 0 0;
  20. header {
  21. padding: 0;
  22. aside {
  23. flex-direction: column;
  24. align-items: flex-start;
  25. font-size: 16Px;
  26. line-height: 28Px;
  27. h1 {
  28. font-size: 20Px;
  29. }
  30. }
  31. .close {
  32. font-size: 18Px;
  33. line-height: 27Px;
  34. }
  35. }
  36. .words-list {
  37. &-item {
  38. padding: 12Px 0;
  39. font-size: 18Px;
  40. line-height: 25Px;
  41. }
  42. }
  43. }
  44. }
  45. }