Merge pull request #180 from picturepan2/feature/0.2.12 v0.2.12

Feature/0.2.12

1 files changed, 64 insertions, 3 deletions

diff --git a/src/icons.less b/src/icons.less
index 4384d48..dd77944 100644
--- a/src/icons.less
+++ b/src/icons.less
@@ -64,8 +64,8 @@
     background: currentColor;
     content: "";
     height: @icon-border-width;
-    left: 60%;
-    width: .9em;
+    left: 55%;
+    width: .8em;
   }
 }
 
@@ -104,6 +104,35 @@
   }
 }
 
+// Icon resize
+.icon-resize-horiz,
+.icon-resize-vert {
+  &::before,
+  &::after {
+    border: @icon-border-width solid currentColor;
+    border-bottom: 0;
+    border-right: 0;
+    content: "";
+    height: .45em;
+    width: .45em;
+  }
+  &::before {
+    transform: translate(-50%, -90%) rotate(45deg);
+  }
+  &::after {
+    transform: translate(-50%, -10%) rotate(225deg);
+  }
+}
+
+.icon-resize-horiz {
+  &::before {
+    transform: translate(-90%, -50%) rotate(-45deg);
+  }
+  &::after {
+    transform: translate(-10%, -50%) rotate(135deg);
+  }
+}
+
 // Icon more
 .icon-more-horiz,
 .icon-more-vert {
@@ -228,7 +257,7 @@
     border-right-color: transparent;
     content: "";
     height: 0;
-    left: 5%;
+    left: 10%;
     top: 95%;
     transform: translate(0, -100%);
     width: 0;
@@ -309,6 +338,29 @@
   }
 }
 
+// Icon bookmark
+.icon-bookmark {
+  &::before {
+    border: @icon-border-width solid currentColor;
+    border-bottom: 0;
+    border-top-left-radius: @border-radius;
+    border-top-right-radius: @border-radius;
+    content: "";
+    height: 90%;
+    width: 90%;
+  }
+  &::after {
+    border: @icon-border-width solid currentColor;
+    border-bottom: 0;
+    border-left: 0;
+    border-radius: @border-radius;
+    content: "";
+    height: 50%;
+    transform: translate(-50%, 35%) rotate(-45deg) skew(15deg, 15deg);
+    width: 50%;
+  }
+}
+
 // Icon download & upload
 .icon-download,
 .icon-upload {
@@ -440,3 +492,12 @@
     transform: translate(-30%, -55%) rotate(135deg);
   }
 }
+
+// Component icon support
+.btn,
+.toast,
+.menu {
+  .icon {
+    vertical-align: -10%;
+  }
+}