暫無描述
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_all-ctry-menu.scss 2.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. /*******************************
  2. hero-side-category style
  3. *******************************/
  4. .hero-side-category {
  5. width: 100%;
  6. position: relative;
  7. .category-toggle {
  8. padding: 10px 20px;
  9. background-color: $color-white;
  10. color: $color-dark;
  11. font-size: 14px;
  12. text-transform: uppercase;
  13. font-weight: fontweight(medium);
  14. line-height: 24px;
  15. width: 100%;
  16. text-align: left;
  17. border: 2px solid $border-color2;
  18. border-radius: 5px;
  19. position: relative;
  20. i {
  21. display: inline-block;
  22. margin-right: 10px;
  23. text-align: center;
  24. font-size: 18px;
  25. @include transform(translate(0, 2px));
  26. }
  27. }
  28. .category-menu {
  29. background-color: $color-white;
  30. width: 100%;
  31. left: 0;
  32. top: 110%;
  33. border: 1px solid $border-color;
  34. position: absolute;
  35. display: none;
  36. z-index: 2;
  37. height: 500px;
  38. overflow-x: auto;
  39. @include border-radius(5px);
  40. }
  41. .category-menu {
  42. li {
  43. a {
  44. display: block;
  45. padding: 10px 25px;
  46. line-height: 30px;
  47. font-size: 14px;
  48. color: $focus-color;
  49. font-weight: fontweight(regular);
  50. position: relative;
  51. border-bottom: 1px solid $border-color;
  52. i {
  53. position: absolute;
  54. right: 30px;
  55. }
  56. }
  57. .category-mega-menu {
  58. display: none;
  59. a {
  60. padding: 10px 25px 10px 35px;
  61. line-height: 30px;
  62. font-size: 14px;
  63. font-weight: fontweight(regular);
  64. color: $focus-color;
  65. position: relative;
  66. margin: 0;
  67. text-transform: inherit;
  68. }
  69. }
  70. }
  71. }
  72. }
  73. .hero-side-category {
  74. .category-menu {
  75. li {
  76. #more-btn {
  77. font-weight: fontweight(medium);
  78. padding-left: 45px;
  79. i {
  80. right: auto;
  81. left: 30px;
  82. }
  83. }
  84. }
  85. }
  86. }
  87. // category-menu
  88. // theme1
  89. .theme1 {
  90. .category-menu {
  91. li {
  92. &:hover > {
  93. a {
  94. color: $theme-color;
  95. }
  96. }
  97. }
  98. }
  99. }
  100. /***********************************
  101. hero-side-category style END
  102. ***********************************/