evolve_styleguide 0.0.7 → 0.0.8

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: ca2d3f783bcbf38330bde56526cc564da45cd559
4
- data.tar.gz: c6524d57a4309e70fffe854d05b8926fd0ac2056
3
+ metadata.gz: 7e020889169451cc5128dbdeb12368a503333265
4
+ data.tar.gz: b40187b5f3956858234e609260c05af1c1194eee
5
5
  SHA512:
6
- metadata.gz: 602f8ccdd4d972940b3f7d22f65c3d07670572583acbf7c13526000f5365443d2b1b10e17b6df4a3cd8f82091ad848bd36c2e1838ca3c82f8394cdff56b8157b
7
- data.tar.gz: 4fd813f5fe69ed67ac5958a269f51d20bad62b640476c8a88d79f30a097cf23b19e13ce100a52c5b73556642d157f84e354169bceec41a64fae2214129ca083d
6
+ metadata.gz: 425a7be1ebdb033f5270371cf358f8fa034216ffa1a66dd7161c491c50c109bbac0d7ec92d6d189e286caec62684919f8a6ff6275f9d6fcd572ca704c9cd00e5
7
+ data.tar.gz: 9a20790450cff85f16070c955823ebe4c4d1271c96b2d179af17e3ddebfad9e102699ba940021b3dc8bfbe79f761a4c03d3ca3a1ef39cd072e99f699a70c13df
Binary file
@@ -0,0 +1,43 @@
1
+ <?xml version="1.0" standalone="no"?>
2
+ <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+ <svg xmlns="http://www.w3.org/2000/svg">
4
+ <metadata>Generated by Fontastic.me</metadata>
5
+ <defs>
6
+ <font id="evolve-icons" horiz-adv-x="512">
7
+ <font-face font-family="evolve-icons" units-per-em="512" ascent="480" descent="-32"/>
8
+ <missing-glyph horiz-adv-x="512" />
9
+
10
+ <glyph unicode="&#102;" d="M123 352c53-53 53-139 0-192l13-13c61 60 61 158 0 218z m87 87l-13-14c45-45 70-105 70-169 0-64-25-124-70-169l13-14c49 49 76 114 76 183 0 69-27 134-76 183z m73 73l-13-13c134-134 134-352 0-486l13-13c141 141 141 371 0 512z"/>
11
+ <glyph unicode="&#103;" d="M256 512c-141 0-256-115-256-256 0-141 115-256 256-256 141 0 256 115 256 256 0 141-115 256-256 256z m-154-436c35 50 92 80 154 80 62 0 119-30 154-80-41-36-95-58-154-58-59 0-113 22-154 58z m322 12c-29 41-71 70-119 81 30 17 51 50 51 87 0 55-45 100-100 100-55 0-100-45-100-100 0-37 21-70 51-87-47-11-90-40-119-81-43 43-69 103-69 168 0 131 106 237 237 237 131 0 238-106 238-237 0-65-27-125-70-168z m-168 87c-45 0-81 36-81 81 0 45 36 81 81 81 45 0 81-36 81-81 0-45-36-81-81-81z"/>
12
+ <glyph unicode="&#104;" d="M0 512l0-512 388 0 0 123 124 0 0 389z m19-142l102 0 0-105-102 0z m124-123l102 0 0-105-102 0z m124 0l102 0 0-105-102 0z m102 18l-102 0 0 105 102 0z m-124 0l-102 0 0 105 102 0z m-226-18l102 0 0-105-102 0z m102-228l-102 0 0 104 102 0z m124 0l-102 0 0 104 102 0z m124 0l-102 0 0 104 102 0z m124 123l-102 0 0 105 102 0z m0 123l-102 0 0 105 102 0z m-105 124l-369 0 0 104 474 0 0-104z"/>
13
+ <glyph unicode="&#105;" d="M512 494l-17 18-239-239-238 239-18-18 239-238-239-239 18-17 238 238 239-238 17 17-238 239z"/>
14
+ <glyph unicode="&#106;" d="M455 512l-398 0c-31 0-57-26-57-57l0-398c0-32 26-57 57-57l398 0c32 0 57 25 57 57l0 398c0 31-25 57-57 57z m-81-343l-31-31-87 88-87-88-30 31 87 87-87 87 30 30 87-87 87 87 31-30-88-87z"/>
15
+ <glyph unicode="&#107;" d="M457 327l-40 69 26 45-121 71-26-45-80 0-26 45-121-71 26-45-40-69-52 0 0-142 52 0 40-69-26-46 121-70 26 45 80 0 26-45 121 70-26 46 40 69 52 0 0 142z m33-123l-44 0-50-88 22-39-90-52-22 39-100 0-22-39-90 52 22 39-50 88-44 0 0 104 44 0 50 88-22 39 90 52 22-39 100 0 22 39 90-52-22-39 50-88 44 0z m-234 148c-53 0-96-43-96-96 0-53 43-96 96-96 53 0 96 43 96 96 0 53-43 96-96 96z m0-174c-43 0-78 35-78 78 0 43 35 78 78 78 43 0 78-35 78-78 0-43-35-78-78-78z"/>
16
+ <glyph unicode="&#108;" d="M494 393l-238-239-239 239-17-18 256-256 256 256z"/>
17
+ <glyph unicode="&#109;" d="M475 131c-14 0-26-6-32-22l-1 0c-6-8-14-12-24-12-36 0-87 57-87 57l0 0c-17 22-44 37-74 37-53 0-95-43-95-95 0-52 42-94 95-94 30 0 56 14 74 37l0 0c0 0 51 54 87 54 10 0 18 1 24-15l1 0c6-8 18-20 32-20 21 0 37 17 37 37 0 20-16 36-37 36z m-43 205c-23 0-43-9-57-24 0 0-1 0-2-1-28-33-70-54-117-54-47 0-89 21-117 54-1 1-2 1-2 1-7 7-16 13-25 17-10 4-20 7-31 7-45 0-81-36-81-81 0-44 36-80 81-80 22 0 42 9 57 23 1 1 3 4 8 7 28 29 67 46 110 46 43 0 82-17 110-46 5-3 7-6 8-7 15-14 35-23 58-23 44 0 80 36 80 80 0 45-36 81-80 81z m-175-15c30 0 56 14 74 36l0 0c0 0 51 58 87 58 10 0 18-4 24-12l1 0c6-15 18-22 32-22 21 0 37 15 37 35 0 21-16 38-37 38-14 0-26-12-32-20l-1 0c-6-16-14-16-24-16-36 0-87 55-87 55l0 0c-17 23-44 37-74 37-53 0-95-42-95-95 0-52 42-94 95-94z m-220 58c20 0 37 17 37 37 0 20-17 37-37 37-20 0-37-17-37-37 0-21 17-37 37-37z m0-246c-20 0-37-17-37-37 0-20 17-37 37-37 20 0 37 17 37 37 0 20-17 37-37 37z"/>
18
+ <glyph unicode="&#110;" d="M367 67l-100 0-67-67-66 0 0 67-123 0 0 356 34 89 456 0 0-312z m89 156l0 244-367 0 0-322 100 0 0-67 67 67 122 0z m-122 155l0-133 44 0 0 133z m-122-133l44 0 0 133-44 0z"/>
19
+ <glyph unicode="&#111;" d="M512 324l-17 18-71-71-70 71-17-18 70-70-70-70 17-18 70 70 71-70 17 18-70 70z m-503 21c-5 0-9-5-9-10l0-159c0-5 4-9 9-9l155 0 115-88 0 354-115-88z m149-159l-139 0 0 140 139 0z m19 145l83 64 0-278-83 64z"/>
20
+ <glyph unicode="&#112;" d="M359 320l-13-14c15-13 23-31 23-50 0-19-8-37-23-50l13-14c18 17 28 40 28 64 0 24-10 47-28 64z m44 41l-13-14c27-24 41-57 41-91 0-34-14-67-41-91l13-14c30 28 47 65 47 105 0 40-17 77-47 105z m44 41l-13-14c38-36 59-82 59-132 0-50-21-97-59-132l13-14c42 39 65 91 65 146 0 55-23 107-65 146z m-438-57c-5 0-9-5-9-10l0-159c0-5 4-9 9-9l155 0 115-88 0 354-115-88z m149-159l-139 0 0 140 139 0z m19 145l83 64 0-278-83 64z"/>
21
+ <glyph unicode="&#113;" d="M295 385l-235 0c-5 0-9-5-9-9l0-240c0-5 4-9 9-9l235 0 166-127 0 512z m-6-240l-220 0 0 222 220 0z m154-109l-136 104 0 231 136 105z"/>
22
+ <glyph unicode="&#114;" d="M369 512l0-19 111 0-461-461 0 429 284 0 0 18-303 0 0-479 479 0 0 303-18 0 0-284-429 0 461 461 0-111 19 0 0 143z"/>
23
+ <glyph unicode="&#115;" d="M136 512l-17-18 238-238-238-239 17-17 256 256z"/>
24
+ <glyph unicode="&#117;" d="M0 269l512 0 0-26-512 0z"/>
25
+ <glyph unicode="&#118;" d="M256 185c53 0 101 44 101 97l0 134c0 53-48 96-101 96-53 0-101-43-101-96l0-134c0-53 48-97 101-97z m-75 231c0 43 32 77 75 77 43 0 75-34 75-77l0-134c0-43-32-78-75-78-43 0-75 35-75 78z m237-139l-19 0c0-88-64-145-143-145-79 0-143 57-143 145l-19 0c0-88 61-164 149-169l0-108 26 0 0 108c88 5 149 81 149 169z"/>
26
+ <glyph unicode="&#119;" d="M12 512l488 0 0-24-488 0z m0-232l488 0 0-24-488 0z m0-256l488 0 0-24-488 0z"/>
27
+ <glyph unicode="&#120;" d="M392 494l-17 18-256-256 256-256 17 17-238 239z"/>
28
+ <glyph unicode="&#121;" d="M256 512c-141 0-256-115-256-256 0-141 115-256 256-256 141 0 256 115 256 256 0 141-115 256-256 256z m-131-256c0 27 3 53 7 77l115 0 0-154-115 0c-4 24-7 50-7 77z m140 237c50-6 92-63 111-142l-111 0z m-18 0l0-142-111 0c20 79 61 136 111 142z m0-332l0-142c-50 6-91 63-111 142z m18-142l0 142 111 0c-19-79-61-136-111-142z m0 160l0 154 115 0c4-24 7-50 7-77 0-27-3-53-7-77z m133 154l83 0c8-24 12-50 12-77 0-27-4-53-12-77l-83 0c5 24 7 50 7 77 0 27-2 53-7 77z m76 18l-80 0c-13 57-38 104-70 132 67-20 122-69 150-132z m-286 132c-32-28-57-75-70-132l-79 0c27 63 82 112 149 132z m-157-150l83 0c-5-24-7-50-7-77 0-27 2-53 7-77l-83 0c-8 24-12 50-12 77 0 27 4 53 12 77z m8-172l79 0c13-57 38-104 70-132-67 20-122 69-149 132z m285-132c32 28 57 75 70 132l80 0c-28-63-83-112-150-132z"/>
29
+ <glyph unicode="&#122;" d="M245 396l157 0c16 0 29 18 29 34l0 57c0 16-13 25-29 25l-292 0c-16 0-29-9-29-25l0-462c0-16 13-25 29-25l292 0c16 0 29 9 29 25l0 57c0 16-13 34-29 34l-157 0c-16 0-24 8-24 24l0 31c0 16 8 27 24 27l149 0c16 0 25 15 25 31l0 57c0 16-9 28-25 28l-149 0c-16 0-24 13-24 29l0 29c0 16 8 24 24 24z"/>
30
+ <glyph unicode="&#65;" d="M0 137l17-18 239 239 238-239 18 18-256 256z"/>
31
+ <glyph unicode="&#97;" d="M320 256c0-35-29-64-64-64-35 0-64 29-64 64 0 35 29 64 64 64 35 0 64-29 64-64z m192 0c0-35-29-64-64-64-35 0-64 29-64 64 0 35 29 64 64 64 35 0 64-29 64-64z m-384 0c0-35-29-64-64-64-35 0-64 29-64 64 0 35 29 64 64 64 35 0 64-29 64-64z"/>
32
+ <glyph unicode="&#98;" d="M478 441l-302-302-142 142-34-34 176-176 336 335z"/>
33
+ <glyph unicode="&#99;" d="M512 479l-33 33-223-223-223 223-33-33 223-223-223-223 33-33 223 223 223-223 33 33-223 223z"/>
34
+ <glyph unicode="&#100;" d="M256 512c-91 0-164-74-164-164l35 0c0 71 58 129 129 129 71 0 129-58 129-129 0-71-58-129-129-129l-18 0 0-131 36 0 0 96c82 9 147 79 147 164 0 90-74 164-165 164z m17-495c0-9-8-17-17-17-9 0-17 8-17 17 0 10 8 17 17 17 9 0 17-7 17-17z"/>
35
+ <glyph unicode="&#101;" d="M256 0l-142 142 32 31 110-110 110 110 32-31z m110 339l-110 110-110-110-32 31 142 142 142-142z"/>
36
+ <glyph unicode="&#66;" d="M491 303c-6 9-12 17-14 25-3 8-3 18-3 29 0 18-1 35-11 50-10 14-27 19-44 25-10 4-20 7-27 12-6 5-12 13-19 22-10 14-21 28-38 34-4 1-9 2-14 2-12 0-24-4-35-7-11-4-21-7-30-7-9 0-19 3-30 7-11 3-23 7-34 7-6 0-10-1-15-2-17-6-28-20-38-34-6-9-12-17-19-22-7-5-17-8-27-12-17-5-34-11-44-25-10-15-10-32-11-50 0-11 0-21-3-29-2-8-8-16-14-25-10-13-21-29-21-47 0-18 11-34 21-47 6-9 12-17 14-25 3-8 3-19 3-30 0-17 1-35 11-49 10-14 27-20 44-25 10-4 20-7 27-12 6-5 13-13 19-22 10-14 21-28 38-34 4-1 9-2 15-2 11 0 23 4 34 7 11 4 21 7 30 7 9 0 19-3 30-7 11-3 23-7 35-7 5 0 10 1 14 2 17 6 28 20 38 34 7 9 13 17 19 22 7 5 17 8 27 12 17 5 34 11 44 25 10 14 11 32 11 49 0 11 0 22 3 30 2 8 8 16 14 25 10 13 21 29 21 47 0 18-11 34-21 47z m-17-82c-7-9-14-19-18-30-3-12-3-24-4-36 0-15 0-28-6-37-7-9-20-13-33-18-12-4-24-8-33-15-10-6-17-16-24-26-9-12-17-23-27-26-3-1-5-1-8-1-9 0-19 3-29 6-12 3-24 7-36 7-12 0-24-4-36-7-14-4-27-8-37-5-10 3-18 14-27 26-7 10-14 20-24 27-9 7-21 10-33 14-13 5-27 9-33 18-6 9-6 22-6 37-1 12-1 25-4 36-4 11-11 21-18 30-9 12-17 24-17 35 0 11 8 23 17 35 7 9 14 19 18 30 3 12 3 24 4 36 0 15 0 28 6 37 7 9 20 13 33 18 12 4 24 8 33 15 10 6 17 16 24 26 9 12 17 23 27 26 10 3 23-1 37-5 12-3 24-7 36-7 12 0 24 4 36 7 14 5 27 8 36 5 11-3 19-14 28-26 7-10 14-20 24-26 9-7 21-11 33-15 13-5 26-9 33-18 6-9 6-22 6-37 0-12 1-24 4-36 4-11 11-21 18-30 8-12 17-24 17-35 0-11-8-23-17-35z m-316-67c-4-4-4-11 0-15 4-4 11-4 15 0 46 46 120 46 166 0 2-2 5-3 8-3 2 0 5 1 7 3 5 4 5 11 0 15-54 54-142 54-196 0z"/>
37
+ <glyph unicode="&#67;" d="M116 454c0-32-26-58-58-58-32 0-58 26-58 58 0 32 26 58 58 58 32 0 58-26 58-58z m396 0c0-32-26-58-58-58-32 0-58 26-58 58 0 32 26 58 58 58 32 0 58-26 58-58z m-396-396c0-32-26-58-58-58-32 0-58 26-58 58 0 32 26 58 58 58 32 0 58-26 58-58z m396 0c0-32-26-58-58-58-32 0-58 26-58 58 0 32 26 58 58 58 32 0 58-26 58-58z"/>
38
+ <glyph unicode="&#68;" d="M508 482c-8 19-25 30-46 30l-412 0c-21 0-37-11-46-31-8-19-4-40 11-54l150-150 0-145c0-13 5-25 15-35l82-82c9-9 22-15 35-15 6 0 13 1 20 4 19 9 30 25 30 46l0 227 150 150c15 14 19 35 11 55z m-219-181l0-231-66 66 0 165-153 153 372 0z"/>
39
+ <glyph unicode="&#69;" d="M512 101l-27 28c-56 58-84 141-84 246 0 13-3 26-10 39-6 13-15 25-26 37-12 11-27 21-46 28-38 15-88 15-126 0-19-7-34-17-46-28-11-12-20-24-26-36-7-14-10-27-10-40 0-105-28-188-84-246l-27-28 167 0c2-44 41-80 89-80 48 0 87 36 89 80z m-368 274c0 8 2 17 6 26 5 9 11 18 20 27 9 8 20 15 35 21 31 11 72 11 102 0 15-6 27-13 35-21 9-9 16-18 20-28 4-8 6-17 6-25 0-98 24-179 71-240l-365 0c46 61 70 142 70 240z m112-321c-30 0-54 22-57 47l114 0c-3-25-27-47-57-47z"/>
40
+ <glyph unicode="&#70;" d="M512 282l-230 0 0 230-52 0 0-230-230 0 0-52 230 0 0-230 52 0 0 230 230 0z"/>
41
+ <glyph unicode="&#116;" d="M454 131l-384 0 0 247 100-100 92 92 93-92 99 100z m-369 14l355 0 0 197-85-85-93 92-92-92-85 85z"/>
42
+ <glyph unicode="&#71;" d="M454 131l-384 0 0 247 100-100 92 92 93-92 99 100z"/>
43
+ </font></defs></svg>
Binary file
Binary file
@@ -178,6 +178,91 @@
178
178
 
