Add Resize icons

1 files changed, 34 insertions, 1 deletions

diff --git a/docs/css/spectre-icons.css b/docs/css/spectre-icons.css
index f7b5c5b..d36f3f1 100644
--- a/docs/css/spectre-icons.css
+++ b/docs/css/spectre-icons.css
@@ -98,6 +98,39 @@
   height: .3rem;
   width: .3rem;
 }
+.icon-resize-horiz::before,
+.icon-resize-vert::before,
+.icon-resize-horiz::after,
+.icon-resize-vert::after {
+  border: .2rem solid currentColor;
+  border-bottom: 0;
+  border-right: 0;
+  content: "";
+  height: .45em;
+  width: .45em;
+}
+.icon-resize-horiz::before,
+.icon-resize-vert::before {
+  -webkit-transform: translate(-50%, -90%) rotate(45deg);
+  -ms-transform: translate(-50%, -90%) rotate(45deg);
+  transform: translate(-50%, -90%) rotate(45deg);
+}
+.icon-resize-horiz::after,
+.icon-resize-vert::after {
+  -webkit-transform: translate(-50%, -10%) rotate(225deg);
+  -ms-transform: translate(-50%, -10%) rotate(225deg);
+  transform: translate(-50%, -10%) rotate(225deg);
+}
+.icon-resize-horiz::before {
+  -webkit-transform: translate(-90%, -50%) rotate(-45deg);
+  -ms-transform: translate(-90%, -50%) rotate(-45deg);
+  transform: translate(-90%, -50%) rotate(-45deg);
+}
+.icon-resize-horiz::after {
+  -webkit-transform: translate(-10%, -50%) rotate(135deg);
+  -ms-transform: translate(-10%, -50%) rotate(135deg);
+  transform: translate(-10%, -50%) rotate(135deg);
+}
 .icon-more-horiz::before,
 .icon-more-vert::before {
   background: currentColor;
@@ -204,7 +237,7 @@
   border-top-color: transparent;
   content: "";
   height: 0;
-  left: 5%;
+  left: 10%;
   top: 95%;
   -webkit-transform: translate(0, -100%);
   -ms-transform: translate(0, -100%);