From 3ab3a9d09955772ec56ddadbba49954b4edd6a3e Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Tue, 6 Nov 2018 18:52:37 +0800 Subject: Update the Docs completely --- docs/elements/icons.html | 410 +++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 410 insertions(+) create mode 100644 docs/elements/icons.html (limited to 'docs/elements/icons.html') diff --git a/docs/elements/icons.html b/docs/elements/icons.html new file mode 100644 index 0000000..b641254 --- /dev/null +++ b/docs/elements/icons.html @@ -0,0 +1,410 @@ + + + + Icons - Elements - Spectre.css CSS Framework + + + + + + + + + + + + + + + +
+
+
GitHubSponsor
+
+ +
+
+
+

Icons

+
+
+ + + +
+
+ + +
+
+

+ Icons are single-element, responsive and pure CSS icons. + You can include spectre-icons.css located in the dist folder to your web <head> to have these CSS icons. +

+

Navigation icons

+
+
+ +

icon-arrow-up

+
+
+ +

icon-arrow-right

+
+
+ +

icon-arrow-down

+
+
+ +

icon-arrow-left

+
+
+ +

icon-upward

+
+
+ +

icon-forward

+
+
+ +

icon-downward

+
+
+ +

icon-back

+
+
+ +

icon-caret

+
+
+ +

icon-menu

+
+
+ +

icon-apps

+
+
+ +

icon-more-horiz

+
+
+ +

icon-more-vert

+
+
+

Action icons

+
+
+ +

icon-resize-horiz

+
+
+ +

icon-resize-vert

+
+
+ +

icon-plus

+
+
+ +

icon-minus

+
+
+ +

icon-cross

+
+
+ +

icon-check

+
+
+ +

icon-stop

+
+
+ +

icon-shutdown

+
+
+ +

icon-refresh

+
+
+ +

icon-search

+
+
+ +

icon-flag

+
+
+ +

icon-bookmark

+
+
+ +

icon-edit

+
+
+ +

icon-delete

+
+
+ +

icon-share

+
+
+ +

icon-download

+
+
+ +

icon-upload

+
+
+

Object icons

+
+
+ +

icon-mail

+
+
+ +

icon-people

+
+
+ +

icon-message

+
+
+ +

icon-photo

+
+
+ +

icon-time

+
+
+ +

icon-location

+
+
+ +

icon-link

+
+
+ +

icon-emoji

+
+
+ 
<i class="icon icon-menu"></i>
+
+

Icon sizes

+

Use icon-2x, icon-3x and icon-4x classes to increase icon sizes. + You can set font-size to have different icon sizes. +

+
+
+

+

icon-2x (32px)

+
+
+

+

icon-3x (48px)

+
+
+

+

icon-4x (64px)

+
+
+ 
<i class="icon icon-2x icon-mail"></i>
+
+
+ +
+
+ +
+
+
+ + + \ No newline at end of file -- cgit v1.3.1-23-gd82d