|
1 | | -#favourite-categories { |
2 | | - position: relative; |
3 | | - width: 100%; |
4 | | - margin: 0 auto; |
5 | | - max-width: 1380px; |
6 | | - margin-bottom: 55px; |
7 | | - .swiper-button-next.fav-swiper-next, |
8 | | - .swiper-button-prev.fav-swiper-prev { |
9 | | - display: none; |
10 | | - } |
11 | | - .favourite-categories { |
12 | | - position: relative; |
13 | | - display: flex; |
14 | | - flex-direction: row; |
15 | | - flex-wrap: wrap; |
16 | | - justify-content: space-between; |
17 | | - align-items: flex-start; |
18 | | - gap: 50px 15px; |
19 | | - &-slot { |
20 | | - display: flex; |
21 | | - flex-direction: column; |
22 | | - align-items: center; |
23 | | - justify-content: center; |
24 | | - padding: 4px; |
25 | | - box-sizing: border-box; |
26 | | - border: 1px solid $transparent; |
27 | | - border-radius: 16px; |
28 | | - text-decoration: none; |
29 | | - width: 15% !important; |
30 | | - margin-right: 0 !important; |
31 | | - &:hover { |
32 | | - border: 1px solid $light_grey03; |
33 | | - } |
34 | | - &__img { |
35 | | - img { |
36 | | - width: 180px; |
37 | | - height: auto; |
38 | | - object-fit: cover; |
39 | | - } |
40 | | - } |
41 | | - &__title { |
42 | | - display: flex; |
43 | | - align-items: center; |
44 | | - justify-content: center; |
45 | | - width: 80%; |
46 | | - h3 { |
47 | | - display: inline-flex; |
48 | | - font-size: 20px; |
49 | | - font-weight: 500; |
50 | | - line-height: 30px; |
51 | | - text-align: center; |
52 | | - color: $furnipol_black; |
53 | | - } |
54 | | - } |
55 | | - } |
56 | | - } |
57 | | -} |
58 | | - |
59 | | -@media (max-width: 760px) { |
| 1 | +.main-2-0 { |
60 | 2 | #favourite-categories { |
| 3 | + position: relative; |
| 4 | + width: 100%; |
| 5 | + margin: 0 auto; |
| 6 | + max-width: 1380px; |
| 7 | + margin-bottom: 55px; |
| 8 | + .swiper-button-next.fav-swiper-next, |
61 | 9 | .swiper-button-prev.fav-swiper-prev { |
62 | | - display: flex; |
63 | | - height: 55px; |
64 | | - width: 55px; |
65 | | - left: 65px; |
66 | | - &::after { |
67 | | - display: flex; |
68 | | - font-size: 0; |
69 | | - letter-spacing: 0; |
70 | | - font-variant: initial; |
71 | | - line-height: 1; |
72 | | - background: url(./../assets/icons/home/sale_section/swiper-arrow-left.svg); |
73 | | - height: 55px; |
74 | | - width: 55px; |
75 | | - font-size: 0; |
76 | | - background-size: cover; |
77 | | - background-repeat: no-repeat; |
78 | | - } |
79 | | - } |
80 | | - .swiper-button-next.fav-swiper-next { |
81 | | - display: flex; |
82 | | - height: 55px; |
83 | | - width: 55px; |
84 | | - right: 65px; |
85 | | - &::after { |
86 | | - display: flex; |
87 | | - font-size: 0; |
88 | | - letter-spacing: 0; |
89 | | - font-variant: initial; |
90 | | - line-height: 1; |
91 | | - background: url(./../assets/icons/home/sale_section/swiper-arrow-right.svg); |
92 | | - height: 55px; |
93 | | - width: 55px; |
94 | | - font-size: 0; |
95 | | - background-size: cover; |
96 | | - background-repeat: no-repeat; |
97 | | - } |
| 10 | + display: none; |
98 | 11 | } |
99 | 12 | .favourite-categories { |
100 | | - flex-wrap: nowrap; |
101 | | - justify-content: center; |
102 | | - align-items: center; |
103 | | - gap: 0; |
| 13 | + position: relative; |
| 14 | + display: flex; |
| 15 | + flex-direction: row; |
| 16 | + flex-wrap: wrap; |
| 17 | + justify-content: space-between; |
| 18 | + align-items: flex-start; |
| 19 | + gap: 50px 15px; |
104 | 20 | &-slot { |
105 | | - width: 90% !important; |
| 21 | + display: flex; |
| 22 | + flex-direction: column; |
| 23 | + align-items: center; |
| 24 | + justify-content: center; |
| 25 | + padding: 4px; |
| 26 | + box-sizing: border-box; |
| 27 | + border: 1px solid $transparent; |
| 28 | + border-radius: 16px; |
| 29 | + text-decoration: none; |
| 30 | + width: 15% !important; |
| 31 | + margin-right: 0 !important; |
106 | 32 | &:hover { |
107 | 33 | border: 1px solid $light_grey03; |
108 | 34 | } |
|
131 | 57 | } |
132 | 58 | } |
133 | 59 | } |
| 60 | + |
| 61 | +@media (max-width: 760px) { |
| 62 | + .main-2-0 { |
| 63 | + #favourite-categories { |
| 64 | + .swiper-button-prev.fav-swiper-prev { |
| 65 | + display: flex; |
| 66 | + height: 55px; |
| 67 | + width: 55px; |
| 68 | + left: 65px; |
| 69 | + &::after { |
| 70 | + display: flex; |
| 71 | + font-size: 0; |
| 72 | + letter-spacing: 0; |
| 73 | + font-variant: initial; |
| 74 | + line-height: 1; |
| 75 | + background: url(./../assets/icons/home/sale_section/swiper-arrow-left.svg); |
| 76 | + height: 55px; |
| 77 | + width: 55px; |
| 78 | + font-size: 0; |
| 79 | + background-size: cover; |
| 80 | + background-repeat: no-repeat; |
| 81 | + } |
| 82 | + } |
| 83 | + .swiper-button-next.fav-swiper-next { |
| 84 | + display: flex; |
| 85 | + height: 55px; |
| 86 | + width: 55px; |
| 87 | + right: 65px; |
| 88 | + &::after { |
| 89 | + display: flex; |
| 90 | + font-size: 0; |
| 91 | + letter-spacing: 0; |
| 92 | + font-variant: initial; |
| 93 | + line-height: 1; |
| 94 | + background: url(./../assets/icons/home/sale_section/swiper-arrow-right.svg); |
| 95 | + height: 55px; |
| 96 | + width: 55px; |
| 97 | + font-size: 0; |
| 98 | + background-size: cover; |
| 99 | + background-repeat: no-repeat; |
| 100 | + } |
| 101 | + } |
| 102 | + .favourite-categories { |
| 103 | + flex-wrap: nowrap; |
| 104 | + justify-content: center; |
| 105 | + align-items: center; |
| 106 | + gap: 0; |
| 107 | + &-slot { |
| 108 | + width: 90% !important; |
| 109 | + &:hover { |
| 110 | + border: 1px solid $light_grey03; |
| 111 | + } |
| 112 | + &__img { |
| 113 | + img { |
| 114 | + width: 180px; |
| 115 | + height: auto; |
| 116 | + object-fit: cover; |
| 117 | + } |
| 118 | + } |
| 119 | + &__title { |
| 120 | + display: flex; |
| 121 | + align-items: center; |
| 122 | + justify-content: center; |
| 123 | + width: 80%; |
| 124 | + h3 { |
| 125 | + display: inline-flex; |
| 126 | + font-size: 20px; |
| 127 | + font-weight: 500; |
| 128 | + line-height: 30px; |
| 129 | + text-align: center; |
| 130 | + color: $furnipol_black; |
| 131 | + } |
| 132 | + } |
| 133 | + } |
| 134 | + } |
| 135 | + } |
| 136 | + } |
| 137 | +} |
0 commit comments