Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/picturepan2/spectre.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorYan Zhu <picturepan2@hotmail.com>2017-04-01 12:30:14 +0300
committerYan Zhu <picturepan2@hotmail.com>2017-04-01 12:30:14 +0300
commitfbd85e83b5a1aa68b0599d919c55bca53022dbc6 (patch)
tree20730bec99a494aca9475159857df5e9765df7a4 /docs/css/spectre-icons.css
parent1c0fd0bd85ba36bd454f641e32caf6b19ad2d069 (diff)
Add Resize icons
Diffstat (limited to 'docs/css/spectre-icons.css')
-rw-r--r--docs/css/spectre-icons.css35
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%);