elusive-icons-sass 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,13 @@
1
+ /* FONT PATH
2
+ * -------------------------- */
3
+
4
+ @font-face {
5
+ font-family: 'Elusive-Icons';
6
+ src: url(if($el-sass-asset-helper, el-font-path('#{$el-font-path}elusiveicons-webfont.eot'), '#{$el-font-path}elusiveicons-webfont.eot?v=#{$el-version}'));
7
+ src: url(if($el-sass-asset-helper, el-font-path('#{$el-font-path}elusiveicons-webfont.eot?#iefix'), '#{$el-font-path}elusiveicons-webfont.eot?#iefixv=#{$el-version}')) format('embedded-opentype'),
8
+ url(if($el-sass-asset-helper, el-font-path('#{$el-font-path}/elusiveicons-webfont.woff?v=#{$el-version}'), '#{$el-font-path}/elusiveicons-webfont.woff?v=#{$el-version}')) format('woff'),
9
+ url(if($el-sass-asset-helper, el-font-path('#{$el-font-path}/elusiveicons-webfont.ttf?v=#{$el-version}'), '#{$el-font-path}/elusiveicons-webfont.ttf?v=#{$el-version}')) format('truetype'),
10
+ url(if($el-sass-asset-helper, el-font-path('#{$el-font-path}/elusiveicons-webfont.svg?v=#{$el-version}#elusiveiconsregular'), '#{$el-font-path}/elusiveicons-webfont.svg?v=#{$el-version}#elusiveiconsregular')) format('svg');
11
+ font-weight: normal;
12
+ font-style: normal;
13
+ }
@@ -0,0 +1,20 @@
1
+ // Rotated & Flipped Icons
2
+ // -------------------------
3
+
4
+ .#{$el-css-prefix}-rotate-90 { @include el-icon-rotate(90deg, 1); }
5
+ .#{$el-css-prefix}-rotate-180 { @include el-icon-rotate(180deg, 2); }
6
+ .#{$el-css-prefix}-rotate-270 { @include el-icon-rotate(270deg, 3); }
7
+
8
+ .#{$el-css-prefix}-flip-horizontal { @include el-icon-flip(-1, 1, 0); }
9
+ .#{$el-css-prefix}-flip-vertical { @include el-icon-flip(1, -1, 2); }
10
+
11
+ // Hook for IE8-9
12
+ // -------------------------
13
+
14
+ :root .#{$el-css-prefix}-rotate-90,
15
+ :root .#{$el-css-prefix}-rotate-180,
16
+ :root .#{$el-css-prefix}-rotate-270,
17
+ :root .#{$el-css-prefix}-flip-horizontal,
18
+ :root .#{$el-css-prefix}-flip-vertical {
19
+ filter: none;
20
+ }
@@ -0,0 +1,20 @@
1
+ // Stacked Icons
2
+ // -------------------------
3
+
4
+ .#{$el-css-prefix}-stack {
5
+ position: relative;
6
+ display: inline-block;
7
+ width: 2em;
8
+ height: 2em;
9
+ line-height: 2em;
10
+ vertical-align: middle;
11
+ }
12
+ .#{$el-css-prefix}-stack-1x, .#{$el-css-prefix}-stack-2x {
13
+ position: absolute;
14
+ left: 0;
15
+ width: 100%;
16
+ text-align: center;
17
+ }
18
+ .#{$el-css-prefix}-stack-1x { line-height: inherit; }
19
+ .#{$el-css-prefix}-stack-2x { font-size: 2em; }
20
+ .#{$el-css-prefix}-inverse { color: $el-inverse; }
@@ -0,0 +1,317 @@
1
+ // Variables
2
+ // --------------------------
3
+ $el-sass-asset-helper: false !default;
4
+
5
+ $el-font-path: if($el-sass-asset-helper, "elusive-icons/", "../fonts/elusive-icons/") !default;
6
+ $el-font-size-base: 14px !default;
7
+ //$el-font-path: "//netdna.bootstrapcdn.com/elusive-icons/2.0.0/fonts" !default; // for referencing Bootstrap CDN font files directly
8
+ $el-css-prefix: el !default;
9
+ $el-version: "2.0.0" !default;
10
+ $el-border-color: #eee !default;
11
+ $el-inverse: #fff !default;
12
+ $el-li-width: (30em / 14) !default;
13
+
14
+ $el-var-address-book: "\f102";
15
+ $el-var-address-book-alt: "\f101";
16
+ $el-var-adjust: "\f104";
17
+ $el-var-adjust-alt: "\f103";
18
+ $el-var-adult: "\f105";
19
+ $el-var-align-center: "\f106";
20
+ $el-var-align-justify: "\f107";
21
+ $el-var-align-left: "\f108";
22
+ $el-var-align-right: "\f109";
23
+ $el-var-arrow-down: "\f10a";
24
+ $el-var-arrow-left: "\f10b";
25
+ $el-var-arrow-right: "\f10c";
26
+ $el-var-arrow-up: "\f10d";
27
+ $el-var-asl: "\f10e";
28
+ $el-var-asterisk: "\f10f";
29
+ $el-var-backward: "\f110";
30
+ $el-var-ban-circle: "\f111";
31
+ $el-var-barcode: "\f112";
32
+ $el-var-behance: "\f113";
33
+ $el-var-bell: "\f114";
34
+ $el-var-blind: "\f115";
35
+ $el-var-blogger: "\f116";
36
+ $el-var-bold: "\f117";
37
+ $el-var-book: "\f118";
38
+ $el-var-bookmark: "\f11a";
39
+ $el-var-bookmark-empty: "\f119";
40
+ $el-var-braille: "\f11b";
41
+ $el-var-briefcase: "\f11c";
42
+ $el-var-broom: "\f11d";
43
+ $el-var-brush: "\f11e";
44
+ $el-var-bulb: "\f11f";
45
+ $el-var-bullhorn: "\f120";
46
+ $el-var-calendar: "\f122";
47
+ $el-var-calendar-sign: "\f121";
48
+ $el-var-camera: "\f123";
49
+ $el-var-car: "\f124";
50
+ $el-var-caret-down: "\f125";
51
+ $el-var-caret-left: "\f126";
52
+ $el-var-caret-right: "\f127";
53
+ $el-var-caret-up: "\f128";
54
+ $el-var-cc: "\f129";
55
+ $el-var-certificate: "\f12a";
56
+ $el-var-check: "\f12c";
57
+ $el-var-check-empty: "\f12b";
58
+ $el-var-chevron-down: "\f12d";
59
+ $el-var-chevron-left: "\f12e";
60
+ $el-var-chevron-right: "\f12f";
61
+ $el-var-chevron-up: "\f130";
62
+ $el-var-child: "\f131";
63
+ $el-var-circle-arrow-down: "\f132";
64
+ $el-var-circle-arrow-left: "\f133";
65
+ $el-var-circle-arrow-right: "\f134";
66
+ $el-var-circle-arrow-up: "\f135";
67
+ $el-var-cloud: "\f137";
68
+ $el-var-cloud-alt: "\f136";
69
+ $el-var-cog: "\f139";
70
+ $el-var-cog-alt: "\f138";
71
+ $el-var-cogs: "\f13a";
72
+ $el-var-comment: "\f13c";
73
+ $el-var-comment-alt: "\f13b";
74
+ $el-var-compass: "\f13e";
75
+ $el-var-compass-alt: "\f13d";
76
+ $el-var-credit-card: "\f13f";
77
+ $el-var-css: "\f140";
78
+ $el-var-dashboard: "\f141";
79
+ $el-var-delicious: "\f142";
80
+ $el-var-deviantart: "\f143";
81
+ $el-var-digg: "\f144";
82
+ $el-var-download: "\f146";
83
+ $el-var-download-alt: "\f145";
84
+ $el-var-dribbble: "\f147";
85
+ $el-var-edit: "\f148";
86
+ $el-var-eject: "\f149";
87
+ $el-var-envelope: "\f14b";
88
+ $el-var-envelope-alt: "\f14a";
89
+ $el-var-error: "\f14d";
90
+ $el-var-error-alt: "\f14c";
91
+ $el-var-eur: "\f14e";
92
+ $el-var-exclamation-sign: "\f14f";
93
+ $el-var-eye-close: "\f150";
94
+ $el-var-eye-open: "\f151";
95
+ $el-var-facebook: "\f152";
96
+ $el-var-facetime-video: "\f153";
97
+ $el-var-fast-backward: "\f154";
98
+ $el-var-fast-forward: "\f155";
99
+ $el-var-female: "\f156";
100
+ $el-var-file: "\f15c";
101
+ $el-var-file-alt: "\f157";
102
+ $el-var-file-edit: "\f159";
103
+ $el-var-file-edit-alt: "\f158";
104
+ $el-var-file-new: "\f15b";
105
+ $el-var-file-new-alt: "\f15a";
106
+ $el-var-film: "\f15d";
107
+ $el-var-filter: "\f15e";
108
+ $el-var-fire: "\f15f";
109
+ $el-var-flag: "\f161";
110
+ $el-var-flag-alt: "\f160";
111
+ $el-var-flickr: "\f162";
112
+ $el-var-folder: "\f166";
113
+ $el-var-folder-close: "\f163";
114
+ $el-var-folder-open: "\f164";
115
+ $el-var-folder-sign: "\f165";
116
+ $el-var-font: "\f167";
117
+ $el-var-fontsize: "\f168";
118
+ $el-var-fork: "\f169";
119
+ $el-var-forward: "\f16b";
120
+ $el-var-forward-alt: "\f16a";
121
+ $el-var-foursquare: "\f16c";
122
+ $el-var-friendfeed: "\f16e";
123
+ $el-var-friendfeed-rect: "\f16d";
124
+ $el-var-fullscreen: "\f16f";
125
+ $el-var-gbp: "\f170";
126
+ $el-var-gift: "\f171";
127
+ $el-var-github: "\f173";
128
+ $el-var-github-text: "\f172";
129
+ $el-var-glass: "\f174";
130
+ $el-var-glasses: "\f175";
131
+ $el-var-globe: "\f177";
132
+ $el-var-globe-alt: "\f176";
133
+ $el-var-googleplus: "\f178";
134
+ $el-var-graph: "\f17a";
135
+ $el-var-graph-alt: "\f179";
136
+ $el-var-group: "\f17c";
137
+ $el-var-group-alt: "\f17b";
138
+ $el-var-guidedog: "\f17d";
139
+ $el-var-hand-down: "\f17e";
140
+ $el-var-hand-left: "\f17f";
141
+ $el-var-hand-right: "\f180";
142
+ $el-var-hand-up: "\f181";
143
+ $el-var-hdd: "\f182";
144
+ $el-var-headphones: "\f183";
145
+ $el-var-hearing-impaired: "\f184";
146
+ $el-var-heart: "\f187";
147
+ $el-var-heart-alt: "\f185";
148
+ $el-var-heart-empty: "\f186";
149
+ $el-var-home: "\f189";
150
+ $el-var-home-alt: "\f188";
151
+ $el-var-hourglass: "\f18a";
152
+ $el-var-idea: "\f18c";
153
+ $el-var-idea-alt: "\f18b";
154
+ $el-var-inbox: "\f18f";
155
+ $el-var-inbox-alt: "\f18d";
156
+ $el-var-inbox-box: "\f18e";
157
+ $el-var-indent-left: "\f190";
158
+ $el-var-indent-right: "\f191";
159
+ $el-var-info-circle: "\f192";
160
+ $el-var-instagram: "\f193";
161
+ $el-var-iphone-home: "\f194";
162
+ $el-var-italic: "\f195";
163
+ $el-var-key: "\f196";
164
+ $el-var-laptop: "\f198";
165
+ $el-var-laptop-alt: "\f197";
166
+ $el-var-lastfm: "\f199";
167
+ $el-var-leaf: "\f19a";
168
+ $el-var-lines: "\f19b";
169
+ $el-var-link: "\f19c";
170
+ $el-var-linkedin: "\f19d";
171
+ $el-var-list: "\f19f";
172
+ $el-var-list-alt: "\f19e";
173
+ $el-var-livejournal: "\f1a0";
174
+ $el-var-lock: "\f1a2";
175
+ $el-var-lock-alt: "\f1a1";
176
+ $el-var-magic: "\f1a3";
177
+ $el-var-magnet: "\f1a4";
178
+ $el-var-male: "\f1a5";
179
+ $el-var-map-marker: "\f1a7";
180
+ $el-var-map-marker-alt: "\f1a6";
181
+ $el-var-mic: "\f1a9";
182
+ $el-var-mic-alt: "\f1a8";
183
+ $el-var-minus: "\f1ab";
184
+ $el-var-minus-sign: "\f1aa";
185
+ $el-var-move: "\f1ac";
186
+ $el-var-music: "\f1ad";
187
+ $el-var-myspace: "\f1ae";
188
+ $el-var-network: "\f1af";
189
+ $el-var-off: "\f1b0";
190
+ $el-var-ok: "\f1b3";
191
+ $el-var-ok-circle: "\f1b1";
192
+ $el-var-ok-sign: "\f1b2";
193
+ $el-var-opensource: "\f1b4";
194
+ $el-var-paper-clip: "\f1b6";
195
+ $el-var-paper-clip-alt: "\f1b5";
196
+ $el-var-path: "\f1b7";
197
+ $el-var-pause: "\f1b9";
198
+ $el-var-pause-alt: "\f1b8";
199
+ $el-var-pencil: "\f1bb";
200
+ $el-var-pencil-alt: "\f1ba";
201
+ $el-var-person: "\f1bc";
202
+ $el-var-phone: "\f1be";
203
+ $el-var-phone-alt: "\f1bd";
204
+ $el-var-photo: "\f1c0";
205
+ $el-var-photo-alt: "\f1bf";
206
+ $el-var-picasa: "\f1c1";
207
+ $el-var-picture: "\f1c2";
208
+ $el-var-pinterest: "\f1c3";
209
+ $el-var-plane: "\f1c4";
210
+ $el-var-play: "\f1c7";
211
+ $el-var-play-alt: "\f1c5";
212
+ $el-var-play-circle: "\f1c6";
213
+ $el-var-plurk: "\f1c9";
214
+ $el-var-plurk-alt: "\f1c8";
215
+ $el-var-plus: "\f1cb";
216
+ $el-var-plus-sign: "\f1ca";
217
+ $el-var-podcast: "\f1cc";
218
+ $el-var-print: "\f1cd";
219
+ $el-var-puzzle: "\f1ce";
220
+ $el-var-qrcode: "\f1cf";
221
+ $el-var-question: "\f1d1";
222
+ $el-var-question-sign: "\f1d0";
223
+ $el-var-quote-alt: "\f1d2";
224
+ $el-var-quote-right: "\f1d4";
225
+ $el-var-quote-right-alt: "\f1d3";
226
+ $el-var-quotes: "\f1d5";
227
+ $el-var-random: "\f1d6";
228
+ $el-var-record: "\f1d7";
229
+ $el-var-reddit: "\f1d8";
230
+ $el-var-redux: "\f1d9";
231
+ $el-var-refresh: "\f1da";
232
+ $el-var-remove: "\f1dd";
233
+ $el-var-remove-circle: "\f1db";
234
+ $el-var-remove-sign: "\f1dc";
235
+ $el-var-repeat: "\f1df";
236
+ $el-var-repeat-alt: "\f1de";
237
+ $el-var-resize-full: "\f1e0";
238
+ $el-var-resize-horizontal: "\f1e1";
239
+ $el-var-resize-small: "\f1e2";
240
+ $el-var-resize-vertical: "\f1e3";
241
+ $el-var-return-key: "\f1e4";
242
+ $el-var-retweet: "\f1e5";
243
+ $el-var-reverse-alt: "\f1e6";
244
+ $el-var-road: "\f1e7";
245
+ $el-var-rss: "\f1e8";
246
+ $el-var-scissors: "\f1e9";
247
+ $el-var-screen: "\f1eb";
248
+ $el-var-screen-alt: "\f1ea";
249
+ $el-var-screenshot: "\f1ec";
250
+ $el-var-search: "\f1ee";
251
+ $el-var-search-alt: "\f1ed";
252
+ $el-var-share: "\f1f0";
253
+ $el-var-share-alt: "\f1ef";
254
+ $el-var-shopping-cart: "\f1f2";
255
+ $el-var-shopping-cart-sign: "\f1f1";
256
+ $el-var-signal: "\f1f3";
257
+ $el-var-skype: "\f1f4";
258
+ $el-var-slideshare: "\f1f5";
259
+ $el-var-smiley: "\f1f7";
260
+ $el-var-smiley-alt: "\f1f6";
261
+ $el-var-soundcloud: "\f1f8";
262
+ $el-var-speaker: "\f1f9";
263
+ $el-var-spotify: "\f1fa";
264
+ $el-var-stackoverflow: "\f1fb";
265
+ $el-var-star: "\f1fe";
266
+ $el-var-star-alt: "\f1fc";
267
+ $el-var-star-empty: "\f1fd";
268
+ $el-var-step-backward: "\f1ff";
269
+ $el-var-step-forward: "\f200";
270
+ $el-var-stop: "\f202";
271
+ $el-var-stop-alt: "\f201";
272
+ $el-var-stumbleupon: "\f203";
273
+ $el-var-tag: "\f204";
274
+ $el-var-tags: "\f205";
275
+ $el-var-tasks: "\f206";
276
+ $el-var-text-height: "\f207";
277
+ $el-var-text-width: "\f208";
278
+ $el-var-th: "\f20b";
279
+ $el-var-th-large: "\f209";
280
+ $el-var-th-list: "\f20a";
281
+ $el-var-thumbs-down: "\f20c";
282
+ $el-var-thumbs-up: "\f20d";
283
+ $el-var-time: "\f20f";
284
+ $el-var-time-alt: "\f20e";
285
+ $el-var-tint: "\f210";
286
+ $el-var-torso: "\f211";
287
+ $el-var-trash: "\f213";
288
+ $el-var-trash-alt: "\f212";
289
+ $el-var-tumblr: "\f214";
290
+ $el-var-twitter: "\f215";
291
+ $el-var-universal-access: "\f216";
292
+ $el-var-unlock: "\f218";
293
+ $el-var-unlock-alt: "\f217";
294
+ $el-var-upload: "\f219";
295
+ $el-var-usd: "\f21a";
296
+ $el-var-user: "\f21b";
297
+ $el-var-viadeo: "\f21c";
298
+ $el-var-video: "\f21f";
299
+ $el-var-video-alt: "\f21d";
300
+ $el-var-video-chat: "\f21e";
301
+ $el-var-view-mode: "\f220";
302
+ $el-var-vimeo: "\f221";
303
+ $el-var-vkontakte: "\f222";
304
+ $el-var-volume-down: "\f223";
305
+ $el-var-volume-off: "\f224";
306
+ $el-var-volume-up: "\f225";
307
+ $el-var-w3c: "\f226";
308
+ $el-var-warning-sign: "\f227";
309
+ $el-var-website: "\f229";
310
+ $el-var-website-alt: "\f228";
311
+ $el-var-wheelchair: "\f22a";
312
+ $el-var-wordpress: "\f22b";
313
+ $el-var-wrench: "\f22d";
314
+ $el-var-wrench-alt: "\f22c";
315
+ $el-var-youtube: "\f22e";
316
+ $el-var-zoom-in: "\f22f";
317
+ $el-var-zoom-out: "\f230";
@@ -0,0 +1,27 @@
1
+ # coding: utf-8
2
+ lib = File.expand_path('../lib', __FILE__)
3
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
+
5
+ require 'elusive_icons/sass/version'
6
+
7
+ Gem::Specification.new do |spec|
8
+ spec.name = "elusive-icons-sass"
9
+ spec.version = ElusiveIcons::Sass::VERSION
10
+ spec.authors = ["Nícolas Lazarte Kaqui"]
11
+ spec.email = ["nicolaslazartekaqui@gmail.com"]
12
+ spec.description = %q{Elusive Icons SASS gem for use in Rails projects.}
13
+ spec.summary = %q{Elusive Icons SASS}
14
+ spec.homepage = "http://elusiveicons.com/"
15
+ spec.license = "MIT"
16
+ spec.files = `git ls-files -z`.split("\x0")
17
+ spec.executables = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
18
+ spec.test_files = spec.files.grep(%r{^(test|spec|features)/})
19
+ spec.require_paths = ["lib"]
20
+
21
+ spec.add_runtime_dependency 'sass', '>= 3.2'
22
+
23
+ spec.add_development_dependency "bundler", "~> 1.6"
24
+ spec.add_development_dependency "rake"
25
+ spec.add_development_dependency 'sass-rails'
26
+ spec.add_development_dependency 'compass'
27
+ end
@@ -0,0 +1,78 @@
1
+ module ElusiveIcons
2
+ module Sass
3
+ class << self
4
+ def load!
5
+ register_compass_extension if compass?
6
+
7
+ if rails?
8
+ register_rails_engine
9
+ elsif sprockets?
10
+ register_sprockets
11
+ end
12
+
13
+ configure_sass
14
+ end
15
+
16
+ # Paths
17
+ def gem_path
18
+ @gem_path ||= File.expand_path('..', File.dirname(__FILE__))
19
+ end
20
+
21
+ def stylesheets_path
22
+ File.join(assets_path, 'stylesheets')
23
+ end
24
+
25
+ def fonts_path
26
+ File.join(assets_path, 'fonts')
27
+ end
28
+
29
+ def assets_path
30
+ @assets_path ||= File.join(gem_path, 'assets')
31
+ end
32
+
33
+ def sprockets?
34
+ defined?(::Sprockets)
35
+ end
36
+
37
+ def compass?
38
+ defined?(::Compass::Frameworks)
39
+ end
40
+
41
+ def rails?
42
+ defined?(::Rails)
43
+ end
44
+
45
+ private
46
+
47
+ def configure_sass
48
+ require 'sass'
49
+
50
+ ::Sass.load_paths << stylesheets_path
51
+ end
52
+
53
+ def register_compass_extension
54
+ require 'font_awesome/sass/version'
55
+
56
+ ::Compass::Frameworks.register(
57
+ 'elusive-icons',
58
+ :version => ElusiveIcons::Sass::VERSION,
59
+ :path => gem_path,
60
+ :stylesheets_directory => stylesheets_path,
61
+ :templates_directory => File.join(gem_path, 'templates')
62
+ )
63
+ end
64
+
65
+ def register_rails_engine
66
+ require 'sass-rails'
67
+ require 'elusive_icons/sass/rails/engine'
68
+ end
69
+
70
+ def register_sprockets
71
+ Sprockets.append_path(stylesheets_path)
72
+ Sprockets.append_path(fonts_path)
73
+ end
74
+ end
75
+ end
76
+ end
77
+
78
+ ElusiveIcons::Sass.load!