diff options
| -rw-r--r-- | _icons/align-center.svg | 8 | ||||
| -rw-r--r-- | _icons/align-justified.svg | 8 | ||||
| -rw-r--r-- | _icons/chevron-down.svg | 5 | ||||
| -rw-r--r-- | _icons/chevron-left.svg | 5 | ||||
| -rw-r--r-- | _icons/chevron-right.svg | 5 | ||||
| -rw-r--r-- | _icons/chevron-up.svg | 5 | ||||
| -rw-r--r-- | assets/bg.svg | 2 | ||||
| -rw-r--r-- | assets/style.scss | 10 | ||||
| -rw-r--r-- | index.html | 1 |
9 files changed, 47 insertions, 2 deletions
diff --git a/_icons/align-center.svg b/_icons/align-center.svg new file mode 100644 index 0000000..d081f88 --- /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 0000000..80987cf --- /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 0000000..7fec681 --- /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 0000000..d289898 --- /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 0000000..d38bbc4 --- /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 0000000..ad01398 --- /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 df8ec8b..1f7fcb1 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 425b287..8769913 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; } } @@ -33,6 +33,7 @@ <div class="icon-preview-wrap"> <div class="icon-preview"> {{ first-icon }} + {{ first-icon }} </div> </div> </div> |
