nav.css 928 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. .nav {
  2. padding: 40px 0;
  3. }
  4. .nav__row {
  5. display: flex;
  6. justify-content: flex-start;
  7. align-items: center;
  8. }
  9. .nav__logo, a.nav__logo {
  10. text-decoration: none;
  11. font-family: Noto Sans;
  12. font-style: normal;
  13. font-weight: normal;
  14. font-size: 28px;
  15. line-height: 38px;
  16. color: #000000;
  17. margin-right: 83px;
  18. }
  19. a.nav__logo:hover{
  20. color: #f72464;
  21. }
  22. .nav__list {
  23. display: flex;
  24. margin: 0;
  25. padding: 0;
  26. list-style-type: none;
  27. }
  28. .nav__item {
  29. margin-right: 30px;
  30. font-size: 18px;
  31. }
  32. .nav__link {
  33. text-decoration: none;
  34. color: #000;
  35. }
  36. .nav__link:hover{
  37. color: #f72464;
  38. }
  39. .nav__cart {
  40. margin-left: auto;
  41. }
  42. .nav__cart-link{
  43. display: inline-block;
  44. padding: 5px;
  45. position: relative;
  46. top: 5px;
  47. }
  48. .nav__cart-number{
  49. position: absolute;
  50. top:0;
  51. right: 0;
  52. border-radius: 50%;
  53. color: #fff;
  54. width: 20px;
  55. height: 20px;
  56. font-weight: bold;
  57. font-size: 12px;
  58. text-align: center;
  59. line-height: 20px;
  60. background: #f72464;
  61. }