179
179
  }(jQuery));
180
180
 
181
+ // Toggle Party States
182
+ (function ($) {
183
+
184
+ $.fn.evoPartyToggle = function(){
185
+
186
+ var parties = $(this);
187
+ var partyHeaders = parties.find('.party-header');
188
+ var partyWrapper = parties.parents('.parties');
189
+
190
+ // Close all
191
+ partyWrapper.on('click', function(e){
192
+
193
+ if( !$(e.target).closest('.party_wrap').length ){
194
+ parties.removeClass('active');
195
+ }
196
+
197
+ });
198
+
199
+ var toggleParty = function(party){
200
+
201
+ if( party.hasClass('active') ){
202
+
203
+ // toggle classes
204
+ parties.removeClass('active');
205
+ party.removeClass('active');
206
+
207
+ } else {
208
+
209
+ // toggle classes
210
+ parties.removeClass('active');
211
+ party.addClass('active');
212
+
213
+ }
214
+
215
+ };
216
+
217
+ partyHeaders.on('click', function(e){
218
+
219
+ var partyWrap = $(this).parents('.party_wrap');
220
+
221
+ if( !$(e.target).closest('.button-wrapper').length ){
222
+ toggleParty(partyWrap);
223
+ }
224
+
225
+ });
226
+
227
+ };
228
+
229
+ }(jQuery));
230
+
231
+ (function ($) {
232
+
233
+ $.fn.evoPartyRSVP = function(){
234
+
235
+ var container = $(this);
236
+ var buttons = container.find('button');
237
+
238
+ var reSelectRSVP = function( button ){
239
+
240
+ // Remove chosen class from wrapper
241
+ button.parents('.button-wrapper').removeClass('chosen').addClass('pending');
242
+
243
+ };
244
+
245
+ buttons.on('click', function(){
246
+
247
+ var curBtn = $(this);
248
+
249
+ if( curBtn.parents('.button-wrapper').hasClass('chosen') ){
250
+
251
+ // run expansion function
252
+ reSelectRSVP( curBtn );
253
+
254
+ // Don't let the button submit
255
+ return false;
256
+
257
+ }
258
+
259
+
260
+ });
261
+
262
+ };
263
+
264
+ }(jQuery));
265
+
181
266
 
