From 80bc52fc55b2937b855ac05d5861cefd24c5e6f6 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Fri, 18 Sep 2020 10:35:14 +0200
Subject: 3 new icons: `circle-square`, `circles`, `triangle-square-circle`
Fixed icons: `circle`, `heart`, `hexagon`, `octagon`, `square-rotated`, `square`, `triangle`
---
src/_icons/circle-square.svg | 7 +++++++
src/_icons/circle.svg | 1 +
src/_icons/circles.svg | 8 ++++++++
src/_icons/heart.svg | 1 +
src/_icons/hexagon.svg | 3 ++-
src/_icons/octagon.svg | 1 +
src/_icons/square-rotated.svg | 1 +
src/_icons/square.svg | 1 +
src/_icons/triangle-square-circle.svg | 8 ++++++++
src/_icons/triangle.svg | 1 +
src/editor.html | 6 ++++++
src/style.scss | 4 ++++
12 files changed, 41 insertions(+), 1 deletion(-)
create mode 100644 src/_icons/circle-square.svg
create mode 100644 src/_icons/circles.svg
create mode 100644 src/_icons/triangle-square-circle.svg
(limited to 'src')
diff --git a/src/_icons/circle-square.svg b/src/_icons/circle-square.svg
new file mode 100644
index 00000000..4f1d5a41
--- /dev/null
+++ b/src/_icons/circle-square.svg
@@ -0,0 +1,7 @@
+---
+category: Shapes
+---
+<svg>
+ <circle cx="9.5" cy="9.5" r="6.5" />
+ <rect x="10" y="10" width="11" height="11" rx="2" />
+</svg>
diff --git a/src/_icons/circle.svg b/src/_icons/circle.svg
index 2d67f251..6e30820f 100644
--- a/src/_icons/circle.svg
+++ b/src/_icons/circle.svg
@@ -1,4 +1,5 @@
---
+category: Shapes
tags: [off, zero]
---
<svg>
diff --git a/src/_icons/circles.svg b/src/_icons/circles.svg
new file mode 100644
index 00000000..c89e22c9
--- /dev/null
+++ b/src/_icons/circles.svg
@@ -0,0 +1,8 @@
+---
+category: Shapes
+---
+<svg>
+ <circle cx="12" cy="7" r="4" />
+ <circle cx="6.5" cy="17" r="4" />
+ <circle cx="17.5" cy="17" r="4" />
+</svg>
diff --git a/src/_icons/heart.svg b/src/_icons/heart.svg
index 125d8f1e..be6343d6 100644
--- a/src/_icons/heart.svg
+++ b/src/_icons/heart.svg
@@ -1,4 +1,5 @@
---
+category: Shapes
tags: [love, emotion, like, favorite, relationship]
---
<svg>
diff --git a/src/_icons/hexagon.svg b/src/_icons/hexagon.svg
index 19d929bf..b1a40cec 100644
--- a/src/_icons/hexagon.svg
+++ b/src/_icons/hexagon.svg
@@ -1,5 +1,6 @@
---
+category: Shapes
---
<svg>
- <path d="M12.971 3.54l6 3.333A2 2 0 0 1 20 8.62v6.536a2 2 0 0 1 -1.029 1.748l-6 3.333a2 2 0 0 1 -1.942 0l-6-3.333A2 2 0 0 1 4 15.157V8.62a2 2 0 0 1 1.029 -1.748l6-3.333a2 2 0 0 1 1.942 0z" />
+ <path d="M19 6.873a2 2 0 0 1 1 1.747v6.536a2 2 0 0 1 -1.029 1.748l-6 3.833a2 2 0 0 1 -1.942 0l-6 -3.833a2 2 0 0 1 -1.029 -1.747v-6.537a2 2 0 0 1 1.029 -1.748l6 -3.572a2.056 2.056 0 0 1 1.971 0l5.971 3.573z" />
</svg>
diff --git a/src/_icons/octagon.svg b/src/_icons/octagon.svg
index c13d5e03..5ace1b8a 100644
--- a/src/_icons/octagon.svg
+++ b/src/_icons/octagon.svg
@@ -1,4 +1,5 @@
---
+category: Shapes
---
<svg>
<path d="M8.7 3 h 6.6 c0.3 0 .5 .1 .7 .3 l4.7 4.7 c0.2 .2 .3 .4 .3 .7 v6.6 c0 .3 -.1 .5 -.3 .7 l-4.7 4.7 c-0.2 .2 -.4 .3 -.7 .3h-6.6 c-0.3 0 -.5 -.1 -.7 -.3 l-4.7 -4.7 c-0.2 -.2 -.3 -.4 -.3 -.7 v-6.6 c0 -.3 .1 -.5 .3 -.7l4.7 -4.7 c0.2 -.2 .4 -.3 .7 -.3z" />
diff --git a/src/_icons/square-rotated.svg b/src/_icons/square-rotated.svg
index 41668b62..dc22d168 100644
--- a/src/_icons/square-rotated.svg
+++ b/src/_icons/square-rotated.svg
@@ -1,4 +1,5 @@
---
+category: Shapes
---
<svg>
<path d="M10.5 20.4l-6.9-6.9c-.781-.781-.781-2.219 0-3l6.9-6.9c.781-.781 2.219-.781 3 0l6.9 6.9c.781.781.781 2.219 0 3l-6.9 6.9c-.781.781-2.219.781-3 0z" />
diff --git a/src/_icons/square.svg b/src/_icons/square.svg
index b46fac14..1d8fae07 100644
--- a/src/_icons/square.svg
+++ b/src/_icons/square.svg
@@ -1,4 +1,5 @@
---
+category: Shapes
tags: [checkbox]
---
<svg>
diff --git a/src/_icons/triangle-square-circle.svg b/src/_icons/triangle-square-circle.svg
new file mode 100644
index 00000000..95f22e49
--- /dev/null
+++ b/src/_icons/triangle-square-circle.svg
@@ -0,0 +1,8 @@
+---
+category: Shapes
+---
+<svg>
+ <path d="M12 3l-4 7h8z" />
+ <circle cx="17" cy="17" r="3" />
+ <rect x="4" y="14" width="6" height="6" rx="1" />
+</svg>
diff --git a/src/_icons/triangle.svg b/src/_icons/triangle.svg
index a6aa4f25..3bdd2e90 100644
--- a/src/_icons/triangle.svg
+++ b/src/_icons/triangle.svg
@@ -1,4 +1,5 @@
---
+category: Shapes
tags: [delta]
---
<svg>
diff --git a/src/editor.html b/src/editor.html
index 9b8e953e..b6c3af72 100644
--- a/src/editor.html
+++ b/src/editor.html
@@ -62,6 +62,10 @@ layout: default
<a class="tab">Tab 3</a>
</div>
+ <div class="mb">
+ <textarea rows="10" class="input js-textarea"></textarea>
+ </div>
+
<div class="mt-auto">
<input class="input-range js-input-range" type="range" min="1.25" max="2.75" step=".25" value="2">
@@ -116,6 +120,8 @@ layout: default
$('.js-icon-manager svg').replaceWith($(this).find('>svg:eq(0)').clone());
+ $('.js-textarea').val($(this)[0].innerHTML.trim());
+
e.preventDefault();
return false;
})
diff --git a/src/style.scss b/src/style.scss
index 596669aa..f4236f60 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -279,6 +279,10 @@ Components
box-shadow: 0 0 0 3px rgba($primary, .1);
border-color: rgba($primary, .4);
}
+
+ @at-root textarea#{&} {
+ min-height: 8rem;
+ }
}
.icon {
--
cgit v1.2.1