evolve_styleguide 0.0.7 → 0.0.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: ca2d3f783bcbf38330bde56526cc564da45cd559
-  data.tar.gz: c6524d57a4309e70fffe854d05b8926fd0ac2056
+  metadata.gz: 7e020889169451cc5128dbdeb12368a503333265
+  data.tar.gz: b40187b5f3956858234e609260c05af1c1194eee
 SHA512:
-  metadata.gz: 602f8ccdd4d972940b3f7d22f65c3d07670572583acbf7c13526000f5365443d2b1b10e17b6df4a3cd8f82091ad848bd36c2e1838ca3c82f8394cdff56b8157b
-  data.tar.gz: 4fd813f5fe69ed67ac5958a269f51d20bad62b640476c8a88d79f30a097cf23b19e13ce100a52c5b73556642d157f84e354169bceec41a64fae2214129ca083d
+  metadata.gz: 425a7be1ebdb033f5270371cf358f8fa034216ffa1a66dd7161c491c50c109bbac0d7ec92d6d189e286caec62684919f8a6ff6275f9d6fcd572ca704c9cd00e5
+  data.tar.gz: 9a20790450cff85f16070c955823ebe4c4d1271c96b2d179af17e3ddebfad9e102699ba940021b3dc8bfbe79f761a4c03d3ca3a1ef39cd072e99f699a70c13df

data/app/assets/fonts/evolve-icons.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by Fontastic.me</metadata>
+<defs>
+<font id="evolve-icons" horiz-adv-x="512">
+<font-face font-family="evolve-icons" units-per-em="512" ascent="480" descent="-32"/>
+<missing-glyph horiz-adv-x="512" />
+
+<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"/>
+<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"/>
+<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"/>
+<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"/>
+<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"/>
+<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"/>
+<glyph unicode="&#108;" d="M494 393l-238-239-239 239-17-18 256-256 256 256z"/>
+<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"/>
+<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"/>
+<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"/>
+<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"/>
+<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"/>
+<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"/>
+<glyph unicode="&#115;" d="M136 512l-17-18 238-238-238-239 17-17 256 256z"/>
+<glyph unicode="&#117;" d="M0 269l512 0 0-26-512 0z"/>
+<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"/>
+<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"/>
+<glyph unicode="&#120;" d="M392 494l-17 18-256-256 256-256 17 17-238 239z"/>
+<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"/>
+<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"/>
+<glyph unicode="&#65;" d="M0 137l17-18 239 239 238-239 18 18-256 256z"/>
+<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"/>
+<glyph unicode="&#98;" d="M478 441l-302-302-142 142-34-34 176-176 336 335z"/>
+<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"/>
+<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"/>
+<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"/>
+<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"/>
+<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"/>
+<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"/>
+<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"/>
+<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"/>
+<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"/>
+<glyph unicode="&#71;" d="M454 131l-384 0 0 247 100-100 92 92 93-92 99 100z"/>
+</font></defs></svg>

data/app/assets/javascripts/evolve_styleguide.js

@@ -178,6 +178,91 @@
 
 }(jQuery));
 
