PluginProbe
QuadMenu – Mega Menu / 3.3.8
QuadMenu – Mega Menu v3.3.8
3.3.8 3.3.7 3.3.6 trunk 1.8.4 1.8.5 1.8.7 1.8.8 1.8.9 1.9.0 1.9.2 1.9.3 1.9.4 1.9.5 1.9.6 1.9.7 1.9.8 1.9.9 2.0.0 2.0.1 2.0.2 2.0.3 2.0.4 2.0.5 2.0.6 All 88 releases
← All changes | assets/frontend/less/quadmenu-widgets.less +253 -253 2.0.6 → 3.3.8 View file →
@@ -1,254 +1,254 @@
1 -@import "mixins.less";
2 -@import "themes/widgets.less";
3 -
4 -.loop(@i: length(@themes)) when (@i > 0) and not (@themes = '') {
5 -
6 - @theme: e(extract(@themes, @i));
7 -
8 - @class: ~"quadmenu-@{theme}";
9 -
10 - @font_font-family: "@{theme}_font_font-family";
11 - @font_font-weight: "@{theme}_font_font-weight";
12 - @font_font-size: "@{theme}_font_font-size";
13 - @font_font-style: "@{theme}_font_font-style";
14 - @font_letter-spacing: "@{theme}_font_letter-spacing";
15 -
16 - @navbar_font_font-family: "@{theme}_navbar_font_font-family";
17 - @navbar_font_font-weight: "@{theme}_navbar_font_font-weight";
18 - @navbar_font_font-size: "@{theme}_navbar_font_font-size";
19 - @navbar_font_font-style: "@{theme}_navbar_font_font-style";
20 - @navbar_font_letter-spacing: "@{theme}_navbar_font_letter-spacing";
21 -
22 - @dropdown_font_font-family: "@{theme}_dropdown_font_font-family";
23 - @dropdown_font_font-weight: "@{theme}_dropdown_font_font-weight";
24 - @dropdown_font_font-size: "@{theme}_dropdown_font_font-size";
25 - @dropdown_font_font-style: "@{theme}_dropdown_font_font-style";
26 - @dropdown_font_letter-spacing: "@{theme}_dropdown_font_letter-spacing";
27 -
28 - @navbar_width: "@{theme}_navbar_width";
29 - @navbar_height: "@{theme}_navbar_height";
30 - @sticky_height: "@{theme}_sticky_height";
31 -
32 - @navbar_background_color: "@{theme}_navbar_background_color";
33 - @navbar_background_to: "@{theme}_navbar_background_to";
34 - @navbar_background_deg: "@{theme}_navbar_background_deg";
35 -
36 - @sticky_background_color: "@{theme}_sticky_background";
37 -
38 - @navbar_mobile_border_color: "@{theme}_navbar_mobile_border";
39 -
40 - @navbar_logo_bg: "@{theme}_navbar_logo_bg";
41 - @navbar_logo_height: "@{theme}_navbar_logo_height";
42 - @sticky_logo_height: "@{theme}_sticky_logo_height";
43 -
44 - @navbar_link_bg: "@{theme}_navbar_link_bg";
45 -
46 - @navbar_link_bg_hover: "@{theme}_navbar_link_bg_hover";
47 -
48 - @navbar_divider: "@{theme}_navbar_divider";
49 -
50 - @navbar_link_hover_effect: "@{theme}_navbar_link_hover_effect";
51 -
52 - @navbar_link_margin_top: "@{theme}_navbar_link_margin_border-top";
53 - @navbar_link_margin_bottom: "@{theme}_navbar_link_margin_border-bottom";
54 - @navbar_link_margin_left: "@{theme}_navbar_link_margin_border-left";
55 - @navbar_link_margin_right: "@{theme}_navbar_link_margin_border-right";
56 -
57 - @navbar_link_radius_top: "@{theme}_navbar_link_radius_border-top";
58 - @navbar_link_radius_bottom: "@{theme}_navbar_link_radius_border-bottom";
59 - @navbar_link_radius_left: "@{theme}_navbar_link_radius_border-left";
60 - @navbar_link_radius_right: "@{theme}_navbar_link_radius_border-right";
61 -
62 - @dropdown_margin: "@{theme}_dropdown_margin";
63 - @dropdown_radius_top: "@{theme}_dropdown_radius_border-top";
64 - @dropdown_radius_right: "@{theme}_dropdown_radius_border-right";
65 - @dropdown_radius_bottom: "@{theme}_dropdown_radius_border-bottom";
66 - @dropdown_radius_left: "@{theme}_dropdown_radius_border-left";
67 - @dropdown_border_color: "@{theme}_dropdown_border_border-color";
68 - @dropdown_border_top: "@{theme}_dropdown_border_border-top";
69 - @dropdown_border_right: "@{theme}_dropdown_border_border-right";
70 - @dropdown_border_bottom: "@{theme}_dropdown_border_border-bottom";
71 - @dropdown_border_left: "@{theme}_dropdown_border_border-left";
72 -
73 - @dropdown_background: "@{theme}_dropdown_background";
74 -
75 - @dropdown_title_border_width: "@{theme}_dropdown_title_border_border-top";
76 - @dropdown_title_border_style: "@{theme}_dropdown_title_border_border-style";
77 - @dropdown_title_border_color: "@{theme}_dropdown_title_border_border-color";
78 -
79 - @dropdown_link: "@{theme}_dropdown_link";
80 -
81 - @dropdown_link_hover: "@{theme}_dropdown_link_hover";
82 - @dropdown_link_bg_hover: "@{theme}_dropdown_link_bg_hover";
83 -
84 - @dropdown_link_border_width: "@{theme}_dropdown_link_border_border-top";
85 - @dropdown_link_border_style: "@{theme}_dropdown_link_border_border-style";
86 - @dropdown_link_border_color: "@{theme}_dropdown_link_border_border-color";
87 -
88 - // Button
89 - // -------------------------------------------------------------------------
90 -
91 - @dropdown_button_radius_top: "@{theme}_dropdown_button_radius_border-top";
92 - @dropdown_button_radius_right: "@{theme}_dropdown_button_radius_border-right";
93 - @dropdown_button_radius_bottom: "@{theme}_dropdown_button_radius_border-bottom";
94 - @dropdown_button_radius_left: "@{theme}_dropdown_button_radius_border-left";
95 -
96 - // Tab
97 - // -------------------------------------------------------------------------
98 -
99 - @dropdown_tab_bg: "@{theme}_dropdown_tab_bg";
100 - @dropdown_tab_bg_hover: "@{theme}_dropdown_tab_bg_hover";
101 -
102 -
103 - #quadmenu {
104 - &.@{class} {
105 -
106 - // Fonts
107 - // -----------------------------------------------------------------
108 -
109 - .widget {
110 - a,
111 - ul li {
112 - font-family: @@dropdown_font_font-family;
113 - font-size: @@dropdown_font_font-size * 1px;
114 - font-weight: @@dropdown_font_font-weight;
115 - font-style: @@dropdown_font_font-style;
116 - .letter-spacing(@@dropdown_font_letter-spacing);
117 - }
118 -
119 - &.widget_rss {
120 - span.rss-date {
121 - font-size: @@font_font-size * 1px- 2px;
122 - }
123 - }
124 -
125 - &.widget_products,
126 - &.widget_recent_reviews,
127 - &.widget_shopping_cart,
128 - &.widget_recently_viewed_products,
129 - &.widget_top_rated_products,
130 - &.widget_featured_posts {
131 -
132 - li {
133 - > a,
134 - > a > span.product-title {
135 - text-transform: ~"@{@{theme}_dropdown_link_transform}";
136 - font-family: @@dropdown_font_font-family;
137 - font-size: @@dropdown_font_font-size * 1px;
138 - font-weight: @@dropdown_font_font-weight;
139 - font-style: @@dropdown_font_font-style;
140 - .letter-spacing(@@dropdown_font_letter-spacing);
141 - }
142 -
143 - > .date,
144 - > a > .date {
145 - font-size: @@font_font-size * 1px;
146 - }
147 - }
148 -
149 - }
150 -
151 - &.widget_products,
152 - &.widget_recent_reviews,
153 - &.widget_shopping_cart,
154 - &.widget_recently_viewed_products,
155 - &.widget_top_rated_products {
156 -
157 - li span.reviewer,
158 - li span.amount {
159 - font-size: @@font_font-size * 1px - 2px;
160 - }
161 -
162 - }
163 -
164 - &.widget_price_filter {
165 - .price_slider_amount {
166 - font-size: @@font_font-size * 1px- 2px;
167 - }
168 - }
169 -
170 - }
171 -
172 - .widget {
173 -
174 - // General List
175 - // -------------------------------------------------------------
176 - ul {
177 - list-style: none;
178 - margin: 0;
179 -
180 - li {
181 - a {
182 - color: @@dropdown_link;
183 -
184 - &:hover {
185 - color: @@dropdown_link_hover;
186 - }
187 - }
188 - }
189 -
190 - li:last-child {
191 - border-bottom: 0;
192 - padding-bottom: 0;
193 - }
194 -
195 - }
196 - &.widget_tag_cloud,
197 - &.widget_product_tag_cloud {
198 - a {
199 - color: ~"@{@{theme}_dropdown_link_icon}";
200 -
201 - &:hover {
202 - color: ~"@{@{theme}_dropdown_link_icon_hover}";
203 - }
204 - }
205 - }
206 -
207 - &.widget_categories,
208 - &.widget_product_categories {
209 - ul > li > span.count {
210 - //background-color: ~"@{@{theme}_dropdown_link_icon}";
211 - color: ~"@{@{theme}_dropdown_link_icon}";
212 - }
213 - }
214 -
215 - &.widget_recent_comments,
216 - &.widget_recent_entries {
217 - ul > li > span.comment-author-link,
218 - ul > li > span.post-date {
219 - color: ~"@{@{theme}_navbar_link_subtitle}";
220 - }
221 - }
222 -
223 - &.widget_shopping_cart {
224 -
225 - ul.cart_list {
226 -
227 - li > a.remove {
228 - color: ~"@{@{theme}_dropdown_link}";
229 - .background-color-diff(@@dropdown_background, 10);
230 -
231 - &:hover {
232 - .background-color-diff(@@dropdown_background, 20);
233 - }
234 - }
235 - }
236 -
237 - .total {
238 - font-family: @@navbar_font_font-family;
239 - font-size: @@navbar_font_font-size * 1px;
240 - font-weight: @@navbar_font_font-weight;
241 - font-style: @@navbar_font_font-style;
242 - text-transform: ~"@{@{theme}_navbar_link_transform}";
243 - .letter-spacing(@@navbar_font_letter-spacing);
244 - }
245 -
246 -
247 - }
248 - }
249 - }
250 -
251 - }
252 -
253 - .loop((@i - 1));
1 +@import "mixins.less";
2 +@import "themes/widgets.less";
3 +
4 +.loop(@i: length(@themes)) when (@i > 0) and not (@themes = '') {
5 +
6 + @theme: e(extract(@themes, @i));
7 +
8 + @class: ~"quadmenu-@{theme}";
9 +
10 + @font_font-family: "@{theme}_font_font-family";
11 + @font_font-weight: "@{theme}_font_font-weight";
12 + @font_font-size: "@{theme}_font_font-size";
13 + @font_font-style: "@{theme}_font_font-style";
14 + @font_letter-spacing: "@{theme}_font_letter-spacing";
15 +
16 + @navbar_font_font-family: "@{theme}_navbar_font_font-family";
17 + @navbar_font_font-weight: "@{theme}_navbar_font_font-weight";
18 + @navbar_font_font-size: "@{theme}_navbar_font_font-size";
19 + @navbar_font_font-style: "@{theme}_navbar_font_font-style";
20 + @navbar_font_letter-spacing: "@{theme}_navbar_font_letter-spacing";
21 +
22 + @dropdown_font_font-family: "@{theme}_dropdown_font_font-family";
23 + @dropdown_font_font-weight: "@{theme}_dropdown_font_font-weight";
24 + @dropdown_font_font-size: "@{theme}_dropdown_font_font-size";
25 + @dropdown_font_font-style: "@{theme}_dropdown_font_font-style";
26 + @dropdown_font_letter-spacing: "@{theme}_dropdown_font_letter-spacing";
27 +
28 + @navbar_width: "@{theme}_navbar_width";
29 + @navbar_height: "@{theme}_navbar_height";
30 + @sticky_height: "@{theme}_sticky_height";
31 +
32 + @navbar_background_color: "@{theme}_navbar_background_color";
33 + @navbar_background_to: "@{theme}_navbar_background_to";
34 + @navbar_background_deg: "@{theme}_navbar_background_deg";
35 +
36 + @sticky_background_color: "@{theme}_sticky_background";
37 +
38 + @navbar_mobile_border_color: "@{theme}_navbar_mobile_border";
39 +
40 + @navbar_logo_bg: "@{theme}_navbar_logo_bg";
41 + @navbar_logo_height: "@{theme}_navbar_logo_height";
42 + @sticky_logo_height: "@{theme}_sticky_logo_height";
43 +
44 + @navbar_link_bg: "@{theme}_navbar_link_bg";
45 +
46 + @navbar_link_bg_hover: "@{theme}_navbar_link_bg_hover";
47 +
48 + @navbar_divider: "@{theme}_navbar_divider";
49 +
50 + @navbar_link_hover_effect: "@{theme}_navbar_link_hover_effect";
51 +
52 + @navbar_link_margin_top: "@{theme}_navbar_link_margin_border-top";
53 + @navbar_link_margin_bottom: "@{theme}_navbar_link_margin_border-bottom";
54 + @navbar_link_margin_left: "@{theme}_navbar_link_margin_border-left";
55 + @navbar_link_margin_right: "@{theme}_navbar_link_margin_border-right";
56 +
57 + @navbar_link_radius_top: "@{theme}_navbar_link_radius_border-top";
58 + @navbar_link_radius_bottom: "@{theme}_navbar_link_radius_border-bottom";
59 + @navbar_link_radius_left: "@{theme}_navbar_link_radius_border-left";
60 + @navbar_link_radius_right: "@{theme}_navbar_link_radius_border-right";
61 +
62 + @dropdown_margin: "@{theme}_dropdown_margin";
63 + @dropdown_radius_top: "@{theme}_dropdown_radius_border-top";
64 + @dropdown_radius_right: "@{theme}_dropdown_radius_border-right";
65 + @dropdown_radius_bottom: "@{theme}_dropdown_radius_border-bottom";
66 + @dropdown_radius_left: "@{theme}_dropdown_radius_border-left";
67 + @dropdown_border_color: "@{theme}_dropdown_border_border-color";
68 + @dropdown_border_top: "@{theme}_dropdown_border_border-top";
69 + @dropdown_border_right: "@{theme}_dropdown_border_border-right";
70 + @dropdown_border_bottom: "@{theme}_dropdown_border_border-bottom";
71 + @dropdown_border_left: "@{theme}_dropdown_border_border-left";
72 +
73 + @dropdown_background: "@{theme}_dropdown_background";
74 +
75 + @dropdown_title_border_width: "@{theme}_dropdown_title_border_border-top";
76 + @dropdown_title_border_style: "@{theme}_dropdown_title_border_border-style";
77 + @dropdown_title_border_color: "@{theme}_dropdown_title_border_border-color";
78 +
79 + @dropdown_link: "@{theme}_dropdown_link";
80 +
81 + @dropdown_link_hover: "@{theme}_dropdown_link_hover";
82 + @dropdown_link_bg_hover: "@{theme}_dropdown_link_bg_hover";
83 +
84 + @dropdown_link_border_width: "@{theme}_dropdown_link_border_border-top";
85 + @dropdown_link_border_style: "@{theme}_dropdown_link_border_border-style";
86 + @dropdown_link_border_color: "@{theme}_dropdown_link_border_border-color";
87 +
88 + // Button
89 + // -------------------------------------------------------------------------
90 +
91 + @dropdown_button_radius_top: "@{theme}_dropdown_button_radius_border-top";
92 + @dropdown_button_radius_right: "@{theme}_dropdown_button_radius_border-right";
93 + @dropdown_button_radius_bottom: "@{theme}_dropdown_button_radius_border-bottom";
94 + @dropdown_button_radius_left: "@{theme}_dropdown_button_radius_border-left";
95 +
96 + // Tab
97 + // -------------------------------------------------------------------------
98 +
99 + @dropdown_tab_bg: "@{theme}_dropdown_tab_bg";
100 + @dropdown_tab_bg_hover: "@{theme}_dropdown_tab_bg_hover";
101 +
102 +
103 + #quadmenu {
104 + &.@{class} {
105 +
106 + // Fonts
107 + // -----------------------------------------------------------------
108 +
109 + .widget {
110 + a,
111 + ul li {
112 + font-family: @@dropdown_font_font-family;
113 + font-size: @@dropdown_font_font-size * 1px;
114 + font-weight: @@dropdown_font_font-weight;
115 + font-style: @@dropdown_font_font-style;
116 + .letter-spacing(@@dropdown_font_letter-spacing);
117 + }
118 +
119 + &.widget_rss {
120 + span.rss-date {
121 + font-size: @@font_font-size * 1px- 2px;
122 + }
123 + }
124 +
125 + &.widget_products,
126 + &.widget_recent_reviews,
127 + &.widget_shopping_cart,
128 + &.widget_recently_viewed_products,
129 + &.widget_top_rated_products,
130 + &.widget_featured_posts {
131 +
132 + li {
133 + > a,
134 + > a > span.product-title {
135 + text-transform: ~"@{@{theme}_dropdown_link_transform}";
136 + font-family: @@dropdown_font_font-family;
137 + font-size: @@dropdown_font_font-size * 1px;
138 + font-weight: @@dropdown_font_font-weight;
139 + font-style: @@dropdown_font_font-style;
140 + .letter-spacing(@@dropdown_font_letter-spacing);
141 + }
142 +
143 + > .date,
144 + > a > .date {
145 + font-size: @@font_font-size * 1px;
146 + }
147 + }
148 +
149 + }
150 +
151 + &.widget_products,
152 + &.widget_recent_reviews,
153 + &.widget_shopping_cart,
154 + &.widget_recently_viewed_products,
155 + &.widget_top_rated_products {
156 +
157 + li span.reviewer,
158 + li span.amount {
159 + font-size: @@font_font-size * 1px - 2px;
160 + }
161 +
162 + }
163 +
164 + &.widget_price_filter {
165 + .price_slider_amount {
166 + font-size: @@font_font-size * 1px- 2px;
167 + }
168 + }
169 +
170 + }
171 +
172 + .widget {
173 +
174 + // General List
175 + // -------------------------------------------------------------
176 + ul {
177 + list-style: none;
178 + margin: 0;
179 +
180 + li {
181 + a {
182 + color: @@dropdown_link;
183 +
184 + &:hover {
185 + color: @@dropdown_link_hover;
186 + }
187 + }
188 + }
189 +
190 + li:last-child {
191 + border-bottom: 0;
192 + padding-bottom: 0;
193 + }
194 +
195 + }
196 + &.widget_tag_cloud,
197 + &.widget_product_tag_cloud {
198 + a {
199 + color: ~"@{@{theme}_dropdown_link_icon}";
200 +
201 + &:hover {
202 + color: ~"@{@{theme}_dropdown_link_icon_hover}";
203 + }
204 + }
205 + }
206 +
207 + &.widget_categories,
208 + &.widget_product_categories {
209 + ul > li > span.count {
210 + //background-color: ~"@{@{theme}_dropdown_link_icon}";
211 + color: ~"@{@{theme}_dropdown_link_icon}";
212 + }
213 + }
214 +
215 + &.widget_recent_comments,
216 + &.widget_recent_entries {
217 + ul > li > span.comment-author-link,
218 + ul > li > span.post-date {
219 + color: ~"@{@{theme}_navbar_link_subtitle}";
220 + }
221 + }
222 +
223 + &.widget_shopping_cart {
224 +
225 + ul.cart_list {
226 +
227 + li > a.remove {
228 + color: ~"@{@{theme}_dropdown_link}";
229 + .background-color-diff(@@dropdown_background, 10);
230 +
231 + &:hover {
232 + .background-color-diff(@@dropdown_background, 20);
233 + }
234 + }
235 + }
236 +
237 + .total {
238 + font-family: @@navbar_font_font-family;
239 + font-size: @@navbar_font_font-size * 1px;
240 + font-weight: @@navbar_font_font-weight;
241 + font-style: @@navbar_font_font-style;
242 + text-transform: ~"@{@{theme}_navbar_link_transform}";
243 + .letter-spacing(@@navbar_font_letter-spacing);
244 + }
245 +
246 +
247 + }
248 + }
249 + }
250 +
251 + }
252 +
253 + .loop((@i - 1));
254 254 } .loop;