font-icons 1.0.0.beta

Sign up to get free protection for your applications and to get access to all the features.
Binary file
Binary file
@@ -0,0 +1,25 @@
1
+ description "The Font-Icon Generator."
2
+
3
+ stylesheet 'fonticon.scss', :media => 'screen, projection'
4
+ html "example.html"
5
+ font "entypo.eot"
6
+ font "entypo.svg"
7
+ font "entypo.ttf"
8
+ font "entypo.woff"
9
+ font "iconic.eot"
10
+ font "iconic.otf"
11
+ font "iconic.svg"
12
+ font "iconic.ttf"
13
+ font "iconic.woff"
14
+
15
+
16
+ help %Q{
17
+ http://github.com/krisbulman/font-icons
18
+ }
19
+
20
+ welcome_message %Q{
21
+ Sweet, font-icons is now installed. You can start using the mixins in your sass project.
22
+
23
+ See the included example project for mixin usage.
24
+
25
+ }
data/lib/version.rb ADDED
@@ -0,0 +1,60 @@
1
+ module FontIcons
2
+ module Version
3
+ # Returns a hash representing the version.
4
+ # The :major, :minor, and :teeny keys have their respective numbers.
5
+ # The :string key contains a human-readable string representation of the version.
6
+ # The :rev key will have the current revision hash.
7
+ #
8
+ # This method swiped from Compass by Chris Eppstein who swiped it from Haml and then modified it, so some credit goes to Nathan Weizenbaum too.
9
+ def version
10
+ if defined?(@version)
11
+ @version
12
+ else
13
+ read_version
14
+ end
15
+ end
16
+
17
+ protected
18
+
19
+ def scope(file) # :nodoc:
20
+ File.join(File.dirname(__FILE__), '..', file)
21
+ end
22
+
23
+ def read_version
24
+ require 'yaml'
25
+ @version = YAML::load(File.read(scope('VERSION.yml')))
26
+ @version[:teeny] = @version[:patch]
27
+ @version[:string] = "#{@version[:major]}.#{@version[:minor]}"
28
+ @version[:string] << ".#{@version[:patch]}" if @version[:patch]
29
+ @version[:string] << ".#{@version[:state]}" if @version[:state]
30
+ @version[:string] << ".#{@version[:build]}" if @version[:build]
31
+ #if !ENV['OFFICIAL'] && r = revision
32
+ # @version[:string] << ".#{r[0..6]}"
33
+ #end
34
+ @version
35
+ end
36
+
37
+ def revision
38
+ revision_from_git
39
+ end
40
+
41
+ def revision_from_git
42
+ if File.exists?(scope('.git/HEAD'))
43
+ rev = File.read(scope('.git/HEAD')).strip
44
+ if rev =~ /^ref: (.*)$/
45
+ rev = File.read(scope(".git/#{$1}")).strip
46
+ end
47
+ end
48
+ end
49
+ end
50
+ extend FontIcons::Version
51
+ def self.const_missing(const)
52
+ # This avoid reading from disk unless the VERSION is requested.
53
+ if const == :VERSION
54
+ version[:string]
55
+ else
56
+ super
57
+ end
58
+ end
59
+ end
60
+
@@ -0,0 +1,2 @@
1
+ @import "base/entypo-vars";
2
+ @import "base/font-mixins";
@@ -0,0 +1,3 @@
1
+ @import "base/iconic-vars";
2
+ @import "base/entypo-vars";
3
+ @import "base/font-mixins";
@@ -0,0 +1,2 @@
1
+ @import "base/iconic-vars";
2
+ @import "base/font-mixins";
@@ -0,0 +1,165 @@
1
+ // EntypoRegular Icons
2
+ .entypo-music:before { content: "♪"; }
3
+ .entypo-music-alt:before { content: "🎵"; }
4
+ .entypo-search:before { content: "🔍"; }
5
+ .entypo-search-alt:before { content: "🔎"; }
6
+ .entypo-mail:before { content: "✉"; }
7
+ .entypo-heart:before { content: "♥"; }
8
+ .entypo-heart-empty:before { content: "♡"; }
9
+ .entypo-star:before { content: "★"; }
10
+ .entypo-star-empty:before { content: "☆"; }
11
+ .entypo-user:before { content: "👤"; }
12
+ .entypo-users:before { content: "👥"; }
13
+ .entypo-user-add:before { content: ""; }
14
+ .entypo-video:before { content: "🎬"; }
15
+ .entypo-picture:before { content: "🌄"; }
16
+ .entypo-camera:before { content: "📷"; }
17
+ .entypo-th:before { content: "⚏"; }
18
+ .entypo-th-list:before { content: "☰"; }
19
+ .entypo-ok:before { content: "✓"; }
20
+ .entypo-cancel:before { content: "✕"; }
21
+ .entypo-cancel-circle:before { content: "✖"; }
22
+ .entypo-plus:before { content: "+"; }
23
+ .entypo-plus-circle:before { content: "➕"; }
24
+ .entypo-minus:before { content: "-"; }
25
+ .entypo-minus-circle:before { content: "➖"; }
26
+ .entypo-help:before { content: "❓"; }
27
+ .entypo-help-circle:before { content: ""; }
28
+ .entypo-info:before { content: "ℹ"; }
29
+ .entypo-info-circle:before { content: ""; }
30
+ .entypo-back:before { content: ""; }
31
+ .entypo-back-alt:before { content: ""; }
32
+ .entypo-home:before { content: "⌂"; }
33
+ .entypo-link:before { content: "🔗"; }
34
+ .entypo-attach:before { content: "📎"; }
35
+ .entypo-lock:before { content: "🔒"; }
36
+ .entypo-lock-open:before { content: "🔓"; }
37
+ .entypo-eye:before { content: ""; }
38
+ .entypo-tag:before { content: ""; }
39
+ .entypo-bookmark:before { content: "🔖"; }
40
+ .entypo-flag:before { content: "⚑"; }
41
+ .entypo-thumbs-up:before { content: "👍"; }
42
+ .entypo-download:before { content: "📥"; }
43
+ .entypo-upload:before { content: "📤"; }
44
+ .entypo-upload-cloud:before { content: ""; }
45
+ .entypo-reply:before { content: ""; }
46
+ .entypo-reply-all:before { content: ""; }
47
+ .entypo-forward:before { content: "➦"; }
48
+ .entypo-quote-right:before { content: "❞"; }
49
+ .entypo-code:before { content: ""; }
50
+ .entypo-export:before { content: ""; }
51
+ .entypo-pencil:before { content: "✎"; }
52
+ .entypo-feather:before { content: "✒"; }
53
+ .entypo-print:before { content: ""; }
54
+ .entypo-retweet:before { content: ""; }
55
+ .entypo-keyboard:before { content: "⌨"; }
56
+ .entypo-comment:before { content: ""; }
57
+ .entypo-chat:before { content: ""; }
58
+ .entypo-bell:before { content: "🔔"; }
59
+ .entypo-attention:before { content: "⚠"; }
60
+ .entypo-vcard:before { content: ""; }
61
+ .entypo-address:before { content: ""; }
62
+ .entypo-location:before { content: ""; }
63
+ .entypo-map:before { content: ""; }
64
+ .entypo-direction:before { content: "➢"; }
65
+ .entypo-compass:before { content: ""; }
66
+ .entypo-trash:before { content: ""; }
67
+ .entypo-doc:before { content: ""; }
68
+ .entypo-docs:before { content: ""; }
69
+ .entypo-docs-landscape:before { content: ""; }
70
+ .entypo-doc-text:before { content: "📄"; }
71
+ .entypo-book-open:before { content: "📖"; }
72
+ .entypo-folder:before { content: "📁"; }
73
+ .entypo-archive:before { content: ""; }
74
+ .entypo-rss:before { content: ""; }
75
+ .entypo-phone:before { content: "📞"; }
76
+ .entypo-cog:before { content: "⚙"; }
77
+ .entypo-share:before { content: ""; }
78
+ .entypo-basket:before { content: ""; }
79
+ .entypo-calendar:before { content: "📅"; }
80
+ .entypo-mic:before { content: "🎤"; }
81
+ .entypo-volume-off:before { content: "🔇"; }
82
+ .entypo-volume-up:before { content: "🔊"; }
83
+ .entypo-volume:before { content: ""; }
84
+ .entypo-clock:before { content: "🕔"; }
85
+ .entypo-hourglass:before { content: "⏳"; }
86
+ .entypo-lamp:before { content: "💡"; }
87
+ .entypo-light-down:before { content: "🔅"; }
88
+ .entypo-light-up:before { content: "🔆"; }
89
+ .entypo-block:before { content: "🚫"; }
90
+ .entypo-resize-full:before { content: ""; }
91
+ .entypo-resize-small:before { content: ""; }
92
+ .entypo-popup:before { content: ""; }
93
+ .entypo-publish:before { content: ""; }
94
+ .entypo-window:before { content: ""; }
95
+ .entypo-arrow-combo:before { content: ""; }
96
+ .entypo-down-circle2:before { content: ""; }
97
+ .entypo-left-circle2:before { content: ""; }
98
+ .entypo-right-circle2:before { content: ""; }
99
+ .entypo-up-circle2:before { content: ""; }
100
+ .entypo-down-open:before { content: ""; }
101
+ .entypo-left-open:before { content: ""; }
102
+ .entypo-right-open:before { content: ""; }
103
+ .entypo-up-open:before { content: ""; }
104
+ .entypo-down-thin:before { content: "⬇"; }
105
+ .entypo-left-thin:before { content: "⬅"; }
106
+ .entypo-right-thin:before { content: "➡"; }
107
+ .entypo-up-thin:before { content: "⬆"; }
108
+ .entypo-down-dir:before { content: "▾"; }
109
+ .entypo-left-dir:before { content: "◂"; }
110
+ .entypo-right-dir:before { content: "▸"; }
111
+ .entypo-up-dir:before { content: "▴"; }
112
+ .entypo-down-bold:before { content: ""; }
113
+ .entypo-left-bold:before { content: ""; }
114
+ .entypo-right-bold:before { content: ""; }
115
+ .entypo-up-bold:before { content: ""; }
116
+ .entypo-down:before { content: "↓"; }
117
+ .entypo-left:before { content: "←"; }
118
+ .entypo-right:before { content: "→"; }
119
+ .entypo-up:before { content: "↑"; }
120
+ .entypo-ccw:before { content: "⟲"; }
121
+ .entypo-cw:before { content: "⟳"; }
122
+ .entypo-level-down:before { content: "↳"; }
123
+ .entypo-shuffle:before { content: "🔀"; }
124
+ .entypo-play:before { content: "▶"; }
125
+ .entypo-stop:before { content: "▪"; }
126
+ .entypo-pause:before { content: "⎉"; }
127
+ .entypo-record:before { content: "⚫"; }
128
+ .entypo-to-end:before { content: "⏭"; }
129
+ .entypo-to-start:before { content: "⏮"; }
130
+ .entypo-fast-fw:before { content: "⏩"; }
131
+ .entypo-fast-bw:before { content: "⏪"; }
132
+ .entypo-progress-0:before { content: ""; }
133
+ .entypo-progress-1:before { content: ""; }
134
+ .entypo-progress-2:before { content: ""; }
135
+ .entypo-progress-3:before { content: ""; }
136
+ .entypo-target:before { content: "🎯"; }
137
+ .entypo-palette:before { content: "🎨"; }
138
+ .entypo-list-add:before { content: ""; }
139
+ .entypo-signal:before { content: ""; }
140
+ .entypo-top-list:before { content: "🏆"; }
141
+ .entypo-battery:before { content: "🔋"; }
142
+ .entypo-back-in-time:before { content: ""; }
143
+ .entypo-monitor:before { content: "💻"; }
144
+ .entypo-mobile:before { content: "📱"; }
145
+ .entypo-net:before { content: ""; }
146
+ .entypo-cd:before { content: "💿"; }
147
+ .entypo-inbox:before { content: ""; }
148
+ .entypo-install:before { content: ""; }
149
+ .entypo-globe:before { content: "𝌍"; }
150
+ .entypo-cloud:before { content: "☁"; }
151
+ .entypo-flash:before { content: "⚡"; }
152
+ .entypo-moon:before { content: "☽"; }
153
+ .entypo-flight:before { content: "✈"; }
154
+ .entypo-leaf:before { content: "🍂"; }
155
+ .entypo-lifebuoy:before { content: ""; }
156
+ .entypo-mouse:before { content: ""; }
157
+ .entypo-bag:before { content: ""; }
158
+ .entypo-dot:before { content: ""; }
159
+ .entypo-dot-2:before { content: ""; }
160
+ .entypo-dot-3:before { content: ""; }
161
+ .entypo-google-circles:before { content: ""; }
162
+ .entypo-cc:before { content: ""; }
163
+ .entypo-logo-entypo:before { content: ""; }
164
+ .entypo-flag-sw:before { content: ""; }
165
+ .entypo-logo-db:before { content: ""; }
@@ -0,0 +1,41 @@
1
+ @mixin font-icon-family($family:"iconic", $file:"iconic") {
2
+ @if $family == "iconic" {
3
+ $family:"IconicFill";
4
+ $file:"iconic";
5
+ }
6
+ @else if $family == "entypo" {
7
+ $family:"entypo";
8
+ $file:"entypo";
9
+ }
10
+ @font-face {
11
+ font-family: '#{$family}';
12
+ src: font-url('#{$file}.eot');
13
+ src: font-url('#{$file}.eot?#iefix') format('embedded-opentype'),
14
+ font-url('#{$file}.woff') format('woff'),
15
+ font-url('#{$file}.ttf') format('truetype'),
16
+ font-url('#{$file}.svg##{$family}') format('svg'),
17
+ font-url('#{$file}.otf') format('opentype');
18
+ font-weight: normal; font-style: normal;
19
+ }
20
+
21
+ }
22
+
23
+ @mixin font-icon-base($family:"iconic", $font-size: 1em, $width: 1em, $margin: 0.8em) {
24
+ @if $family == "iconic" {
25
+ $family:"IconicFill";
26
+ $file:"iconic";
27
+ }
28
+ @else if $family == "entypo" {
29
+ $family:"entypo";
30
+ $file:"entypo";
31
+ }
32
+ &:before {
33
+ font-family: "#{$family}";
34
+ font-style: normal;
35
+ font-size: $font-size;
36
+ margin-right: $margin;
37
+ text-align: center;
38
+ display: inline-block;
39
+ width: $width;
40
+ }
41
+ }
@@ -0,0 +1,152 @@
1
+ // IconicStroke Icons
2
+ .iconic-lightbulb:before { content: "\e063" }
3
+ .iconic-equalizer:before { content: "\e052" }
4
+ .iconic-brush_alt:before { content: "\e01c" }
5
+ .iconic-move:before { content: "\e03e" }
6
+ .iconic-tag_fill:before { content: "\e02b" }
7
+ .iconic-book_alt2:before { content: "\e06a" }
8
+ .iconic-layers:before { content: "\e01f" }
9
+ .iconic-chat_alt_fill:before { content: "\e007" }
10
+ .iconic-layers_alt:before { content: "\e020" }
11
+ .iconic-cloud_upload:before { content: "\e045" }
12
+ .iconic-chart_alt:before { content: "\e029" }
13
+ .iconic-fullscreen_exit_alt:before { content: "\e051" }
14
+ .iconic-cloud_download:before { content: "\e044" }
15
+ .iconic-paperclip:before { content: "\e08a" }
16
+ .iconic-heart_fill:before { content: "\2764" }
17
+ .iconic-mail:before { content: "\2709" }
18
+ .iconic-pen_alt_fill:before { content: "\e005" }
19
+ .iconic-check_alt:before { content: "\2718" }
20
+ .iconic-battery_charging:before { content: "\e05d" }
21
+ .iconic-lock_fill:before { content: "\e075" }
22
+ .iconic-stop:before { content: "\e04a" }
23
+ .iconic-arrow_up:before { content: "\2191" }
24
+ .iconic-move_horizontal:before { content: "\e038" }
25
+ .iconic-compass:before { content: "\e021" }
26
+ .iconic-minus_alt:before { content: "\e009" }
27
+ .iconic-battery_empty:before { content: "\e05c" }
28
+ .iconic-comment_fill:before { content: "\e06d" }
29
+ .iconic-map_pin_alt:before { content: "\e002" }
30
+ .iconic-question_mark:before { content: "\003f" }
31
+ .iconic-list:before { content: "\e055" }
32
+ .iconic-upload:before { content: "\e043" }
33
+ .iconic-reload:before { content: "\e030" }
34
+ .iconic-loop_alt4:before { content: "\e035" }
35
+ .iconic-loop_alt3:before { content: "\e034" }
36
+ .iconic-loop_alt2:before { content: "\e033" }
37
+ .iconic-loop_alt1:before { content: "\e032" }
38
+ .iconic-left_quote:before { content: "\275d" }
39
+ .iconic-x:before { content: "\2713" }
40
+ .iconic-last:before { content: "\e04d" }
41
+ .iconic-bars:before { content: "\e06f" }
42
+ .iconic-arrow_left:before { content: "\2190" }
43
+ .iconic-arrow_down:before { content: "\2193" }
44
+ .iconic-download:before { content: "\e042" }
45
+ .iconic-home:before { content: "\2302" }
46
+ .iconic-calendar:before { content: "\e001" }
47
+ .iconic-right_quote_alt:before { content: "\e012" }
48
+ .iconic-unlock_fill:before { content: "\e076" }
49
+ .iconic-fullscreen:before { content: "\e04e" }
50
+ .iconic-dial:before { content: "\e058" }
51
+ .iconic-plus_alt:before { content: "\e008" }
52
+ .iconic-clock:before { content: "\e079" }
53
+ .iconic-movie:before { content: "\e060" }
54
+ .iconic-steering_wheel:before { content: "\e024" }
55
+ .iconic-pen:before { content: "\270e" }
56
+ .iconic-pin:before { content: "\e067" }
57
+ .iconic-denied:before { content: "\26d4" }
58
+ .iconic-left_quote_alt:before { content: "\e011" }
59
+ .iconic-volume_mute:before { content: "\e071" }
60
+ .iconic-umbrella:before { content: "\2602" }
61
+ .iconic-list_nested:before { content: "\e056" }
62
+ .iconic-arrow_up_alt1:before { content: "\e014" }
63
+ .iconic-undo:before { content: "\e02f" }
64
+ .iconic-pause:before { content: "\e049" }
65
+ .iconic-bolt:before { content: "\26a1" }
66
+ .iconic-article:before { content: "\e053" }
67
+ .iconic-read_more:before { content: "\e054" }
68
+ .iconic-beaker:before { content: "\e023" }
69
+ .iconic-beaker_alt:before { content: "\e010" }
70
+ .iconic-battery_full:before { content: "\e073" }
71
+ .iconic-arrow_right:before { content: "\2192" }
72
+ .iconic-iphone:before { content: "\e06e" }
73
+ .iconic-arrow_up_alt2:before { content: "\e018" }
74
+ .iconic-cog:before { content: "\2699" }
75
+ .iconic-award_fill:before { content: "\e022" }
76
+ .iconic-first:before { content: "\e04c" }
77
+ .iconic-trash_fill:before { content: "\e05a" }
78
+ .iconic-image:before { content: "\e027" }
79
+ .iconic-comment_alt1_fill:before { content: "\e003" }
80
+ .iconic-cd:before { content: "\e064" }
81
+ .iconic-right_quote:before { content: "\275e" }
82
+ .iconic-brush:before { content: "\e01b" }
83
+ .iconic-cloud:before { content: "\2601" }
84
+ .iconic-eye:before { content: "\e025" }
85
+ .iconic-play_alt:before { content: "\e048" }
86
+ .iconic-transfer:before { content: "\e041" }
87
+ .iconic-pen_alt2:before { content: "\e006" }
88
+ .iconic-camera:before { content: "\e070" }
89
+ .iconic-move_horizontal_alt2:before { content: "\e03a" }
90
+ .iconic-curved_arrow:before { content: "\2935" }
91
+ .iconic-move_horizontal_alt1:before { content: "\e039" }
92
+ .iconic-aperture:before { content: "\e026" }
93
+ .iconic-reload_alt:before { content: "\e031" }
94
+ .iconic-magnifying_glass:before { content: "\e074" }
95
+ .iconic-calendar_alt_fill:before { content: "\e06c" }
96
+ .iconic-fork:before { content: "\e046" }
97
+ .iconic-box:before { content: "\e06b" }
98
+ .iconic-map_pin_fill:before { content: "\e068" }
99
+ .iconic-bars_alt:before { content: "\e00a" }
100
+ .iconic-volume:before { content: "\e072" }
101
+ .iconic-x_alt:before { content: "\2714" }
102
+ .iconic-link:before { content: "\e077" }
103
+ .iconic-move_vertical:before { content: "\e03b" }
104
+ .iconic-eyedropper:before { content: "\e01e" }
105
+ .iconic-spin:before { content: "\e036" }
106
+ .iconic-rss:before { content: "\e02c" }
107
+ .iconic-info:before { content: "\2139" }
108
+ .iconic-target:before { content: "\e02a" }
109
+ .iconic-cursor:before { content: "\e057" }
110
+ .iconic-key_fill:before { content: "\26bf" }
111
+ .iconic-minus:before { content: "\2796" }
112
+ .iconic-book_alt:before { content: "\e00b" }
113
+ .iconic-headphones:before { content: "\e061" }
114
+ .iconic-hash:before { content: "\0023" }
115
+ .iconic-arrow_left_alt1:before { content: "\e013" }
116
+ .iconic-arrow_left_alt2:before { content: "\e017" }
117
+ .iconic-fullscreen_exit:before { content: "\e050" }
118
+ .iconic-share:before { content: "\e02e" }
119
+ .iconic-fullscreen_alt:before { content: "\e04f" }
120
+ .iconic-comment_alt2_fill:before { content: "\e004" }
121
+ .iconic-moon_fill:before { content: "\263e" }
122
+ .iconic-at:before { content: "\0040" }
123
+ .iconic-chat:before { content: "\e05e" }
124
+ .iconic-move_vertical_alt2:before { content: "\e03d" }
125
+ .iconic-move_vertical_alt1:before { content: "\e03c" }
126
+ .iconic-check:before { content: "\2717" }
127
+ .iconic-mic:before { content: "\e05f" }
128
+ .iconic-book:before { content: "\e069" }
129
+ .iconic-move_alt1:before { content: "\e03f" }
130
+ .iconic-move_alt2:before { content: "\e040" }
131
+ .iconic-document_fill:before { content: "\e066" }
132
+ .iconic-plus:before { content: "\2795" }
133
+ .iconic-wrench:before { content: "\e078" }
134
+ .iconic-play:before { content: "\e047" }
135
+ .iconic-star:before { content: "\2605" }
136
+ .iconic-document_alt_fill:before { content: "\e000" }
137
+ .iconic-chart:before { content: "\e028" }
138
+ .iconic-rain:before { content: "\26c6" }
139
+ .iconic-folder_fill:before { content: "\e065" }
140
+ .iconic-new_window:before { content: "\e059" }
141
+ .iconic-user:before { content: "\e062" }
142
+ .iconic-battery_half:before { content: "\e05b" }
143
+ .iconic-aperture_alt:before { content: "\e00c" }
144
+ .iconic-eject:before { content: "\e04b" }
145
+ .iconic-arrow_down_alt1:before { content: "\e016" }
146
+ .iconic-pilcrow:before { content: "\00b6" }
147
+ .iconic-arrow_down_alt2:before { content: "\e01a" }
148
+ .iconic-arrow_right_alt1:before { content: "\e015" }
149
+ .iconic-arrow_right_alt2:before { content: "\e019" }
150
+ .iconic-rss_alt:before { content: "\e02d" }
151
+ .iconic-spin_alt:before { content: "\e037" }
152
+ .iconic-sun_fill:before { content: "\2600" }