diff options
1 files changed, 64 insertions, 3 deletions
| -rw-r--r-- | src/icons.less | 67 |
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%; + } +} |