Merge pull request #41 from wfp/release-v0.5.0

Release v0.5.0
wfp · Dec 14, 2015 · 58fd772 · 58fd772
2 parents 2b0a688 + 842b30c
commit 58fd772
Show file tree

Hide file tree

Showing 851 changed files with 5,170 additions and 10,506 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -0,0 +1,34 @@
+{
+    "rules": {
+        "indent": [
+            2,
+            2
+        ],
+        "quotes": [
+            2,
+            "single"
+        ],
+        "semi": [
+            2,
+            "always"
+        ],
+        "wrap-iife": [
+            2,
+            "inside"
+        ],
+        "new-cap": [
+            2
+        ],
+        "no-multi-str": [
+            2
+        ]
+    },
+    "env": {
+        "es6": true,
+        "browser": true
+    },
+    "globals": {
+        "$": true
+    },
+    "extends": "node-style-guide"
+}
diff --git a/.gitignore b/.gitignore
@@ -3,3 +3,4 @@ _components
 dist/docs
 *.map
 docs/css
+icons/ui/dist
diff --git a/.sass-lint.yml b/.sass-lint.yml
@@ -0,0 +1,98 @@
+#########################
+## Sample Sass Lint File
+#########################
+# Linter Options
+options:
+  formatter: compact
+  merge-default-rules: false
+  # Output file instead of logging results
+  output-file: '_tmp/sass-lint.html'
+# File Options
+files:
+  include: 'sass/**/*.s+(a|c)ss'
+  ignore:
+    - 'sass/vendor/**/*.*'
+# Rule Configuration
+rules:
+  # Extends
+  extends-before-mixins: 1
+  extends-before-declarations: 1
+  placeholder-in-extend: 1
+
+  # Mixins
+  mixins-before-declarations: 1
+
+  # Line Spacing
+  one-declaration-per-line: 1
+  empty-line-between-blocks: 1
+  single-line-per-selector: 1
+
+  # Disallows
+  no-color-keywords: 1
+  no-color-literals: 1
+  no-css-comments: 1
+  no-debug: 1
+  no-duplicate-properties: 1
+  no-empty-rulesets: 1
+  no-extends: 0
+  no-ids: 1
+  no-important: 1
+  no-invalid-hex: 1
+  no-mergeable-selectors: 1
+  no-misspelled-properties: 1
+  no-qualifying-elements: 1
+  no-trailing-zero: 1
+  no-transition-all: 1
+  no-url-protocols: 1
+  no-vendor-prefixes: 1
+  no-warn: 1
+  property-units: 0
+
+  # Nesting
+  force-attribute-nesting: 1
+  force-element-nesting: 1
+  force-pseudo-nesting: 1
+
+  # Name Formats
+  function-name-format: 1
+  id-name-format: 0
+  mixin-name-format: 1
+  placeholder-name-format: 1
+  variable-name-format: 1
+
+  # Style Guide
+  bem-depth: 0
+  border-zero: 1
+  brace-style: 1
+  clean-import-paths: 1
+  empty-args: 1
+  hex-length: 1
+  hex-notation: 1
+  indentation: 1
+  leading-zero: 1
+  nesting-depth: 1
+  property-sort-order: 1
+  quotes: 1
+  shorthand-values: 1
+  url-quotes: 1
+  variable-for-property: 1
+  zero-unit: 1
+
+  # Inner Spacing
+  space-after-comma: 1
+  space-before-colon: 1
+  space-after-colon: 1
+  space-before-brace: 1
+  space-before-bang: 1
+  space-after-bang: 1
+  space-between-parens: 1
+
+  # Final Items
+  trailing-semicolon: 1
+  final-newline: 1
+  indentation:
+    - 1
+    -
+      size: 2
+  no-important:
+    -  2
diff --git a/.travis.yml b/.travis.yml
@@ -3,7 +3,6 @@ node_js:
   - "4.2"
   - "4.1"
   - "4.0"
-  - "0.12"
 install: npm install
 before_script:
   - rvm implode --force

diff --git a/bower.json b/bower.json
@@ -33,6 +33,7 @@
     "gruntfile.js"
   ],
   "devDependencies": {
-    "bootstrap-sass": "~3.3.5"
+    "bootstrap-sass": "~3.3.5",
+    "modularized-normalize-scss": "~3.0.3"
   }
 }
