diff options
author | Yan Zhu <picturepan2@hotmail.com> | 2017-04-01 12:30:14 +0300 |
---|---|---|
committer | Yan Zhu <picturepan2@hotmail.com> | 2017-04-01 12:30:14 +0300 |
commit | fbd85e83b5a1aa68b0599d919c55bca53022dbc6 (patch) | |
tree | 20730bec99a494aca9475159857df5e9765df7a4 /docs/css/spectre-icons.css | |
parent | 1c0fd0bd85ba36bd454f641e32caf6b19ad2d069 (diff) |
Add Resize icons
Diffstat (limited to 'docs/css/spectre-icons.css')
-rw-r--r-- | docs/css/spectre-icons.css | 35 |
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%); |