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 +4 -4
- data/app/assets/fonts/evolve-icons.eot +0 -0
- data/app/assets/fonts/evolve-icons.svg +43 -0
- data/app/assets/fonts/evolve-icons.ttf +0 -0
- data/app/assets/fonts/evolve-icons.woff +0 -0
- data/app/assets/javascripts/evolve_styleguide.js +91 -0
- data/app/assets/stylesheets/components/_base.scss +0 -9
- data/app/assets/stylesheets/components/_buttons.scss +23 -34
- data/app/assets/stylesheets/components/_fonts.scss +139 -0
- data/app/assets/stylesheets/components/_navigation.scss +4 -16
- data/app/assets/stylesheets/components/_parties.scss +430 -0
- data/app/assets/stylesheets/evolve_styleguide.scss +2 -0
- data/lib/evolve_styleguide/version.rb +1 -1
- metadata +8 -3
- data/app/assets/images/evolve-icons.svg +0 -135
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 7e020889169451cc5128dbdeb12368a503333265
|
4
|
+
data.tar.gz: b40187b5f3956858234e609260c05af1c1194eee
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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="f" 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="g" 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="h" 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="i" 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="j" 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="k" 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="l" d="M494 393l-238-239-239 239-17-18 256-256 256 256z"/>
|
17
|
+
<glyph unicode="m" 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="n" 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="o" 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="p" 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="q" 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="r" 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="s" d="M136 512l-17-18 238-238-238-239 17-17 256 256z"/>
|
24
|
+
<glyph unicode="u" d="M0 269l512 0 0-26-512 0z"/>
|
25
|
+
<glyph unicode="v" 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="w" 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="x" d="M392 494l-17 18-256-256 256-256 17 17-238 239z"/>
|
28
|
+
<glyph unicode="y" 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="z" 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="A" d="M0 137l17-18 239 239 238-239 18 18-256 256z"/>
|
31
|
+
<glyph unicode="a" 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="b" d="M478 441l-302-302-142 142-34-34 176-176 336 335z"/>
|
33
|
+
<glyph unicode="c" 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="d" 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="e" 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="B" 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="C" 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="D" 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="E" 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="F" 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="t" 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="G" 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:
|
162
|
-
height:
|
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
|
-
|
168
|
-
|
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
|
-
|
175
|
-
@include transform( translateX(-50%) translateY(-50%) );
|
176
|
-
@include rounded(50%);
|
175
|
+
@include transform( translateX(-50%) translateY(-45%) );
|
177
176
|
}
|
178
177
|
|
179
|
-
&.pending
|
180
|
-
&.decline
|
181
|
-
&.maybe
|
182
|
-
&.accept
|
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
|
189
|
-
&.decline
|
190
|
-
&.maybe
|
191
|
-
&.accept
|
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
|
-
|
207
|
-
|
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
|
-
|
231
|
-
|
232
|
-
height: 20px;
|
228
|
+
i{
|
229
|
+
font-size: 18px;
|
233
230
|
position: relative;
|
234
|
-
top:
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
+
}
|
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.
|
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-
|
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/
|
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>
|