diff --git a/dist/assets/icons/thematic/grunticon.loader.js b/dist/assets/icons/thematic/grunticon.loader.js
diff --git a/dist/assets/icons/thematic/png/affected-population-neg.png b/dist/assets/icons/thematic/png/affected-population-neg.png
diff --git a/dist/assets/icons/thematic/png/affected-population-pos.png b/dist/assets/icons/thematic/png/affected-population-pos.png
diff --git a/dist/assets/icons/thematic/png/aids-neg.png b/dist/assets/icons/thematic/png/aids-neg.png
diff --git a/dist/assets/icons/thematic/png/aids-pos.png b/dist/assets/icons/thematic/png/aids-pos.png
diff --git a/dist/assets/icons/thematic/png/airport-neg.png b/dist/assets/icons/thematic/png/airport-neg.png
diff --git a/dist/assets/icons/thematic/png/airport-pos.png b/dist/assets/icons/thematic/png/airport-pos.png
diff --git a/dist/assets/icons/thematic/png/beneficiary-neg.png b/dist/assets/icons/thematic/png/beneficiary-neg.png
diff --git a/dist/assets/icons/thematic/png/beneficiary-pos.png b/dist/assets/icons/thematic/png/beneficiary-pos.png
diff --git a/dist/assets/icons/thematic/png/capacity-building-neg.png b/dist/assets/icons/thematic/png/capacity-building-neg.png
diff --git a/dist/assets/icons/thematic/png/capacity-building-pos.png b/dist/assets/icons/thematic/png/capacity-building-pos.png
diff --git a/dist/assets/icons/thematic/png/cash-neg.png b/dist/assets/icons/thematic/png/cash-neg.png
diff --git a/dist/assets/icons/thematic/png/cash-pos.png b/dist/assets/icons/thematic/png/cash-pos.png
diff --git a/dist/assets/icons/thematic/png/civil-military-coordination-neg.png b/dist/assets/icons/thematic/png/civil-military-coordination-neg.png
diff --git a/dist/assets/icons/thematic/png/civil-military-coordination-pos.png b/dist/assets/icons/thematic/png/civil-military-coordination-pos.png
diff --git a/dist/assets/icons/thematic/png/conflict-neg.png b/dist/assets/icons/thematic/png/conflict-neg.png
diff --git a/dist/assets/icons/thematic/png/conflict-pos.png b/dist/assets/icons/thematic/png/conflict-pos.png
diff --git a/dist/assets/icons/thematic/png/contact-neg.png b/dist/assets/icons/thematic/png/contact-neg.png
diff --git a/dist/assets/icons/thematic/png/contact-pos.png b/dist/assets/icons/thematic/png/contact-pos.png
diff --git a/dist/assets/icons/thematic/png/drought-neg.png b/dist/assets/icons/thematic/png/drought-neg.png
diff --git a/dist/assets/icons/thematic/png/drought-pos.png b/dist/assets/icons/thematic/png/drought-pos.png
diff --git a/dist/assets/icons/thematic/png/earthquake-neg.png b/dist/assets/icons/thematic/png/earthquake-neg.png
diff --git a/dist/assets/icons/thematic/png/earthquake-pos.png b/dist/assets/icons/thematic/png/earthquake-pos.png
diff --git a/dist/assets/icons/thematic/png/emergency-response-neg.png b/dist/assets/icons/thematic/png/emergency-response-neg.png
diff --git a/dist/assets/icons/thematic/png/emergency-response-pos.png b/dist/assets/icons/thematic/png/emergency-response-pos.png
diff --git a/dist/assets/icons/thematic/png/emergencytelecom-neg.png b/dist/assets/icons/thematic/png/emergencytelecom-neg.png
diff --git a/dist/assets/icons/thematic/png/emergencytelecom-pos.png b/dist/assets/icons/thematic/png/emergencytelecom-pos.png
diff --git a/dist/assets/icons/thematic/png/evacuation-neg.png b/dist/assets/icons/thematic/png/evacuation-neg.png
diff --git a/dist/assets/icons/thematic/png/evacuation-pos.png b/dist/assets/icons/thematic/png/evacuation-pos.png
diff --git a/dist/assets/icons/thematic/png/evaluation-neg.png b/dist/assets/icons/thematic/png/evaluation-neg.png
diff --git a/dist/assets/icons/thematic/png/evaluation-pos.png b/dist/assets/icons/thematic/png/evaluation-pos.png
diff --git a/dist/assets/icons/thematic/png/floods-neg.png b/dist/assets/icons/thematic/png/floods-neg.png
diff --git a/dist/assets/icons/thematic/png/floods-pos.png b/dist/assets/icons/thematic/png/floods-pos.png
diff --git a/dist/assets/icons/thematic/png/food-distribution-neg.png b/dist/assets/icons/thematic/png/food-distribution-neg.png
diff --git a/dist/assets/icons/thematic/png/food-distribution-pos.png b/dist/assets/icons/thematic/png/food-distribution-pos.png
diff --git a/dist/assets/icons/thematic/png/food-for-assets-neg.png b/dist/assets/icons/thematic/png/food-for-assets-neg.png
diff --git a/dist/assets/icons/thematic/png/food-for-assets-pos.png b/dist/assets/icons/thematic/png/food-for-assets-pos.png
diff --git a/dist/assets/icons/thematic/png/food-neg.png b/dist/assets/icons/thematic/png/food-neg.png
diff --git a/dist/assets/icons/thematic/png/food-pos.png b/dist/assets/icons/thematic/png/food-pos.png
diff --git a/dist/assets/icons/thematic/png/food-security-cluster-neg.png b/dist/assets/icons/thematic/png/food-security-cluster-neg.png
diff --git a/dist/assets/icons/thematic/png/food-security-cluster-pos.png b/dist/assets/icons/thematic/png/food-security-cluster-pos.png
diff --git a/dist/assets/icons/thematic/png/gender-neg.png b/dist/assets/icons/thematic/png/gender-neg.png
diff --git a/dist/assets/icons/thematic/png/gender-pos.png b/dist/assets/icons/thematic/png/gender-pos.png
diff --git a/dist/assets/icons/thematic/png/logistics-cluster-neg.png b/dist/assets/icons/thematic/png/logistics-cluster-neg.png
diff --git a/dist/assets/icons/thematic/png/logistics-cluster-pos.png b/dist/assets/icons/thematic/png/logistics-cluster-pos.png
diff --git a/dist/assets/icons/thematic/png/medical-evacuations-neg.png b/dist/assets/icons/thematic/png/medical-evacuations-neg.png
diff --git a/dist/assets/icons/thematic/png/medical-evacuations-pos.png b/dist/assets/icons/thematic/png/medical-evacuations-pos.png
diff --git a/dist/assets/icons/thematic/png/monitoring-neg.png b/dist/assets/icons/thematic/png/monitoring-neg.png
diff --git a/dist/assets/icons/thematic/png/monitoring-pos.png b/dist/assets/icons/thematic/png/monitoring-pos.png
diff --git a/dist/assets/icons/thematic/png/nutrition-cluster-neg.png b/dist/assets/icons/thematic/png/nutrition-cluster-neg.png
diff --git a/dist/assets/icons/thematic/png/nutrition-cluster-pos.png b/dist/assets/icons/thematic/png/nutrition-cluster-pos.png
diff --git a/dist/assets/icons/thematic/png/p4p-neg.png b/dist/assets/icons/thematic/png/p4p-neg.png
diff --git a/dist/assets/icons/thematic/png/p4p-pos.png b/dist/assets/icons/thematic/png/p4p-pos.png
diff --git a/dist/assets/icons/thematic/png/partnership-neg.png b/dist/assets/icons/thematic/png/partnership-neg.png
diff --git a/dist/assets/icons/thematic/png/partnership-pos.png b/dist/assets/icons/thematic/png/partnership-pos.png
diff --git a/dist/assets/icons/thematic/png/population-displacement-neg.png b/dist/assets/icons/thematic/png/population-displacement-neg.png
diff --git a/dist/assets/icons/thematic/png/population-displacement-pos.png b/dist/assets/icons/thematic/png/population-displacement-pos.png
diff --git a/dist/assets/icons/thematic/png/population-return-neg.png b/dist/assets/icons/thematic/png/population-return-neg.png
diff --git a/dist/assets/icons/thematic/png/population-return-pos.png b/dist/assets/icons/thematic/png/population-return-pos.png
diff --git a/dist/assets/icons/thematic/png/power-plant-neg.png b/dist/assets/icons/thematic/png/power-plant-neg.png
diff --git a/dist/assets/icons/thematic/png/power-plant-pos.png b/dist/assets/icons/thematic/png/power-plant-pos.png
diff --git a/dist/assets/icons/thematic/png/procurement-neg.png b/dist/assets/icons/thematic/png/procurement-neg.png
diff --git a/dist/assets/icons/thematic/png/procurement-pops.png b/dist/assets/icons/thematic/png/procurement-pops.png
diff --git a/dist/assets/icons/thematic/png/protection-neg.png b/dist/assets/icons/thematic/png/protection-neg.png
diff --git a/dist/assets/icons/thematic/png/protection-pos.png b/dist/assets/icons/thematic/png/protection-pos.png
diff --git a/dist/assets/icons/thematic/png/public-information-neg.png b/dist/assets/icons/thematic/png/public-information-neg.png
diff --git a/dist/assets/icons/thematic/png/public-information-pos.png b/dist/assets/icons/thematic/png/public-information-pos.png
diff --git a/dist/assets/icons/thematic/png/refugee-camp-neg.png b/dist/assets/icons/thematic/png/refugee-camp-neg.png
diff --git a/dist/assets/icons/thematic/png/refugee-camp-pos.png b/dist/assets/icons/thematic/png/refugee-camp-pos.png
diff --git a/dist/assets/icons/thematic/png/resourcing-neg.png b/dist/assets/icons/thematic/png/resourcing-neg.png
diff --git a/dist/assets/icons/thematic/png/resourcing-pos.png b/dist/assets/icons/thematic/png/resourcing-pos.png
diff --git a/dist/assets/icons/thematic/png/school-feeding-neg.png b/dist/assets/icons/thematic/png/school-feeding-neg.png
diff --git a/dist/assets/icons/thematic/png/school-feeding-pos.png b/dist/assets/icons/thematic/png/school-feeding-pos.png
diff --git a/dist/assets/icons/thematic/png/security-neg.png b/dist/assets/icons/thematic/png/security-neg.png
diff --git a/dist/assets/icons/thematic/png/security-pos.png b/dist/assets/icons/thematic/png/security-pos.png
diff --git a/dist/assets/icons/thematic/png/ship-neg.png b/dist/assets/icons/thematic/png/ship-neg.png
diff --git a/dist/assets/icons/thematic/png/ship-pos.png b/dist/assets/icons/thematic/png/ship-pos.png
diff --git a/dist/assets/icons/thematic/png/truck-neg.png b/dist/assets/icons/thematic/png/truck-neg.png
diff --git a/dist/assets/icons/thematic/png/truck-pos.png b/dist/assets/icons/thematic/png/truck-pos.png
diff --git a/dist/assets/icons/thematic/png/vam-neg.png b/dist/assets/icons/thematic/png/vam-neg.png
diff --git a/dist/assets/icons/thematic/png/vam-pos.png b/dist/assets/icons/thematic/png/vam-pos.png
diff --git a/dist/assets/icons/thematic/png/voucher-neg.png b/dist/assets/icons/thematic/png/voucher-neg.png
diff --git a/dist/assets/icons/thematic/png/voucher-pos.png b/dist/assets/icons/thematic/png/voucher-pos.png
diff --git a/dist/assets/icons/thematic/png/warehouse-neg.png b/dist/assets/icons/thematic/png/warehouse-neg.png
diff --git a/dist/assets/icons/thematic/png/warehouse-pos.png b/dist/assets/icons/thematic/png/warehouse-pos.png
diff --git a/dist/assets/icons/thematic/preview.html b/dist/assets/icons/thematic/preview.html
@@ -0,0 +1,141 @@
+<!doctype HTML>
+<html>
+	<head>
+		<title>Icons Preview!</title>
+		<meta charset="utf-8">
+		<style>
+			body {
+				background-image: linear-gradient(#eee 25%, transparent 25%, transparent), linear-gradient(#eee 25%, transparent 25%, transparent), linear-gradient(transparent 75%, #eee 75%), linear-gradient(transparent 75%, #eee 75%);
+				width: auto;
+				background-size: 10px 10px;
+			}
+		</style>
+		<script>
+			/*! grunt-grunticon Stylesheet Loader - v2.1.6 | https://github.com/filamentgroup/grunticon | (c) 2015 Scott Jehl, Filament Group, Inc. | MIT license. */
+
+!function(){function e(e,n,t){"use strict";var o=window.document.createElement("link"),a=n||window.document.getElementsByTagName("script")[0],i=window.document.styleSheets;return o.rel="stylesheet",o.href=e,o.media="only x",a.parentNode.insertBefore(o,a),o.onloadcssdefined=function(e){for(var n,t=0;t<i.length;t++)i[t].href&&i[t].href===o.href&&(n=!0);n?e():setTimeout(function(){o.onloadcssdefined(e)})},o.onloadcssdefined(function(){o.media=t||"all"}),o}function n(e,n){e.onload=function(){e.onload=null,n&&n.call(e)},"isApplicationInstalled"in navigator&&"onloadcssdefined"in e&&e.onloadcssdefined(n)}!function(t){var o=function(a,i){"use strict";if(a&&3===a.length){var r=t.navigator,d=t.document,s=t.Image,c=!(!d.createElementNS||!d.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect||!d.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image","1.1")||t.opera&&-1===r.userAgent.indexOf("Chrome")||-1!==r.userAgent.indexOf("Series40")),l=new s;l.onerror=function(){o.method="png",o.href=a[2],e(a[2])},l.onload=function(){var t=1===l.width&&1===l.height,r=a[t&&c?0:t?1:2];t&&c?o.method="svg":t?o.method="datapng":o.method="png",o.href=r,n(e(r),i)},l.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",d.documentElement.className+=" grunticon"}};o.loadCSS=e,o.onloadCSS=n,t.grunticon=o}(this)}();
+
+			grunticon(["thematic-icons.svg.css", "thematic-icons.png.css", "thematic-icons.fallback.css"], grunticon.svgLoadedCallback);
+		</script>
+		<noscript><link href="thematic-icons.fallback.css" rel="stylesheet"></noscript>
+	</head>
+	<body>
+
+		<h1>CUSTOM PREVIEW - you can change this in the previewTemplate option</h1>
+			<pre><code>.thematic-affected-population-neg:</code></pre><div class="thematic-affected-population-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-affected-population-pos:</code></pre><div class="thematic-affected-population-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-aids-neg:</code></pre><div class="thematic-aids-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-aids-pos:</code></pre><div class="thematic-aids-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-airport-neg:</code></pre><div class="thematic-airport-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-airport-pos:</code></pre><div class="thematic-airport-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-beneficiary-neg:</code></pre><div class="thematic-beneficiary-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-beneficiary-pos:</code></pre><div class="thematic-beneficiary-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-capacity-building-neg:</code></pre><div class="thematic-capacity-building-neg" style="width: 56.692px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-capacity-building-pos:</code></pre><div class="thematic-capacity-building-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-cash-neg:</code></pre><div class="thematic-cash-neg" style="width: 56.692px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-cash-pos:</code></pre><div class="thematic-cash-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-civil-military-coordination-neg:</code></pre><div class="thematic-civil-military-coordination-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-civil-military-coordination-pos:</code></pre><div class="thematic-civil-military-coordination-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-conflict-neg:</code></pre><div class="thematic-conflict-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-conflict-pos:</code></pre><div class="thematic-conflict-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-contact-neg:</code></pre><div class="thematic-contact-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-contact-pos:</code></pre><div class="thematic-contact-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-drought-neg:</code></pre><div class="thematic-drought-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-drought-pos:</code></pre><div class="thematic-drought-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-earthquake-neg:</code></pre><div class="thematic-earthquake-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-earthquake-pos:</code></pre><div class="thematic-earthquake-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-emergency-response-neg:</code></pre><div class="thematic-emergency-response-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-emergency-response-pos:</code></pre><div class="thematic-emergency-response-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-emergencytelecom-neg:</code></pre><div class="thematic-emergencytelecom-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-emergencytelecom-pos:</code></pre><div class="thematic-emergencytelecom-pos" style="width: 56.693px; height: 56.692px;" ></div><hr/>
+			<pre><code>.thematic-evacuation-neg:</code></pre><div class="thematic-evacuation-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-evacuation-pos:</code></pre><div class="thematic-evacuation-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-evaluation-neg:</code></pre><div class="thematic-evaluation-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-evaluation-pos:</code></pre><div class="thematic-evaluation-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-floods-neg:</code></pre><div class="thematic-floods-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-floods-pos:</code></pre><div class="thematic-floods-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-food-distribution-neg:</code></pre><div class="thematic-food-distribution-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-food-distribution-pos:</code></pre><div class="thematic-food-distribution-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-food-for-assets-neg:</code></pre><div class="thematic-food-for-assets-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-food-for-assets-pos:</code></pre><div class="thematic-food-for-assets-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-food-neg:</code></pre><div class="thematic-food-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-food-pos:</code></pre><div class="thematic-food-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-food-security-cluster-neg:</code></pre><div class="thematic-food-security-cluster-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-food-security-cluster-pos:</code></pre><div class="thematic-food-security-cluster-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-gender-neg:</code></pre><div class="thematic-gender-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-gender-pos:</code></pre><div class="thematic-gender-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-logistics-cluster-neg:</code></pre><div class="thematic-logistics-cluster-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-logistics-cluster-pos:</code></pre><div class="thematic-logistics-cluster-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-medical-evacuations-neg:</code></pre><div class="thematic-medical-evacuations-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-medical-evacuations-pos:</code></pre><div class="thematic-medical-evacuations-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-monitoring-neg:</code></pre><div class="thematic-monitoring-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-monitoring-pos:</code></pre><div class="thematic-monitoring-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-nutrition-cluster-neg:</code></pre><div class="thematic-nutrition-cluster-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-nutrition-cluster-pos:</code></pre><div class="thematic-nutrition-cluster-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-p4p-neg:</code></pre><div class="thematic-p4p-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-p4p-pos:</code></pre><div class="thematic-p4p-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-partnership-neg:</code></pre><div class="thematic-partnership-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-partnership-pos:</code></pre><div class="thematic-partnership-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-population-displacement-neg:</code></pre><div class="thematic-population-displacement-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-population-displacement-pos:</code></pre><div class="thematic-population-displacement-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-population-return-neg:</code></pre><div class="thematic-population-return-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-population-return-pos:</code></pre><div class="thematic-population-return-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-power-plant-neg:</code></pre><div class="thematic-power-plant-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-power-plant-pos:</code></pre><div class="thematic-power-plant-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-procurement-neg:</code></pre><div class="thematic-procurement-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-procurement-pops:</code></pre><div class="thematic-procurement-pops" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-protection-neg:</code></pre><div class="thematic-protection-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-protection-pos:</code></pre><div class="thematic-protection-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-public-information-neg:</code></pre><div class="thematic-public-information-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-public-information-pos:</code></pre><div class="thematic-public-information-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-refugee-camp-neg:</code></pre><div class="thematic-refugee-camp-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-refugee-camp-pos:</code></pre><div class="thematic-refugee-camp-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-resourcing-neg:</code></pre><div class="thematic-resourcing-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-resourcing-pos:</code></pre><div class="thematic-resourcing-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-school-feeding-neg:</code></pre><div class="thematic-school-feeding-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-school-feeding-pos:</code></pre><div class="thematic-school-feeding-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-security-neg:</code></pre><div class="thematic-security-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-security-pos:</code></pre><div class="thematic-security-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-ship-neg:</code></pre><div class="thematic-ship-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-ship-pos:</code></pre><div class="thematic-ship-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-truck-neg:</code></pre><div class="thematic-truck-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-truck-pos:</code></pre><div class="thematic-truck-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-vam-neg:</code></pre><div class="thematic-vam-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-vam-pos:</code></pre><div class="thematic-vam-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-voucher-neg:</code></pre><div class="thematic-voucher-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-voucher-pos:</code></pre><div class="thematic-voucher-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-warehouse-neg:</code></pre><div class="thematic-warehouse-neg" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+			<pre><code>.thematic-warehouse-pos:</code></pre><div class="thematic-warehouse-pos" style="width: 56.693px; height: 56.693px;" ></div><hr/>
+
+		<h2 id="embedded-svg-option">Embedded SVG option</h2>
+		<p>(The <code>data-grunticon-embed</code> attribute tells grunticon to inject SVG inline):</p>
+
+		<pre><code>icon-burger:</code></pre><div class="icon-burger" data-grunticon-embed style="width: px; height: px;" ></div><hr/>
+
+		<style>
+			.icon-burger {
+				width: 32px;
+				height: 30px;
+				display: inline-block;
+			}
+			  .icon-burger.alt .cheese {
+		                fill: red;
+		            }
+				 .icon-burger.alt .buns {
+		                fill: orange;
+		            }
+				  .icon-burger.alt .burger {
+		                fill: yellow;
+		            }
+		 		 .icon-burger.alt .lettuce {
+		                fill: green;
+		            }
+
+		</style>
+
+		<pre><code>icon-burger (styled variation):</code></pre><div class="icon-burger alt" data-grunticon-embed></div><hr/>
+
+
+
+</body>
+</html>
-Original file line number
+Diff line change
@@ Expand Up / @@ -3,7 +3,6 @@ node_js: @@
       - "4.2"
       - "4.1"
       - "4.0"
-      - "0.12"
     install: npm install
     before_script:
       - rvm implode --force
@@ Expand Down @@