feat: add new format icons (resolves #211) (#217)

* feat: reorder icons * feat: add new format icons (resolves #211) * fix: icon sizes
platform-coop-toolkit · Jan 31, 2020 · 0e5b296 · 0e5b296
1 parent 3d5f6a6
commit 0e5b296
Show file tree

Hide file tree

Showing 9 changed files with 36 additions and 12 deletions.
diff --git a/src/assets/images/academic-paper.svg → src/assets/images/academic.svg b/src/assets/images/academic-paper.svg → src/assets/images/academic.svg
diff --git a/src/assets/images/blog.svg b/src/assets/images/blog.svg
diff --git a/src/assets/images/educational-curriculum.svg → src/assets/images/curriculum.svg b/src/assets/images/educational-curriculum.svg → src/assets/images/curriculum.svg
diff --git a/src/assets/images/document.svg b/src/assets/images/document.svg
diff --git a/src/assets/images/save.svg b/src/assets/images/save.svg
diff --git a/src/assets/images/template.svg b/src/assets/images/template.svg
diff --git a/src/assets/styles/components/_card.scss b/src/assets/styles/components/_card.scss
@@ -117,7 +117,7 @@
 .card__byline,
 .card__meta {
 	svg {
-		height: 1.125em;
+		margin-bottom: -0.25em;
 	}
 }
 

diff --git a/src/components/01-atoms/01-icons/icons.config.js b/src/components/01-atoms/01-icons/icons.config.js
@@ -17,6 +17,9 @@ module.exports = {
 				{
 					svg: 'edit',
 				},
+				{
+					svg: 'save',
+				},
 				{
 					svg: 'info',
 				},
@@ -96,39 +99,48 @@ module.exports = {
 				},
 			],
 			[
+				{
+					svg: 'academic',
+				},
+				{
+					svg: 'article',
+				},
 				{
 					svg: 'audio',
 				},
 				{
-					svg: 'case-study',
+					svg: 'blog',
 				},
 				{
-					svg: 'toolkit',
+					svg: 'book',
 				},
 				{
-					svg: 'educational-curriculum',
+					svg: 'case-study',
 				},
 				{
-					svg: 'video',
+					svg: 'curriculum',
 				},
 				{
-					svg: 'article',
+					svg: 'document',
 				},
 				{
-					svg: 'book',
+					svg: 'online-training',
 				},
 				{
-					svg: 'academic-paper',
+					svg: 'presentation',
 				},
 				{
 					svg: 'report',
 				},
 				{
-					svg: 'presentation',
+					svg: 'template',
 				},
 				{
-					svg: 'online-training',
+					svg: 'toolkit',
 				},
+				{
+					svg: 'video',
+				}
 			],
 			[
 				{

diff --git a/src/components/03-layouts/02-archive/archive.config.js b/src/components/03-layouts/02-archive/archive.config.js
@@ -14,9 +14,13 @@ const formats = [
 		label: 'Toolkit',
 		svg: 'toolkit',
 	},
+	{
+		label: 'Template',
+		svg: 'template',
+	},
 	{
 		label: 'Educational Curriculum',
-		svg: 'educational-curriculum',
+		svg: 'curriculum',
 	},
 	{
 		label: 'Video',
@@ -30,9 +34,13 @@ const formats = [
 		label: 'Book',
 		svg: 'book',
 	},
+	{
+		label: 'Document',
+		svg: 'document',
+	},
 	{
 		label: 'Academic Paper',
-		svg: 'academic-paper',
+		svg: 'academic',
 	},
 	{
 		label: 'Report',