Advertisement
Guest User

Untitled

a guest
May 24th, 2020
17
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.38 KB | None | 0 0
  1. .nav
  2. .header-nav-container
  3. background: white
  4. display: flex
  5. height: 67px
  6. justify-content: space-between
  7. align-items: center
  8. position: relative
  9. padding: 0px 20px
  10. .main-submenu
  11. // margin: 0
  12. // list-style: none
  13. // white-space: nowrap
  14. // padding: 5px
  15. // z-index: 1
  16. // position: absolute
  17. // top: 100%
  18. // left: 0
  19. // background: grey
  20. // padding: 10px 20px
  21. // padding-top: 40px
  22. // //display: none
  23. // min-width: calc(100%)
  24. a
  25. font-size: 14px
  26. color: $black
  27. text-decoration: none !important
  28. .header-main-menu
  29. font-family: 'Gotham Pro'
  30. font-weight: 400
  31. span
  32. z-index: 2
  33. .header-main-menu-list
  34. margin-left: -40px
  35. margin-bottom: 0px
  36. margin-top: 0px
  37. list-style: none
  38. display: flex
  39. .header-main-menu-list__item
  40. text-transform: uppercase
  41. color: $black
  42. font-family: 'Gotham Pro'
  43. font-weight: 400
  44. .with-submenu
  45. > span
  46. padding-right: 15px
  47. cursor: default
  48. z-index: 2
  49. &::after
  50. content: ''
  51. position: absolute
  52. top: 5px
  53. right: 0px
  54. width: 0
  55. height: 0
  56. border-left: 4px solid transparent
  57. border-right: 4px solid transparent
  58. border-top: 6px solid $black
  59. &:hover
  60. .main-submenu
  61. display: block
  62. .main-submenu
  63. padding: 0
  64. margin: 0
  65. list-style: none
  66. white-space: nowrap
  67. padding: 5px
  68. z-index: 1
  69. position: absolute
  70. top: calc(100% - 40px)
  71. left: 0
  72. background: white
  73. padding: 20px 20px
  74. padding-top: 80px
  75. //display: none
  76. min-width: calc(100%)
  77. a
  78. font-size: 14px
  79. color: $black
  80. text-decoration: none !important
  81. .main-menu-sub-2, .main-menu-sub-3, .main-menu-sub-4
  82. li
  83. list-style: none
  84. .main-submenu2
  85. justify-content: center
  86. li
  87. width: 16%
  88. a
  89. svg
  90. border-right: 1px solid lightgrey
  91. width: 100%
  92. height: 90px
  93. span
  94. display: block
  95. max-width: 100%
  96. text-align: center
  97. word-spacing: 1337px
  98. white-space: normal
  99. line-height: 18px
  100. .invisible
  101. display: inline
  102. color: white
  103. &:last-child
  104. a
  105. svg
  106. border-right: none
  107. .main-menu-sub-1
  108. li
  109. list-style: none
  110. > li, ul
  111. display: flex
  112. flex-flow: row nowrap
  113. justify-content: flex-start
  114. > li
  115. > a
  116. font-size: 20px
  117. font-family: 'Gotham Pro'
  118. font-weight: 800
  119. letter-spacing: -0.5px
  120. display: block
  121. width: 25%
  122. margin-top: 4px
  123. .main-submenu2
  124. border-top: 1px solid lightgrey
  125. width: 82%
  126. margin-top: 20px
  127. padding-top: 15px
  128. li
  129. flex-basis: 19%
  130. a
  131. display: flex
  132. flex-flow: column nowrap
  133. align-items: center
  134. svg
  135. width: 100%
  136. height: 90px
  137. &:hover
  138. svg
  139. .st1, .st0, .st2, .st3
  140. stroke: $hyellow
  141. span
  142. display: block
  143. max-width: 100%
  144. text-align: center
  145. word-spacing: 1337px
  146. white-space: normal
  147. line-height: 18px
  148. .premium-menu-item
  149. margin-top: -15px
  150. margin-bottom: -20px
  151. background-color: $black
  152. svg
  153. position: relative
  154. top: 0px
  155. .st0
  156. stroke: $lyellow
  157. &:hover
  158. svg
  159. position: relative
  160. top: -3px
  161. a
  162. margin-top: 15px
  163. color: $lyellow
  164. font-family: 'Gotham Pro'
  165. font-weight: 800
  166.  
  167. .main-menu-sub-2, .main-menu-sub-3, .main-menu-sub-4
  168. .main-submenu2
  169. display: flex
  170. flex-flow: row nowrap
  171. justify-content: center
  172. a
  173. display: flex
  174. flex-flow: column nowrap
  175. align-items: center
  176. svg
  177. width: 150px
  178. height: 150px
  179. &:hover
  180. svg
  181. .st1, .st0, .st2, .st3
  182. stroke: $hyellow
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement