Home Explore Help
Register Sign In
haojs
/
hh-k8-ampe-mini
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 377601c611
Branches Tags
hh-k8-ampe-mini
/
node_modules
/
vant-aliapp
/
dist
/
components
/
demo-home-nav
/
index.acss

index.acss 921 B
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142 
  1. .demo-home-nav-index {
    2. 

  2.     display: block;
    3. 

  3.     height: initial;
    4. 

  4. }
    5. 

  5. .demo-home-nav-index .demo-home-nav__title {
    6. 

  6.     margin: 24px 0 8px 16px;
    7. 

  7.     color: rgba(69, 90, 100, 0.6);
    8. 

  8.     font-size: 14px;
    9. 

  9. }
    10. 

  10. 

  11. .demo-home-nav-index .demo-home-nav__block {
    12. 

  12.     position: relative;
    13. 

  13.     display: flex;
    14. 

  14.     margin: 0 0 12px;
    15. 

  15.     padding-left: 20px;
    16. 

  16.     color: #323233;
    17. 

  17.     font-weight: 500;
    18. 

  18.     font-size: 14px;
    19. 

  19.     line-height: 40px;
    20. 

  20.     background: #f7f8fa;
    21. 

  21.     border-radius: 99px;
    22. 

  22.     transition: background 0.3s;
    23. 

  23. }
    24. 

  24. 

  25. .demo-home-nav-index .demo-home-nav__block:hover {
    26. 

  26.     background: darken(#f7f8fa, 3%);
    27. 

  27. }
    28. 

  28. 

  29. .demo-home-nav-index .demo-home-nav__block:active {
    30. 

  30.     background: darken(#f7f8fa, 6%);
    31. 

  31. }
    32. 

  32. 

  33. .demo-home-nav-index .demo-home-nav__icon {
    34. 

  34.     position: absolute !important;
    35. 

  35.     top: 50%;
    36. 

  36.     right: 16px;
    37. 

  37.     width: 16px;
    38. 

  38.     height: 16px;
    39. 

  39.     margin-top: -8px;
    40. 

  40.     color: rgb(182, 195, 210);
    41. 

  41.     font-weight: 900 !important;
    42. 

  42. }
    43.