182
267
  /********************************************
183
268
  ** Hooks
@@ -193,4 +278,10 @@ jQuery(document).ready(function($) {
193
278
  // Mobile Tabs
194
279
  $('.filter-bar').evoFilterBar( $('.party_wrap') );
195
280
 
281
+ // RSVP buttons
282
+ $('.event_rsvp').evoPartyRSVP();
283
+
284
+ // Toggle party list expansion
285
+ $('.party_wrap').evoPartyToggle();
286
+
196
287
  });
@@ -154,15 +154,6 @@ td{
154
154
 
155
155
  }
156
156
 
157
- // SVG Icons
158
- $svgSize: 30px;
159
- [class^="icon-"], [class*=" icon-"] {
160
- height: $svgSize;
161
- width: $svgSize;
162
- display: inline-block;
163
- fill: currentColor;
164
- }
165
-
166
157
  // Code formatting
167
158
  pre{
168
159
  word-wrap: break-word;
@@ -158,37 +158,36 @@ button{
158
158
  /** CIRCLE **/
159
159
  &.circle{
160
160
 
161
- width: 44px;
162
- height: 44px;
161
+ width: 30px;
162
+ height: 30px;
163
163
  overflow: hidden;
164
164
  position: relative;
165
165
  margin: 0;
166
+ border: solid 2px $black;
167
+ padding: 6px;
168
+ @include rounded(50%);
166
169
 
167
- svg{
168
- width: 30px;
169
- height: 30px;
170
- border: solid 2px $black;
170
+ i{
171
+ font-size: 16px;
171
172
  position: absolute;
172
173
  top: 50%;
173
174
  left: 50%;
174
- padding: 6px;
175
- @include transform( translateX(-50%) translateY(-50%) );
176
- @include rounded(50%);
175
+ @include transform( translateX(-50%) translateY(-45%) );
177
176
  }
178
177
 
179
- &.pending svg{ fill:$gray; border-color: $gray; }
180
- &.decline svg{ fill:$red; border-color: $red; }
181
- &.maybe svg{ fill:$orange; border-color: $orange; }
182
- &.accept svg{ fill:$green; border-color: $green; }
178
+ &.pending { color:$gray; border-color: $gray; }
179
+ &.decline { color:$red; border-color: $red; }
180
+ &.maybe { color:$orange; border-color: $orange; }
181
+ &.accept { color:$green; border-color: $green; }
183
182
 
184
183
  // Set current state
185
184
  &:hover,
186
185
  &.current{
187
186
 
188
- &.pending svg{ fill:$white; background-color: $gray; }
189
- &.decline svg{ fill:$white; background-color: $red; }
190
- &.maybe svg{ fill:$white; background-color: $orange; }
191
- &.accept svg{ fill:$white; background-color: $green; }
187
+ &.pending{ color:$white; background-color: $gray; }
188
+ &.decline{ color:$white; background-color: $red; }
189
+ &.maybe{ color:$white; background-color: $orange; }
190
+ &.accept{ color:$white; background-color: $green; }
192
191
 
193
192
  }
194
193
 
@@ -202,11 +201,10 @@ button{
202
201
 
203
202
  width: 40px;
204
203
  height: 40px;
204
+ padding: 8px;
205
205
 
206
- svg{
207
- width: 40px;
208
- height: 40px;
209
- padding: 8px;
206
+ i{
207
+ font-size: 18px;
210
208
  }
211
209
 
212
210
  }
@@ -227,11 +225,10 @@ button{
227
225
  padding: 10px 14px 10px 10px;
228
226
  cursor: pointer;
229
227
 
230
- svg{
231
- width: 20px;
232
- height: 20px;
228
+ i{
229
+ font-size: 18px;
233
230
  position: relative;
234
- top: 4px;
231
+ top: 2px;
235
232
  margin-right: 3px;
236
233
  }
237
234
  .current-filter{
@@ -273,10 +270,6 @@ button{
273
270
  .filter-selection{
274
271
 
275
272
  display: none;
276
-
277
- svg{
278
-
279
- }
280
273
  .current-filter{
281
274
 
282
275
  }
@@ -356,10 +349,6 @@ header.app-header{
356
349
  span{
357
350
  display: none;
358
351
  }
359
- svg{
360
- width: 20px;
361
- height: 20px;
362
- }
363
352
 
364
353
  &:hover{
365
354
  background-color: darken($red, 15%);
@@ -379,7 +368,7 @@ header.app-header{
379
368
  display: inline-block;
380
369
  margin-right: 8px;
381
370
  }
382
- svg{
371
+ i{
383
372
  position: relative;
384
373
  top: 2px;
385
374
  }
@@ -0,0 +1,139 @@
1
+ @charset "UTF-8";
2
+
3
+ @font-face {
4
+ font-family: "evolve-icons";
5
+ src:font-url("evolve-icons.eot");
6
+ src:font-url("evolve-icons.eot?#iefix") format("embedded-opentype"),
7
+ font-url("evolve-icons.woff") format("woff"),
8
+ font-url("evolve-icons.ttf") format("truetype"),
9
+ font-url("evolve-icons.svg#evolve-icons") format("svg");
10
+ font-weight: normal;
11
+ font-style: normal;
12
+
13
+ }
14
+
15
+ [data-icon]:before {
16
+ font-family: "evolve-icons" !important;
17
+ content: attr(data-icon);
18
+ font-style: normal !important;
19
+ font-weight: normal !important;
20
+ font-variant: normal !important;
21
+ text-transform: none !important;
22
+ speak: none;
23
+ line-height: 1;
24
+ -webkit-font-smoothing: antialiased;
25
+ -moz-osx-font-smoothing: grayscale;
26
+ }
27
+
28
+ [class^="icon-"]:before,
29
+ [class*=" icon-"]:before {
30
+ font-family: "evolve-icons" !important;
31
+ font-style: normal !important;
32
+ font-weight: normal !important;
33
+ font-variant: normal !important;
34
+ text-transform: none !important;
35
+ speak: none;
36
+ line-height: 1;
37
+ -webkit-font-smoothing: antialiased;
38
+ -moz-osx-font-smoothing: grayscale;
39
+ }
40
+
41
+ .icon-audio-wave:before {
42
+ content: "f";
43
+ }
44
+ .icon-avatar:before {
45
+ content: "g";
46
+ }
47
+ .icon-calendar:before {
48
+ content: "h";
49
+ }
50
+ .icon-close:before {
51
+ content: "i";
52
+ }
53
+ .icon-close-box:before {
54
+ content: "j";
55
+ }
56
+ .icon-cog:before {
57
+ content: "k";
58
+ }
59
+ .icon-down-chevron:before {
60
+ content: "l";
61
+ }
62
+ .icon-evolve-icon:before {
63
+ content: "m";
64
+ }
65
+ .icon-twitch:before {
66
+ content: "n";
67
+ }
68
+ .icon-speaker-mute:before {
69
+ content: "o";
70
+ }
71
+ .icon-speaker-loud:before {
72
+ content: "p";
73
+ }
74
+ .icon-speaker:before {
75
+ content: "q";
76
+ }
77
+ .icon-share:before {
78
+ content: "r";
79
+ }
80
+ .icon-right-chevron:before {
81
+ content: "s";
82
+ }
83
+ .icon-minus:before {
84
+ content: "u";
85
+ }
86
+ .icon-mic:before {
87
+ content: "v";
88
+ }
89
+ .icon-menu:before {
90
+ content: "w";
91
+ }
92
+ .icon-left-chevron:before {
93
+ content: "x";
94
+ }
95
+ .icon-globe:before {
96
+ content: "y";
97
+ }
98
+ .icon-evolve-icon-e:before {
99
+ content: "z";
100
+ }
101
+ .icon-up-chevron:before {
102
+ content: "A";
103
+ }
104
+ .icon-ellipsis:before {
105
+ content: "a";
106
+ }
107
+ .icon-checkmark:before {
108
+ content: "b";
109
+ }
110
+ .icon-close-thick:before {
111
+ content: "c";
112
+ }
113
+ .icon-question-mark:before {
114
+ content: "d";
115
+ }
116
+ .icon-select:before {
117
+ content: "e";
118
+ }
119
+ .icon-frown:before {
120
+ content: "B";
121
+ }
122
+ .icon-dots:before {
123
+ content: "C";
124
+ }
125
+ .icon-filter:before {
126
+ content: "D";
127
+ }
128
+ .icon-bell:before {
129
+ content: "E";
130
+ }
131
+ .icon-plus:before {
132
+ content: "F";
133
+ }
134
+ .icon-crown:before {
135
+ content: "t";
136
+ }
137
+ .icon-crown-filled:before {
138
+ content: "G";
139
+ }
@@ -79,7 +79,8 @@ header.global-header{
79
79
  width: 50px;
80
80
  height: $header-height-mobile;
81
81
 
82
- svg{
82
+ i{
83
+ font-size: 20px;
83
84
  width: 20px;
84
85
  height: 20px;
85
86
  position: absolute;
@@ -114,10 +115,6 @@ header.global-header{
114
115
 
115
116
  > button{
116
117
 
117
- svg{
118
-
119
- }
120
-
121
118
  }
122
119
 
123
120
  .context-menu{
@@ -210,10 +207,6 @@ a.app-title{
210
207
 
211
208
  button.new-notification{
212
209
 
213
- svg{
214
-
215
- }
216
-
217
210
  }
218
211
 
219
212
  .notification-count{
@@ -251,11 +244,6 @@ a.app-title{
251
244
  left: 50%;
252
245
  @include transform( translateX(-50%) translateY(-50%) );
253
246
 
254
- svg{
255
- width: 100%;
256
- height: 100%;
257
- }
258
-
259
247
  }
260
248
 
261
249
  }
@@ -305,7 +293,7 @@ a.app-title{
305
293
  }
306
294
 
307
295
  }
308
- svg{ display: none; }
296
+ i{ display: none; }
309
297
 
310
298
  &:hover{
311
299
  background: #f8f8f8;
@@ -327,7 +315,7 @@ a.app-title{
327
315
  height: 40px;
328
316
  }
329
317
 
330
- svg{
318
+ i{
331
319
  display: block;
332
320
  position: absolute;
333
321
  right: 10px;
@@ -0,0 +1,430 @@
1
+ .parties{
2
+
3
+ padding-top: $spacing-small;
4
+ padding-bottom: $spacing-small;
5
+
6
+ @media #{$screen680} {
7
+ padding-top: 0;
8
+ }
9
+
10
+ }
11
+
12
+ .party_wrap{
13
+
14
+ margin-bottom: 0;
15
+ padding: 0 10px 5px 10px;
16
+
17
+ .party{
18
+
19
+ background: $white;
20
+ position: relative;
21
+ @include rounded(3px);
22
+
23
+ }
24
+
25
+ @media #{$screen680} {
26
+
27
+ padding: 0 $spacing-large;
28
+ border: none;
29
+ margin-bottom: $spacing-large;
30
+
31
+ &.active{
32
+ padding: 0;
33
+ }
34
+
35
+ .party{
36
+
37
+ }
38
+
39
+ }
40
+
41
+ }
42
+
43
+ .party-header{
44
+
45
+ position: relative;
46
+ display: table;
47
+ padding: $spacing-small 6px $spacing-small $spacing-small;
48
+ width: 100%;
49
+ @include border-radius(3px, 3px, 0, 0);
50
+
51
+ &:hover{
52
+ cursor: pointer;
53
+ background-color: #f8f8f8;
54
+ }
55
+
56
+ &:after{
57
+ display: table;
58
+ clear: both;
59
+ content:"";
60
+ }
61
+
62
+ @media #{$screen680} {
63
+ padding: $spacing-large;
64
+ }
65
+
66
+ }
67
+
68
+ .event-edit-button{
69
+
70
+ display: block;
71
+ border-bottom: dotted 1px $gray-light;
72
+
73
+ a{
74
+ color: $blue;
75
+ display: block;
76
+ text-align: center;
77
+ padding: 8px;
78
+ }
79
+
80
+ @media #{$screen680} {
81
+
82
+ border: none;
83
+ position: absolute;
84
+ top: 0;
85
+ right: $spacing-small;
86
+ z-index: 100;
87
+
88
+ a{
89
+ text-decoration: none;
90
+ &:hover{
91
+ text-decoration: underline;
92
+ }
93
+ }
94
+
95
+ }
96
+
97
+ }
98
+
99
+ .party-header-info{
100
+
101
+ display: table-cell;
102
+ position: relative;
103
+ vertical-align: middle;
104
+
105
+ }
106
+
107
+ .party-thumbnail{
108
+
109
+ position: absolute;
110
+ left: 0;
111
+ top: 50%;
112
+ @include transform(translateY(-50%));
113
+ width: 32px;
114
+
115
+ img{
116
+ display: block;
117
+ width: 100%;
118
+ height: auto;
119
+ }
120
+
121
+ @media #{$screen680} {
122
+
123
+ width: 60px;
124
+
125
+ }
126
+
127
+ }
128
+ .party-main-info{
129
+
130
+ width: 100%;
131
+ padding:
132
+ 0 $spacing-small 0 32px+$spacing-small;
133
+
134
+ span{
135
+ font-size: 0.825em;
136
+ }
137
+ h2{
138
+ margin: 0;
139
+ font-size: 1.2em;
140
+ font-weight: 400;
141
+ }
142
+
143
+ @media #{$screen680} {
144
+
145
+ padding: 0 30px+$spacing-large 0 60px+$spacing-large;
146
+
147
+ span{
148
+ font-size: 0.95em;
149
+ color: $gray-mid;
150
+ }
151
+ h2{
152
+ font-size: 1.75em;
153
+ margin: 0.1em 0 0.4em 0;
154
+ }
155
+
156
+ }
157
+
158
+ }
159
+
160
+ .preview-attendees{
161
+
162
+ margin-top: 0.35em;
163
+
164
+ ul{
165
+
166
+ margin: 0;
167
+ padding: 0;
168
+ list-style-type: none;
169
+
170
+ &:after{
171
+ display: table;
172
+ clear: both;
173
+ content:"";
174
+ }
175
+
176
+ }
177
+ li{
178
+ display: block;
179
+ float: left;
180
+ margin-right: 0.35em;
181
+ }
182
+ span{
183
+ display: none;
184
+ }
185
+ img.avatar{
186
+
187
+ }
188
+ .leader{
189
+
190
+ }
191
+ .status{
192
+
193
+ &.pending{}
194
+ &.accepted{}
195
+ &.declined{}
196
+ &.maybe{}
197
+
198
+ }
199
+
200
+ }
201
+
202
+ .event_rsvp{
203
+
204
+ width: 40px;
205
+ display: table-cell;
206
+ vertical-align: middle;
207
+ @include transition(all, 0.25s, ease-in-out);
208
+
209
+ .button-wrapper{
210
+
211
+ width: 40px;
212
+ height: 110px;
213
+ float: right;
214
+
215
+ &.chosen{
216
+
217
+ height: 40px;
218
+
219
+ .circle{ display: none; }
220
+ .circle.current{ display: block; }
221
+
222
+ }
223
+
224
+ }
225
+
226
+ .circle{
227
+
228
+ display: block;
229
+ width: 30px;
230
+ height: 30px;
231
+ margin-bottom: 10px;
232
+
233
+ i{
234
+ font-size: 14px;
235
+ }
236
+
237
+ }
238
+
239
+ @media #{$screen680} {
240
+
241
+ width: 136px;
242
+
243
+ .button-wrapper{
244
+
245
+ height: 40px;
246
+ width: 136px;
247
+
248
+ &.chosen{
249
+
250
+ width: 40px;
251
+
252
+ }
253
+
254
+ }
255
+
256
+ .circle{
257
+
258
+ float: left;
259
+ margin: 0 8px 0 0;
260
+ width: 40px;
261
+ height: 40px;
262
+
263
+ i{
264
+ font-size: 18px;
265
+ }
266
+
267
+ }
268
+
269
+ form.button_to{
270
+
271
+ &:last-child .circle{
272
+ margin: 0;
273
+ }
274
+
275
+ }
276
+
277
+ }
278
+
279
+ }
280
+
281
+ // Party body
282
+ .party-body{
283
+ display: none;
284
+ }
285
+
286
+ // Active Party Styles
287
+ .party_wrap.active{
288
+
289
+ .party{
290
+
291
+ &:hover{
292
+ cursor: default;
293
+ @include box-shadow(0,0,0,rgba(0,0,0,0));
294
+ }
295
+
296
+ button.minimize{ display: block;}
297
+
298
+ }
299
+
300
+ .preview-attendees{ display: none; }
301
+ .comment-preview{ display: none; }
302
+ .party-body{ display: block; }
303
+ .party-feed{ display: block; }
304
+
305
+ }
306
+
307
+ // Attendees list (expanded)
308
+ .attendees-list-wrap{
309
+
310
+ border-top: solid 1px $gray-light;
311
+ border-bottom: solid 1px $gray-light;
312
+ padding: $spacing-small;
313
+
314
+ p{
315
+ margin: 0 0 $spacing-small 0;
316
+ }
317
+ ul{
318
+
319
+ margin: 0;
320
+ padding: 0;
321
+ list-style-type: none;
322
+
323
+ &:after{
324
+ content: "";
325
+ display: table;
326
+ clear: both;
327
+ }
328
+
329
+ }
330
+ li{
331
+
332
+ display: block;
333
+ float: left;
334
+ width: 100%;
335
+ padding: 4px;
336
+
337
+ &:after{
338
+ content: "";
339
+ display: table;
340
+ clear: both;
341
+ }
342
+
343
+ }
344
+ img{
345
+ display: block;
346
+ float: left;
347
+ position: relative;
348
+ top: 3px;
349
+ margin-right: 0.4em;
350
+ }
351
+ span.username{
352
+
353
+ display: block;
354
+ float: left;
355
+
356
+ i{
357
+ display: inline-block;
358
+ width: 16px;
359
+ height: 16px;
360
+ position: relative;
361
+ top: 2px;
362
+ color: $orange;
363
+ }
364
+
365
+ }
366
+ span.status{
367
+
368
+ display: block;
369
+ float: right;
370
+ text-transform: capitalize;
371
+
372
+ &.pending{ color:$gray-light; }
373
+ &.declined{ color:$red; }
374
+ &.maybe{ color:$orange; }
375
+ &.accepted{ color:$green; }
376
+
377
+ }
378
+
379
+ @media #{$screen680} {
380
+
381
+ padding: $spacing-large*1.2;
382
+
383
+ li{
384
+
385
+ width: 50%;
386
+ padding-right:70px;
387
+
388
+ &:nth-child(2n){
389
+ padding-right:4px;
390
+ padding-left:70px;
391
+ }
392
+ }
393
+
394
+ p{
395
+ margin: 0 0 $spacing-large*1.2 0;
396
+ }
397
+
398
+ }
399
+
400
+ }
401
+
402
+ // Party Comments (full)
403
+ .party-feed{
404
+
405
+ padding: $spacing-small;
406
+
407
+ @media #{$screen680} {
408
+
409
+ padding: $spacing-large*1.2;
410
+
411
+ }
412
+
413
+ }
414
+
415
+ // Single page events view
416
+ .party-single-sub-nav{
417
+
418
+ padding: $spacing-small;
419
+
420
+ a{
421
+
422
+ }
423
+
424
+ @media #{$screen680} {
425
+
426
+ padding-top: $spacing-large;
427
+
428
+ }
429
+
430
+ }
@@ -7,6 +7,8 @@
7
7
  @import "components/grid";
8
8
 
9
9
  // All element-based styles
10
+ @import "components/fonts";
11
+ @import "components/parties";
10
12
  @import "components/flashes";
11
13
  @import "components/colors";
12
14
  @import "components/navigation";
@@ -1,3 +1,3 @@
1
1
  module EvolveStyleguide
2
- VERSION = "0.0.7"
2
+ VERSION = "0.0.8"
3
3
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: evolve_styleguide
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.7
4
+ version: 0.0.8
5
5
  platform: ruby
6
6
  authors:
7
7
  - Sam Brannon
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2015-05-04 00:00:00.000000000 Z
11
+ date: 2015-05-06 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -50,7 +50,10 @@ files:
50
50
  - LICENSE.txt
51
51
  - README.md
52
52
  - Rakefile
53
- - app/assets/images/evolve-icons.svg
53
+ - app/assets/fonts/evolve-icons.eot
54
+ - app/assets/fonts/evolve-icons.svg
55
+ - app/assets/fonts/evolve-icons.ttf
56
+ - app/assets/fonts/evolve-icons.woff
54
57
  - app/assets/images/logo-01.svg
55
58
  - app/assets/images/logo-02.svg
56
59
  - app/assets/images/logo-03.svg
@@ -65,6 +68,7 @@ files:
65
68
  - app/assets/stylesheets/components/_colors.scss
66
69
  - app/assets/stylesheets/components/_comments.scss
67
70
  - app/assets/stylesheets/components/_flashes.scss
71
+ - app/assets/stylesheets/components/_fonts.scss
68
72
  - app/assets/stylesheets/components/_forms.scss
69
73
  - app/assets/stylesheets/components/_grid.scss
70
74
  - app/assets/stylesheets/components/_images.scss
@@ -72,6 +76,7 @@ files:
72
76
  - app/assets/stylesheets/components/_mixins.scss
73
77
  - app/assets/stylesheets/components/_navigation.scss
74
78
  - app/assets/stylesheets/components/_normalize.scss
79
+ - app/assets/stylesheets/components/_parties.scss
75
80
  - app/assets/stylesheets/components/_typography.scss
76
81
  - app/assets/stylesheets/components/_variables.scss
77
82
  - app/assets/stylesheets/evolve_styleguide.scss
@@ -1,135 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
2
-
3
- <symbol id="icon-audio-wave" viewBox="0 0 512 512">
4
- <path d="m123 160c53 53 53 139 0 192l13 13c61-60 61-158 0-218z m87-87l-13 14c45 45 70 105 70 169 0 64-25 124-70 169l13 14c49-49 76-114 76-183 0-69-27-134-76-183z m73-73l-13 13c134 134 134 352 0 486l13 13c141-141 141-371 0-512z"/>
5
- </symbol>
6
-
7
- <symbol id="icon-avatar" viewBox="0 0 512 512">
8
- <path d="m256 0c-141 0-256 115-256 256 0 141 115 256 256 256 141 0 256-115 256-256 0-141-115-256-256-256z m-154 436c35-50 92-80 154-80 62 0 119 30 154 80-41 36-95 58-154 58-59 0-113-22-154-58z m322-12c-29-41-71-70-119-81 30-17 51-50 51-87 0-55-45-100-100-100-55 0-100 45-100 100 0 37 21 70 51 87-47 11-90 40-119 81-43-43-69-103-69-168 0-131 106-237 237-237 131 0 238 106 238 237 0 65-27 125-70 168z m-168-87c-45 0-81-36-81-81 0-45 36-81 81-81 45 0 81 36 81 81 0 45-36 81-81 81z"/>
9
- </symbol>
10
-
11
- <symbol id="icon-calendar" viewBox="0 0 512 512">
12
- <path d="m0 0l0 512 388 0 0-123 124 0 0-389z m19 142l102 0 0 105-102 0z m124 123l102 0 0 105-102 0z m124 0l102 0 0 105-102 0z m102-18l-102 0 0-105 102 0z m-124 0l-102 0 0-105 102 0z m-226 18l102 0 0 105-102 0z m102 228l-102 0 0-104 102 0z m124 0l-102 0 0-104 102 0z m124 0l-102 0 0-104 102 0z m124-123l-102 0 0-105 102 0z m0-123l-102 0 0-105 102 0z m-105-124l-369 0 0-104 474 0 0 104z"/>
13
- </symbol>
14
-
15
- <symbol id="icon-close" viewBox="0 0 512 512">
16
- <path d="m512 18l-17-18-239 239-238-239-18 18 239 238-239 239 18 17 238-238 239 238 17-17-238-239z"/>
17
- </symbol>
18
-
19
- <symbol id="icon-close-box" viewBox="0 0 512 512">
20
- <path d="m455 0l-398 0c-31 0-57 26-57 57l0 398c0 32 26 57 57 57l398 0c32 0 57-25 57-57l0-398c0-31-25-57-57-57z m-81 343l-31 31-87-88-87 88-30-31 87-87-87-87 30-30 87 87 87-87 31 30-88 87z"/>
21
- </symbol>
22
-
23
- <symbol id="icon-cog" viewBox="0 0 512 512">
24
- <path d="m457 185l-40-69 26-45-121-71-26 45-80 0-26-45-121 71 26 45-40 69-52 0 0 142 52 0 40 69-26 46 121 70 26-45 80 0 26 45 121-70-26-46 40-69 52 0 0-142z m33 123l-44 0-50 88 22 39-90 52-22-39-100 0-22 39-90-52 22-39-50-88-44 0 0-104 44 0 50-88-22-39 90-52 22 39 100 0 22-39 90 52-22 39 50 88 44 0z m-234-148c-53 0-96 43-96 96 0 53 43 96 96 96 53 0 96-43 96-96 0-53-43-96-96-96z m0 174c-43 0-78-35-78-78 0-43 35-78 78-78 43 0 78 35 78 78 0 43-35 78-78 78z"/>
25
- </symbol>
26
-
27
- <symbol id="icon-down-chevron" viewBox="0 0 512 512">
28
- <path d="m494 119l-238 239-239-239-17 18 256 256 256-256z"/>
29
- </symbol>
30
-
31
- <symbol id="icon-evolve-icon" viewBox="0 0 512 512">
32
- <path d="m475 381c-14 0-26 6-32 22l-1 0c-6 8-14 12-24 12-36 0-87-57-87-57l0 0c-17-22-44-37-74-37-53 0-95 43-95 95 0 52 42 94 95 94 30 0 56-14 74-37l0 0c0 0 51-54 87-54 10 0 18-1 24 15l1 0c6 8 18 20 32 20 21 0 37-17 37-37 0-20-16-36-37-36z m-43-205c-23 0-43 9-57 24 0 0-1 0-2 1-28 33-70 54-117 54-47 0-89-21-117-54-1-1-2-1-2-1-7-7-16-13-25-17-10-4-20-7-31-7-45 0-81 36-81 81 0 44 36 80 81 80 22 0 42-9 57-23 1-1 3-4 8-7 28-29 67-46 110-46 43 0 82 17 110 46 5 3 7 6 8 7 15 14 35 23 58 23 44 0 80-36 80-80 0-45-36-81-80-81z m-175 15c30 0 56-14 74-36l0 0c0 0 51-58 87-58 10 0 18 4 24 12l1 0c6 15 18 22 32 22 21 0 37-15 37-35 0-21-16-38-37-38-14 0-26 12-32 20l-1 0c-6 16-14 16-24 16-36 0-87-55-87-55l0 0c-17-23-44-37-74-37-53 0-95 42-95 95 0 52 42 94 95 94z m-220-58c20 0 37-17 37-37 0-20-17-37-37-37-20 0-37 17-37 37 0 21 17 37 37 37z m0 246c-20 0-37 17-37 37 0 20 17 37 37 37 20 0 37-17 37-37 0-20-17-37-37-37z"/>
33
- </symbol>
34
-
35
- <symbol id="icon-twitch" viewBox="0 0 512 512">
36
- <path d="m367 445l-100 0-67 67-66 0 0-67-123 0 0-356 34-89 456 0 0 312z m89-156l0-244-367 0 0 322 100 0 0 67 67-67 122 0z m-122-155l0 133 44 0 0-133z m-122 133l44 0 0-133-44 0z"/>
37
- </symbol>
38
-
39
- <symbol id="icon-speaker-mute" viewBox="0 0 512 512">
40
- <path d="m512 188l-17-18-71 71-70-71-17 18 70 70-70 70 17 18 70-70 71 70 17-18-70-70z m-503-21c-5 0-9 5-9 10l0 159c0 5 4 9 9 9l155 0 115 88 0-354-115 88z m149 159l-139 0 0-140 139 0z m19-145l83-64 0 278-83-64z"/>
41
- </symbol>
42
-
43
- <symbol id="icon-speaker-loud" viewBox="0 0 512 512">
44
- <path d="m359 192l-13 14c15 13 23 31 23 50 0 19-8 37-23 50l13 14c18-17 28-40 28-64 0-24-10-47-28-64z m44-41l-13 14c27 24 41 57 41 91 0 34-14 67-41 91l13 14c30-28 47-65 47-105 0-40-17-77-47-105z m44-41l-13 14c38 36 59 82 59 132 0 50-21 97-59 132l13 14c42-39 65-91 65-146 0-55-23-107-65-146z m-438 57c-5 0-9 5-9 10l0 159c0 5 4 9 9 9l155 0 115 88 0-354-115 88z m149 159l-139 0 0-140 139 0z m19-145l83-64 0 278-83-64z"/>
45
- </symbol>
46
-
47
- <symbol id="icon-speaker" viewBox="0 0 512 512">
48
- <path d="m295 127l-235 0c-5 0-9 5-9 9l0 240c0 5 4 9 9 9l235 0 166 127 0-512z m-6 240l-220 0 0-222 220 0z m154 109l-136-104 0-231 136-105z"/>
49
- </symbol>
50
-
51
- <symbol id="icon-share" viewBox="0 0 512 512">
52
- <path d="m369 0l0 19 111 0-461 461 0-429 284 0 0-18-303 0 0 479 479 0 0-303-18 0 0 284-429 0 461-461 0 111 19 0 0-143z"/>
53
- </symbol>
54
-
55
- <symbol id="icon-right-chevron" viewBox="0 0 512 512">
56
- <path d="m136 0l-17 18 238 238-238 239 17 17 256-256z"/>
57
- </symbol>
58
-
59
- <symbol id="icon-minus" viewBox="0 0 512 512">
60
- <path d="m0 243l512 0 0 26-512 0z"/>
61
- </symbol>
62
-
63
- <symbol id="icon-mic" viewBox="0 0 512 512">
64
- <path d="m256 327c53 0 101-44 101-97l0-134c0-53-48-96-101-96-53 0-101 43-101 96l0 134c0 53 48 97 101 97z m-75-231c0-43 32-77 75-77 43 0 75 34 75 77l0 134c0 43-32 78-75 78-43 0-75-35-75-78z m237 139l-19 0c0 88-64 145-143 145-79 0-143-57-143-145l-19 0c0 88 61 164 149 169l0 108 26 0 0-108c88-5 149-81 149-169z"/>
65
- </symbol>
66
-
67
- <symbol id="icon-menu" viewBox="0 0 512 512">
68
- <path d="m12 0l488 0 0 24-488 0z m0 232l488 0 0 24-488 0z m0 256l488 0 0 24-488 0z"/>
69
- </symbol>
70
-
71
- <symbol id="icon-left-chevron" viewBox="0 0 512 512">
72
- <path d="m392 18l-17-18-256 256 256 256 17-17-238-239z"/>
73
- </symbol>
74
-
75
- <symbol id="icon-globe" viewBox="0 0 512 512">
76
- <path d="m256 0c-141 0-256 115-256 256 0 141 115 256 256 256 141 0 256-115 256-256 0-141-115-256-256-256z m-131 256c0-27 3-53 7-77l115 0 0 154-115 0c-4-24-7-50-7-77z m140-237c50 6 92 63 111 142l-111 0z m-18 0l0 142-111 0c20-79 61-136 111-142z m0 332l0 142c-50-6-91-63-111-142z m18 142l0-142 111 0c-19 79-61 136-111 142z m0-160l0-154 115 0c4 24 7 50 7 77 0 27-3 53-7 77z m133-154l83 0c8 24 12 50 12 77 0 27-4 53-12 77l-83 0c5-24 7-50 7-77 0-27-2-53-7-77z m76-18l-80 0c-13-57-38-104-70-132 67 20 122 69 150 132z m-286-132c-32 28-57 75-70 132l-79 0c27-63 82-112 149-132z m-157 150l83 0c-5 24-7 50-7 77 0 27 2 53 7 77l-83 0c-8-24-12-50-12-77 0-27 4-53 12-77z m8 172l79 0c13 57 38 104 70 132-67-20-122-69-149-132z m285 132c32-28 57-75 70-132l80 0c-28 63-83 112-150 132z"/>
77
- </symbol>
78
-
79
- <symbol id="icon-evolve-icon-e" viewBox="0 0 512 512">
80
- <path d="m245 116l157 0c16 0 29-18 29-34l0-57c0-16-13-25-29-25l-292 0c-16 0-29 9-29 25l0 462c0 16 13 25 29 25l292 0c16 0 29-9 29-25l0-57c0-16-13-34-29-34l-157 0c-16 0-24-8-24-24l0-31c0-16 8-27 24-27l149 0c16 0 25-15 25-31l0-57c0-16-9-28-25-28l-149 0c-16 0-24-13-24-29l0-29c0-16 8-24 24-24z"/>
81
- </symbol>
82
-
83
- <symbol id="icon-up-chevron" viewBox="0 0 512 512">
84
- <path d="m0 375l17 18 239-239 238 239 18-18-256-256z"/>
85
- </symbol>
86
-
87
- <symbol id="icon-ellipsis" viewBox="0 0 512 512">
88
- <path d="m320 256c0 35-29 64-64 64-35 0-64-29-64-64 0-35 29-64 64-64 35 0 64 29 64 64z m192 0c0 35-29 64-64 64-35 0-64-29-64-64 0-35 29-64 64-64 35 0 64 29 64 64z m-384 0c0 35-29 64-64 64-35 0-64-29-64-64 0-35 29-64 64-64 35 0 64 29 64 64z"/>
89
- </symbol>
90
-
91
- <symbol id="icon-checkmark" viewBox="0 0 512 512">
92
- <path d="m478 71l-302 302-142-142-34 34 176 176 336-335z"/>
93
- </symbol>
94
-
95
- <symbol id="icon-close-thick" viewBox="0 0 512 512">
96
- <path d="m512 33l-33-33-223 223-223-223-33 33 223 223-223 223 33 33 223-223 223 223 33-33-223-223z"/>
97
- </symbol>
98
-
99
- <symbol id="icon-question-mark" viewBox="0 0 512 512">
100
- <path d="m256 0c-91 0-164 74-164 164l35 0c0-71 58-129 129-129 71 0 129 58 129 129 0 71-58 129-129 129l-18 0 0 131 36 0 0-96c82-9 147-79 147-164 0-90-74-164-165-164z m17 495c0 9-8 17-17 17-9 0-17-8-17-17 0-10 8-17 17-17 9 0 17 7 17 17z"/>
101
- </symbol>
102
-
103
- <symbol id="icon-select" viewBox="0 0 512 512">
104
- <path d="m256 512l-142-142 32-31 110 110 110-110 32 31z m110-339l-110-110-110 110-32-31 142-142 142 142z"/>
105
- </symbol>
106
-
107
- <symbol id="icon-frown" viewBox="0 0 512 512">
108
- <path d="m491 209c-6-9-12-17-14-25-3-8-3-18-3-29 0-18-1-35-11-50-10-14-27-19-44-25-10-4-20-7-27-12-6-5-12-13-19-22-10-14-21-28-38-34-4-1-9-2-14-2-12 0-24 4-35 7-11 4-21 7-30 7-9 0-19-3-30-7-11-3-23-7-34-7-6 0-10 1-15 2-17 6-28 20-38 34-6 9-12 17-19 22-7 5-17 8-27 12-17 5-34 11-44 25-10 15-10 32-11 50 0 11 0 21-3 29-2 8-8 16-14 25-10 13-21 29-21 47 0 18 11 34 21 47 6 9 12 17 14 25 3 8 3 19 3 30 0 17 1 35 11 49 10 14 27 20 44 25 10 4 20 7 27 12 6 5 13 13 19 22 10 14 21 28 38 34 4 1 9 2 15 2 11 0 23-4 34-7 11-4 21-7 30-7 9 0 19 3 30 7 11 3 23 7 35 7 5 0 10-1 14-2 17-6 28-20 38-34 7-9 13-17 19-22 7-5 17-8 27-12 17-5 34-11 44-25 10-14 11-32 11-49 0-11 0-22 3-30 2-8 8-16 14-25 10-13 21-29 21-47 0-18-11-34-21-47z m-17 82c-7 9-14 19-18 30-3 12-3 24-4 36 0 15 0 28-6 37-7 9-20 13-33 18-12 4-24 8-33 15-10 6-17 16-24 26-9 12-17 23-27 26-3 1-5 1-8 1-9 0-19-3-29-6-12-3-24-7-36-7-12 0-24 4-36 7-14 4-27 8-37 5-10-3-18-14-27-26-7-10-14-20-24-27-9-7-21-10-33-14-13-5-27-9-33-18-6-9-6-22-6-37-1-12-1-25-4-36-4-11-11-21-18-30-9-12-17-24-17-35 0-11 8-23 17-35 7-9 14-19 18-30 3-12 3-24 4-36 0-15 0-28 6-37 7-9 20-13 33-18 12-4 24-8 33-15 10-6 17-16 24-26 9-12 17-23 27-26 10-3 23 1 37 5 12 3 24 7 36 7 12 0 24-4 36-7 14-5 27-8 36-5 11 3 19 14 28 26 7 10 14 20 24 26 9 7 21 11 33 15 13 5 26 9 33 18 6 9 6 22 6 37 0 12 1 24 4 36 4 11 11 21 18 30 8 12 17 24 17 35 0 11-8 23-17 35z m-316 67c-4 4-4 11 0 15 4 4 11 4 15 0 46-46 120-46 166 0 2 2 5 3 8 3 2 0 5-1 7-3 5-4 5-11 0-15-54-54-142-54-196 0z"/>
109
- </symbol>
110
-
111
- <symbol id="icon-dots" viewBox="0 0 512 512">
112
- <path d="m116 58c0 32-26 58-58 58-32 0-58-26-58-58 0-32 26-58 58-58 32 0 58 26 58 58z m396 0c0 32-26 58-58 58-32 0-58-26-58-58 0-32 26-58 58-58 32 0 58 26 58 58z m-396 396c0 32-26 58-58 58-32 0-58-26-58-58 0-32 26-58 58-58 32 0 58 26 58 58z m396 0c0 32-26 58-58 58-32 0-58-26-58-58 0-32 26-58 58-58 32 0 58 26 58 58z"/>
113
- </symbol>
114
-
115
- <symbol id="icon-filter" viewBox="0 0 512 512">
116
- <path d="m508 30c-8-19-25-30-46-30l-412 0c-21 0-37 11-46 31-8 19-4 40 11 54l150 150 0 145c0 13 5 25 15 35l82 82c9 9 22 15 35 15 6 0 13-1 20-4 19-9 30-25 30-46l0-227 150-150c15-14 19-35 11-55z m-219 181l0 231-66-66 0-165-153-153 372 0z"/>
117
- </symbol>
118
-
119
- <symbol id="icon-bell" viewBox="0 0 512 512">
120
- <path d="m512 411l-27-28c-56-58-84-141-84-246 0-13-3-26-10-39-6-13-15-25-26-37-12-11-27-21-46-28-38-15-88-15-126 0-19 7-34 17-46 28-11 12-20 24-26 36-7 14-10 27-10 40 0 105-28 188-84 246l-27 28 167 0c2 44 41 80 89 80 48 0 87-36 89-80z m-368-274c0-8 2-17 6-26 5-9 11-18 20-27 9-8 20-15 35-21 31-11 72-11 102 0 15 6 27 13 35 21 9 9 16 18 20 28 4 8 6 17 6 25 0 98 24 179 71 240l-365 0c46-61 70-142 70-240z m112 321c-30 0-54-22-57-47l114 0c-3 25-27 47-57 47z"/>
121
- </symbol>
122
-
123
- <symbol id="icon-plus" viewBox="0 0 512 512">
124
- <path d="m512 230l-230 0 0-230-52 0 0 230-230 0 0 52 230 0 0 230 52 0 0-230 230 0z"/>
125
- </symbol>
126
-
127
- <symbol id="icon-crown" viewBox="0 0 512 512">
128
- <path d="m454 381l-384 0 0-247 100 100 92-92 93 92 99-100z m-369-14l355 0 0-197-85 85-93-92-92 92-85-85z"/>
129
- </symbol>
130
-
131
- <symbol id="icon-crown-filled" viewBox="0 0 512 512">
132
- <path d="m454 381l-384 0 0-247 100 100 92-92 93 92 99-100z"/>
133
- </symbol>
134
-
135
- </svg>