From fbd85e83b5a1aa68b0599d919c55bca53022dbc6 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Sat, 1 Apr 2017 17:30:14 +0800 Subject: Add Resize icons --- docs/css/spectre-icons.css | 35 ++++++++++++++++++++++++++++++++++- 1 file changed, 34 insertions(+), 1 deletion(-) (limited to 'docs/css/spectre-icons.css') 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%); -- cgit v1.3.1-26-gb76a