next icons

9 files changed, 47 insertions, 2 deletions

diff --git a/_icons/align-center.svg b/_icons/align-center.svg
new file mode 100644
index 00000000..d081f880
--- /dev/null
+++ b/_icons/align-center.svg
@@ -0,0 +1,8 @@
+---
+---
+<svg>
+  <line x1="3" y1="6" x2="21" y2="6" />
+  <line x1="6" y1="10" x2="18" y2="10" />
+  <line x1="3" y1="14" x2="21" y2="14" />
+  <line x1="5" y1="18" x2="19" y2="18" />
+</svg>
diff --git a/_icons/align-justified.svg b/_icons/align-justified.svg
new file mode 100644
index 00000000..80987cfd
--- /dev/null
+++ b/_icons/align-justified.svg
@@ -0,0 +1,8 @@
+---
+---
+<svg>
+  <line x1="3" y1="6" x2="21" y2="6" />
+  <line x1="3" y1="10" x2="21" y2="10" />
+  <line x1="3" y1="14" x2="21" y2="14" />
+  <line x1="3" y1="18" x2="21" y2="18" />
+</svg>
diff --git a/_icons/chevron-down.svg b/_icons/chevron-down.svg
new file mode 100644
index 00000000..7fec6818
--- /dev/null
+++ b/_icons/chevron-down.svg
@@ -0,0 +1,5 @@
+---
+---
+<svg>
+  <polyline points="6 9 12 15 18 9" />
+</svg>
diff --git a/_icons/chevron-left.svg b/_icons/chevron-left.svg
new file mode 100644
index 00000000..d2898988
--- /dev/null
+++ b/_icons/chevron-left.svg
@@ -0,0 +1,5 @@
+---
+---
+<svg>
+  <polyline points="15 6 9 12 15 18" />
+</svg>
diff --git a/_icons/chevron-right.svg b/_icons/chevron-right.svg
new file mode 100644
index 00000000..d38bbc4d
--- /dev/null
+++ b/_icons/chevron-right.svg
@@ -0,0 +1,5 @@
+---
+---
+<svg>
+  <polyline points="9 6 15 12 9 18" />
+</svg>
diff --git a/_icons/chevron-up.svg b/_icons/chevron-up.svg
new file mode 100644
index 00000000..ad013987
--- /dev/null
+++ b/_icons/chevron-up.svg
@@ -0,0 +1,5 @@
+---
+---
+<svg>
+  <polyline points="6 15 12 9 18 15" />
+</svg>
diff --git a/assets/bg.svg b/assets/bg.svg
index df8ec8bb..1f7fcb1b 100644
--- a/assets/bg.svg
+++ b/assets/bg.svg
@@ -1,7 +1,7 @@
 ---
 ---
 <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-  <g fill="none" fill-rule="evenodd" stroke="#206bc4" stroke-width=".025" opacity="1">
+  <g fill="none" fill-rule="evenodd" stroke="#206bc4" stroke-width=".025" opacity=".5">
     <rect x="4" y="1" width="16" height="22" rx="3"></rect>
     <rect x="2" y="2" width="20" height="20" rx="3"></rect>
     <rect x="1" y="4" width="22" height="16" rx="3"></rect>
diff --git a/assets/style.scss b/assets/style.scss
index 425b2875..8769913f 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -101,6 +101,15 @@ a {
     height: 100%;
     stroke-width: 2;
     opacity: .8;
+
+    + svg {
+      stroke-width: .08;
+      opacity: 1;
+      stroke: red;
+      position: absolute;
+      left: 0;
+      top: 0;
+    }
   }
 }
 
@@ -128,7 +137,6 @@ a {
     display: block;
     width: 1.5rem;
     height: 1.5rem;
-    stroke-width: 2;
   }
 }
 
diff --git a/index.html b/index.html
index 4e298add..b98036f0 100644
--- a/index.html
+++ b/index.html
@@ -33,6 +33,7 @@
 				<div class="icon-preview-wrap">
 					<div class="icon-preview">
 						{{ first-icon }}
+						{{ first-icon }}
 					</div>
 				</div>
 			</div>