aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--_icons/align-center.svg8
-rw-r--r--_icons/align-justified.svg8
-rw-r--r--_icons/chevron-down.svg5
-rw-r--r--_icons/chevron-left.svg5
-rw-r--r--_icons/chevron-right.svg5
-rw-r--r--_icons/chevron-up.svg5
-rw-r--r--assets/bg.svg2
-rw-r--r--assets/style.scss10
-rw-r--r--index.html1
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>