+// Toggle Party States
+(function ($) {
+
+  $.fn.evoPartyToggle = function(){
+
+    var parties = $(this);
+    var partyHeaders = parties.find('.party-header');
+    var partyWrapper = parties.parents('.parties');
+
+    // Close all
+    partyWrapper.on('click', function(e){
+
+      if( !$(e.target).closest('.party_wrap').length ){
+        parties.removeClass('active');
+      }
+
+    });
+
+    var toggleParty = function(party){
+
+      if( party.hasClass('active') ){
+
+        // toggle classes
+        parties.removeClass('active');
+        party.removeClass('active');
+
+      } else {
+
+        // toggle classes
+        parties.removeClass('active');
+        party.addClass('active');
+
+      }
+
+    };
+
+    partyHeaders.on('click', function(e){
+      
+      var partyWrap = $(this).parents('.party_wrap');
+
+      if( !$(e.target).closest('.button-wrapper').length ){
+        toggleParty(partyWrap);
+      }
+
+    });
+
+  };
+
+}(jQuery));
+
+(function ($) {
+
+  $.fn.evoPartyRSVP = function(){
+    
+    var container = $(this);
+    var buttons = container.find('button');
+
+    var reSelectRSVP = function( button ){
+
+      // Remove chosen class from wrapper
+      button.parents('.button-wrapper').removeClass('chosen').addClass('pending');
+
+    };
+
+    buttons.on('click', function(){
+
+      var curBtn = $(this);
+
+      if( curBtn.parents('.button-wrapper').hasClass('chosen') ){
+
+        // run expansion function
+        reSelectRSVP( curBtn );
+
+        // Don't let the button submit
+        return false;
+
+      }
+
+
+    });
+
+  };
+
+}(jQuery));
+
 
 /********************************************
 ** Hooks
@@ -193,4 +278,10 @@ jQuery(document).ready(function($) {
   // Mobile Tabs
   $('.filter-bar').evoFilterBar( $('.party_wrap') );
 
+  // RSVP buttons
+  $('.event_rsvp').evoPartyRSVP();
+
+  // Toggle party list expansion
+  $('.party_wrap').evoPartyToggle();
+
 });

data/app/assets/stylesheets/components/_base.scss

@@ -154,15 +154,6 @@ td{
 
 }
 
-// SVG Icons
-$svgSize: 30px;
-[class^="icon-"], [class*=" icon-"] {
-    height: $svgSize;
-    width: $svgSize;
-    display: inline-block; 
-    fill: currentColor; 
-}
-
 // Code formatting
 pre{
   word-wrap: break-word;

data/app/assets/stylesheets/components/_buttons.scss

@@ -158,37 +158,36 @@ button{
   /** CIRCLE **/
   &.circle{
 
-    width: 44px;
-    height: 44px;
+    width: 30px;
+    height: 30px;
     overflow: hidden;
     position: relative;
     margin: 0;
+    border: solid 2px $black;
+    padding: 6px;
+    @include rounded(50%);
 
-    svg{
-      width: 30px;
-      height: 30px;
-      border: solid 2px $black;
+    i{
+      font-size: 16px;
       position: absolute;
       top: 50%;
       left: 50%;
-      padding: 6px;
-      @include transform( translateX(-50%) translateY(-50%) );
-      @include rounded(50%);
+      @include transform( translateX(-50%) translateY(-45%) );
     }
 
-    &.pending svg{ fill:$gray; border-color: $gray; }
-    &.decline svg{ fill:$red; border-color: $red; }
-    &.maybe svg{ fill:$orange; border-color: $orange; }
-    &.accept svg{ fill:$green; border-color: $green; }
+    &.pending { color:$gray; border-color: $gray; }
+    &.decline { color:$red; border-color: $red; }
+    &.maybe { color:$orange; border-color: $orange; }
+    &.accept { color:$green; border-color: $green; }
 
     // Set current state
     &:hover,
     &.current{
 
-      &.pending svg{ fill:$white; background-color: $gray; }
-      &.decline svg{ fill:$white; background-color: $red; }
-      &.maybe svg{ fill:$white; background-color: $orange; }
-      &.accept svg{ fill:$white; background-color: $green; }
+      &.pending{ color:$white; background-color: $gray; }
+      &.decline{ color:$white; background-color: $red; }
+      &.maybe{ color:$white; background-color: $orange; }
+      &.accept{ color:$white; background-color: $green; }
 
     }
 
@@ -202,11 +201,10 @@ button{
 
       width: 40px;
       height: 40px;
+      padding: 8px;
 
-      svg{
-        width: 40px;
-        height: 40px;
-        padding: 8px;
+      i{
+        font-size: 18px;
       }
 
     }
@@ -227,11 +225,10 @@ button{
     padding: 10px 14px 10px 10px;
     cursor: pointer;
 
-    svg{
-      width: 20px;
-      height: 20px;
+    i{
+      font-size: 18px;
       position: relative;
-      top: 4px;
+      top: 2px;
       margin-right: 3px;
     }
     .current-filter{
@@ -273,10 +270,6 @@ button{
     .filter-selection{
 
       display: none;
-
-      svg{
-
-      }
       .current-filter{
         
       }
@@ -356,10 +349,6 @@ header.app-header{
     span{
       display: none;
     }
-    svg{
-      width: 20px;
-      height: 20px;
-    }
 
     &:hover{
       background-color: darken($red, 15%);
@@ -379,7 +368,7 @@ header.app-header{
         display: inline-block;
         margin-right: 8px;
       }
-      svg{
+      i{
         position: relative;
         top: 2px;
       }

data/app/assets/stylesheets/components/_fonts.scss

@@ -0,0 +1,139 @@
+@charset "UTF-8";
+
+@font-face {
+  font-family: "evolve-icons";
+  src:font-url("evolve-icons.eot");
+  src:font-url("evolve-icons.eot?#iefix") format("embedded-opentype"),
+    font-url("evolve-icons.woff") format("woff"),
+    font-url("evolve-icons.ttf") format("truetype"),
+    font-url("evolve-icons.svg#evolve-icons") format("svg");
+  font-weight: normal;
+  font-style: normal;
+
+}
+
+[data-icon]:before {
+  font-family: "evolve-icons" !important;
+  content: attr(data-icon);
+  font-style: normal !important;
+  font-weight: normal !important;
+  font-variant: normal !important;
+  text-transform: none !important;
+  speak: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+[class^="icon-"]:before,
+[class*=" icon-"]:before {
+  font-family: "evolve-icons" !important;
+  font-style: normal !important;
+  font-weight: normal !important;
+  font-variant: normal !important;
+  text-transform: none !important;
+  speak: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-audio-wave:before {
+  content: "f";
+}
+.icon-avatar:before {
+  content: "g";
+}
+.icon-calendar:before {
+  content: "h";
+}
+.icon-close:before {
+  content: "i";
+}
+.icon-close-box:before {
+  content: "j";
+}
+.icon-cog:before {
+  content: "k";
+}
+.icon-down-chevron:before {
+  content: "l";
+}
+.icon-evolve-icon:before {
+  content: "m";
+}
+.icon-twitch:before {
+  content: "n";
+}
+.icon-speaker-mute:before {
+  content: "o";
+}
+.icon-speaker-loud:before {
+  content: "p";
+}
+.icon-speaker:before {
+  content: "q";
+}
+.icon-share:before {
+  content: "r";
+}
+.icon-right-chevron:before {
+  content: "s";
+}
+.icon-minus:before {
+  content: "u";
+}
+.icon-mic:before {
+  content: "v";
+}
+.icon-menu:before {
+  content: "w";
+}
+.icon-left-chevron:before {
+  content: "x";
+}
+.icon-globe:before {
+  content: "y";
+}
+.icon-evolve-icon-e:before {
+  content: "z";
+}
+.icon-up-chevron:before {
+  content: "A";
+}
+.icon-ellipsis:before {
+  content: "a";
+}
+.icon-checkmark:before {
+  content: "b";
+}
+.icon-close-thick:before {
+  content: "c";
+}
+.icon-question-mark:before {
+  content: "d";
+}
+.icon-select:before {
+  content: "e";
+}
+.icon-frown:before {
+  content: "B";
+}
+.icon-dots:before {
+  content: "C";
+}
+.icon-filter:before {
+  content: "D";
+}
+.icon-bell:before {
+  content: "E";
+}
+.icon-plus:before {
+  content: "F";
+}
+.icon-crown:before {
+  content: "t";
+}
+.icon-crown-filled:before {
+  content: "G";
+}

data/app/assets/stylesheets/components/_navigation.scss

@@ -79,7 +79,8 @@ header.global-header{
     width: 50px;
     height: $header-height-mobile;
 
-    svg{
+    i{
+      font-size: 20px;
       width: 20px;
       height: 20px;
       position: absolute;
@@ -114,10 +115,6 @@ header.global-header{
 
   > button{
 
-    svg{
-      
-    }
-
   }
 
   .context-menu{
@@ -210,10 +207,6 @@ a.app-title{
 
   button.new-notification{
 
-    svg{
-      
-    }
-
   }
 
   .notification-count{
@@ -251,11 +244,6 @@ a.app-title{
     left: 50%;
     @include transform( translateX(-50%) translateY(-50%) );
 
-    svg{
-      width: 100%;
-      height: 100%;
-    }
-
   }
 
 }
@@ -305,7 +293,7 @@ a.app-title{
       }
 
     }
-    svg{ display: none; }
+    i{ display: none; }
 
     &:hover{
       background: #f8f8f8;
@@ -327,7 +315,7 @@ a.app-title{
         height: 40px;
       }
 
-      svg{
+      i{
         display: block;
         position: absolute;
         right: 10px;

data/app/assets/stylesheets/components/_parties.scss

@@ -0,0 +1,430 @@
+.parties{
+
+  padding-top: $spacing-small;
+  padding-bottom: $spacing-small;
+
+  @media #{$screen680} {
+    padding-top: 0;
+  }
+
+}
+
+.party_wrap{
+
+  margin-bottom: 0;
+  padding: 0 10px 5px 10px;
+
+  .party{
+
+    background: $white;
+    position: relative;
+    @include rounded(3px);
+
+  }
+
+  @media #{$screen680} {
+
+    padding: 0 $spacing-large;
+    border: none;
+    margin-bottom: $spacing-large;
+    
+    &.active{
+      padding: 0;
+    }
+
+    .party{
+      
+    }
+
+  }
+
+}
+
+.party-header{
+
+  position: relative;
+  display: table;
+  padding: $spacing-small 6px $spacing-small $spacing-small;
+  width: 100%;
+  @include border-radius(3px, 3px, 0, 0);
+
+  &:hover{
+    cursor: pointer;
+    background-color: #f8f8f8;
+  }
+
+  &:after{
+    display: table;
+    clear: both;
+    content:"";
+  }
+
+  @media #{$screen680} {
+    padding: $spacing-large;
+  }
+
+}
+
+.event-edit-button{
+
+  display: block;
+  border-bottom: dotted 1px $gray-light;
+
+  a{
+    color: $blue;
+    display: block;
+    text-align: center;
+    padding: 8px;
+  }
+
+  @media #{$screen680} {
+
+    border: none;
+    position: absolute;
+    top: 0;
+    right: $spacing-small;
+    z-index: 100;
+
+    a{
+      text-decoration: none;
+      &:hover{
+        text-decoration: underline;
+      }
+    }
+
+  }
+
+}
+
+.party-header-info{
+
+  display: table-cell;
+  position: relative;
+  vertical-align: middle;
+
+}
+
+.party-thumbnail{
+
+  position: absolute;
+  left: 0;
+  top: 50%;
+  @include transform(translateY(-50%));
+  width: 32px;
+
+  img{
+    display: block;
+    width: 100%;
+    height: auto;
+  }
+
+  @media #{$screen680} {
+
+    width: 60px;
+
+  }
+
+}
+.party-main-info{
+
+  width: 100%;
+  padding:
+    0 $spacing-small 0 32px+$spacing-small;
+
+  span{
+    font-size: 0.825em;
+  }
+  h2{
+    margin: 0;
+    font-size: 1.2em;
+    font-weight: 400;
+  }
+
+  @media #{$screen680} {
+
+    padding: 0 30px+$spacing-large 0 60px+$spacing-large;
+
+    span{
+      font-size: 0.95em;
+      color: $gray-mid;
+    }
+    h2{
+      font-size: 1.75em;
+      margin: 0.1em 0 0.4em 0;
+    }
+
+  }
+
+}
+
+.preview-attendees{
+
+  margin-top: 0.35em;
+
+  ul{
+
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+
+    &:after{
+      display: table;
+      clear: both;
+      content:"";
+    }
+
+  }
+  li{
+    display: block;
+    float: left;
+    margin-right: 0.35em;
+  }
+  span{
+    display: none;
+  }
+  img.avatar{
+
+  }
+  .leader{
+
+  }
+  .status{
+
+    &.pending{}
+    &.accepted{}
+    &.declined{}
+    &.maybe{}
+
+  }
+
+}
+
+.event_rsvp{
+
+  width: 40px;
+  display: table-cell;
+  vertical-align: middle;
+  @include transition(all, 0.25s, ease-in-out);
+
+  .button-wrapper{
+
+    width: 40px;
+    height: 110px;
+    float: right;
+
+    &.chosen{
+
+      height: 40px;
+
+      .circle{ display: none; }
+      .circle.current{ display: block; }
+
+    }
+
+  }
+
+  .circle{
+
+    display: block;
+    width: 30px;
+    height: 30px;
+    margin-bottom: 10px;
+
+    i{
+      font-size: 14px;
+    }
+
+  }
+
+  @media #{$screen680} {
+
+    width: 136px;
+
+    .button-wrapper{
+
+      height: 40px;
+      width: 136px;
+
+      &.chosen{
+
+        width: 40px;
+
+      }
+
+    }
+
+    .circle{
+
+      float: left;
+      margin: 0 8px 0 0;
+      width: 40px;
+      height: 40px;
+
+      i{
+        font-size: 18px;
+      }
+
+    }
+
+    form.button_to{
+
+      &:last-child .circle{
+        margin: 0;
+      }
+
+    }
+
+  }
+
+}
+
+// Party body
+.party-body{
+  display: none;
+}
+
+// Active Party Styles
+.party_wrap.active{
+
+  .party{
+
+    &:hover{
+      cursor: default;
+      @include box-shadow(0,0,0,rgba(0,0,0,0));
+    }
+
+    button.minimize{ display: block;} 
+
+  }
+
+  .preview-attendees{ display: none; }
+  .comment-preview{ display: none; }
+  .party-body{ display: block; }
+  .party-feed{ display: block; }
+
+}
+
+// Attendees list (expanded)
+.attendees-list-wrap{
+
+  border-top: solid 1px $gray-light;
+  border-bottom: solid 1px $gray-light;
+  padding: $spacing-small;
+
+  p{
+    margin: 0 0 $spacing-small 0;
+  }
+  ul{
+
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+
+    &:after{
+      content: "";
+      display: table;
+      clear: both;
+    }
+
+  }
+  li{
+
+    display: block;
+    float: left;
+    width: 100%;
+    padding: 4px;
+
+    &:after{
+      content: "";
+      display: table;
+      clear: both;
+    }
+
+  }
+  img{
+    display: block;
+    float: left;
+    position: relative;
+    top: 3px;
+    margin-right: 0.4em;
+  }
+  span.username{
+
+    display: block;
+    float: left;
+
+    i{
+      display: inline-block;
+      width: 16px;
+      height: 16px;
+      position: relative;
+      top: 2px;
+      color: $orange;
+    }
+
+  }
+  span.status{
+
+    display: block;
+    float: right;
+    text-transform: capitalize;
+
+    &.pending{ color:$gray-light; }
+    &.declined{ color:$red; }
+    &.maybe{ color:$orange; }
+    &.accepted{ color:$green; }
+
+  }
+
+  @media #{$screen680} {
+
+    padding: $spacing-large*1.2;
+
+    li{
+
+      width: 50%;
+      padding-right:70px;
+
+      &:nth-child(2n){
+        padding-right:4px;
+        padding-left:70px;
+      }
+    }
+
+    p{
+      margin: 0 0 $spacing-large*1.2 0;
+    }
+
+  }
+
+}
+
+// Party Comments (full)
+.party-feed{
+
+  padding: $spacing-small;
+
+  @media #{$screen680} {
+
+    padding: $spacing-large*1.2;
+
+  }
+
+}
+
+// Single page events view
+.party-single-sub-nav{
+
+  padding: $spacing-small;
+
+  a{
+
+  }
+
+  @media #{$screen680} {
+
+    padding-top: $spacing-large;
+
+  }
+
+}

data/app/assets/stylesheets/evolve_styleguide.scss

@@ -7,6 +7,8 @@
 @import "components/grid";
 
 // All element-based styles
+@import "components/fonts";
+@import "components/parties";
 @import "components/flashes";
 @import "components/colors";
 @import "components/navigation";

data/lib/evolve_styleguide/version.rb

@@ -1,3 +1,3 @@
 module EvolveStyleguide
-  VERSION = "0.0.7"
+  VERSION = "0.0.8"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: evolve_styleguide
 version: !ruby/object:Gem::Version
-  version: 0.0.7
+  version: 0.0.8
 platform: ruby
 authors:
 - Sam Brannon
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-05-04 00:00:00.000000000 Z
+date: 2015-05-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -50,7 +50,10 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
-- app/assets/images/evolve-icons.svg
+- app/assets/fonts/evolve-icons.eot
+- app/assets/fonts/evolve-icons.svg
+- app/assets/fonts/evolve-icons.ttf
+- app/assets/fonts/evolve-icons.woff
 - app/assets/images/logo-01.svg
 - app/assets/images/logo-02.svg
 - app/assets/images/logo-03.svg
@@ -65,6 +68,7 @@ files:
 - app/assets/stylesheets/components/_colors.scss
 - app/assets/stylesheets/components/_comments.scss
 - app/assets/stylesheets/components/_flashes.scss
+- app/assets/stylesheets/components/_fonts.scss
 - app/assets/stylesheets/components/_forms.scss
 - app/assets/stylesheets/components/_grid.scss
 - app/assets/stylesheets/components/_images.scss
@@ -72,6 +76,7 @@ files:
 - app/assets/stylesheets/components/_mixins.scss
 - app/assets/stylesheets/components/_navigation.scss
 - app/assets/stylesheets/components/_normalize.scss
+- app/assets/stylesheets/components/_parties.scss
 - app/assets/stylesheets/components/_typography.scss
 - app/assets/stylesheets/components/_variables.scss
 - app/assets/stylesheets/evolve_styleguide.scss

data/app/assets/images/evolve-icons.svg

@@ -1,135 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
-  
-    <symbol id="icon-audio-wave" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-avatar" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-calendar" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-close" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-close-box" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-cog" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-down-chevron" viewBox="0 0 512 512">
-      <path d="m494 119l-238 239-239-239-17 18 256 256 256-256z"/>
-    </symbol>
-  
-    <symbol id="icon-evolve-icon" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-twitch" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-speaker-mute" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-speaker-loud" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-speaker" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-share" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-right-chevron" viewBox="0 0 512 512">
-      <path d="m136 0l-17 18 238 238-238 239 17 17 256-256z"/>
-    </symbol>
-  
-    <symbol id="icon-minus" viewBox="0 0 512 512">
-      <path d="m0 243l512 0 0 26-512 0z"/>
-    </symbol>
-  
-    <symbol id="icon-mic" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-menu" viewBox="0 0 512 512">
-      <path d="m12 0l488 0 0 24-488 0z m0 232l488 0 0 24-488 0z m0 256l488 0 0 24-488 0z"/>
-    </symbol>
-  
-    <symbol id="icon-left-chevron" viewBox="0 0 512 512">
-      <path d="m392 18l-17-18-256 256 256 256 17-17-238-239z"/>
-    </symbol>
-  
-    <symbol id="icon-globe" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-evolve-icon-e" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-up-chevron" viewBox="0 0 512 512">
-      <path d="m0 375l17 18 239-239 238 239 18-18-256-256z"/>
-    </symbol>
-  
-    <symbol id="icon-ellipsis" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-checkmark" viewBox="0 0 512 512">
-      <path d="m478 71l-302 302-142-142-34 34 176 176 336-335z"/>
-    </symbol>
-  
-    <symbol id="icon-close-thick" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-question-mark" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-select" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-frown" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-dots" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-filter" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-bell" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-plus" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-crown" viewBox="0 0 512 512">
-      <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"/>
-    </symbol>
-  
-    <symbol id="icon-crown-filled" viewBox="0 0 512 512">
-      <path d="m454 381l-384 0 0-247 100 100 92-92 93 92 99-100z"/>
-    </symbol>
-  
-</svg>