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,5 @@
1
+ @function el-font-path($path) {
2
+ @return font-path($path);
3
+ }
4
+
5
+ $el-sass-asset-helper: true;
@@ -0,0 +1,17 @@
1
+ /*!
2
+ * Elusive Icons 2.0.0 by @ReduxFramework - http://elusiveicons.com - @reduxframework
3
+ * License - http://elusiveicons.com/license (Font: SIL OFL 1.1, CSS: MIT License)
4
+ */
5
+
6
+ @import "elusive-icons/variables";
7
+ @import "elusive-icons/mixins";
8
+ @import "elusive-icons/path";
9
+ @import "elusive-icons/core";
10
+ @import "elusive-icons/larger";
11
+ @import "elusive-icons/fixed-width";
12
+ @import "elusive-icons/list";
13
+ @import "elusive-icons/bordered-pulled";
14
+ @import "elusive-icons/animated";
15
+ @import "elusive-icons/rotated-flipped";
16
+ @import "elusive-icons/stacked";
17
+ @import "elusive-icons/icons";
@@ -0,0 +1,34 @@
1
+ // Spinning Icons
2
+ // --------------------------
3
+
4
+ .#{$el-css-prefix}-spin {
5
+ -webkit-animation: el-spin 2s infinite linear;
6
+ animation: el-spin 2s infinite linear;
7
+ }
8
+
9
+ .#{$el-css-prefix}-pulse {
10
+ -webkit-animation: el-spin 1s infinite steps(8);
11
+ animation: el-spin 1s infinite steps(8);
12
+ }
13
+
14
+ @-webkit-keyframes el-spin {
15
+ 0% {
16
+ -webkit-transform: rotate(0deg);
17
+ transform: rotate(0deg);
18
+ }
19
+ 100% {
20
+ -webkit-transform: rotate(359deg);
21
+ transform: rotate(359deg);
22
+ }
23
+ }
24
+
25
+ @keyframes el-spin {
26
+ 0% {
27
+ -webkit-transform: rotate(0deg);
28
+ transform: rotate(0deg);
29
+ }
30
+ 100% {
31
+ -webkit-transform: rotate(359deg);
32
+ transform: rotate(359deg);
33
+ }
34
+ }
@@ -0,0 +1,16 @@
1
+ // Bordered & Pulled
2
+ // -------------------------
3
+
4
+ .#{$el-css-prefix}-border {
5
+ padding: .2em .25em .15em;
6
+ border: solid .08em $el-border-color;
7
+ border-radius: .1em;
8
+ }
9
+
10
+ .pull-right { float: right; }
11
+ .pull-left { float: left; }
12
+
13
+ .#{$el-css-prefix} {
14
+ &.pull-left { margin-right: .3em; }
15
+ &.pull-right { margin-left: .3em; }
16
+ }
@@ -0,0 +1,13 @@
1
+ // Base Class Definition
2
+ // -------------------------
3
+
4
+ .#{$el-css-prefix} {
5
+ display: inline-block;
6
+ font: normal normal normal #{$el-font-size-base}/1 'Elusive-Icons'; // shortening font declaration
7
+ font-size: inherit; // can't have font-size inherit on line above, so need to override
8
+ text-rendering: auto; // optimizelegibility throws things off #1094
9
+ -webkit-font-smoothing: antialiased;
10
+ -moz-osx-font-smoothing: grayscale;
11
+ transform: translate(0, 0); // ensures no half-pixel rendering in firefox
12
+
13
+ }
@@ -0,0 +1,6 @@
1
+ // Fixed Width Icons
2
+ // -------------------------
3
+ .#{$el-css-prefix}-fw {
4
+ width: (18em / 14);
5
+ text-align: center;
6
+ }
@@ -0,0 +1,307 @@
1
+ /* Elusive Icons uses the Unicode Private Use Area (PUA) to ensure screen
2
+ readers do not read off random characters that represent icons */
3
+
4
+ .#{$el-css-prefix}-address-book-alt:before { content: $el-var-address-book-alt; }
5
+ .#{$el-css-prefix}-address-book:before { content: $el-var-address-book; }
6
+ .#{$el-css-prefix}-adjust-alt:before { content: $el-var-adjust-alt; }
7
+ .#{$el-css-prefix}-adjust:before { content: $el-var-adjust; }
8
+ .#{$el-css-prefix}-adult:before { content: $el-var-adult; }
9
+ .#{$el-css-prefix}-align-center:before { content: $el-var-align-center; }
10
+ .#{$el-css-prefix}-align-justify:before { content: $el-var-align-justify; }
11
+ .#{$el-css-prefix}-align-left:before { content: $el-var-align-left; }
12
+ .#{$el-css-prefix}-align-right:before { content: $el-var-align-right; }
13
+ .#{$el-css-prefix}-arrow-down:before { content: $el-var-arrow-down; }
14
+ .#{$el-css-prefix}-arrow-left:before { content: $el-var-arrow-left; }
15
+ .#{$el-css-prefix}-arrow-right:before { content: $el-var-arrow-right; }
16
+ .#{$el-css-prefix}-arrow-up:before { content: $el-var-arrow-up; }
17
+ .#{$el-css-prefix}-asl:before { content: $el-var-asl; }
18
+ .#{$el-css-prefix}-asterisk:before { content: $el-var-asterisk; }
19
+ .#{$el-css-prefix}-backward:before { content: $el-var-backward; }
20
+ .#{$el-css-prefix}-ban-circle:before { content: $el-var-ban-circle; }
21
+ .#{$el-css-prefix}-barcode:before { content: $el-var-barcode; }
22
+ .#{$el-css-prefix}-behance:before { content: $el-var-behance; }
23
+ .#{$el-css-prefix}-bell:before { content: $el-var-bell; }
24
+ .#{$el-css-prefix}-blind:before { content: $el-var-blind; }
25
+ .#{$el-css-prefix}-blogger:before { content: $el-var-blogger; }
26
+ .#{$el-css-prefix}-bold:before { content: $el-var-bold; }
27
+ .#{$el-css-prefix}-book:before { content: $el-var-book; }
28
+ .#{$el-css-prefix}-bookmark-empty:before { content: $el-var-bookmark-empty; }
29
+ .#{$el-css-prefix}-bookmark:before { content: $el-var-bookmark; }
30
+ .#{$el-css-prefix}-braille:before { content: $el-var-braille; }
31
+ .#{$el-css-prefix}-briefcase:before { content: $el-var-briefcase; }
32
+ .#{$el-css-prefix}-broom:before { content: $el-var-broom; }
33
+ .#{$el-css-prefix}-brush:before { content: $el-var-brush; }
34
+ .#{$el-css-prefix}-bulb:before { content: $el-var-bulb; }
35
+ .#{$el-css-prefix}-bullhorn:before { content: $el-var-bullhorn; }
36
+ .#{$el-css-prefix}-calendar-sign:before { content: $el-var-calendar-sign; }
37
+ .#{$el-css-prefix}-calendar:before { content: $el-var-calendar; }
38
+ .#{$el-css-prefix}-camera:before { content: $el-var-camera; }
39
+ .#{$el-css-prefix}-car:before { content: $el-var-car; }
40
+ .#{$el-css-prefix}-caret-down:before { content: $el-var-caret-down; }
41
+ .#{$el-css-prefix}-caret-left:before { content: $el-var-caret-left; }
42
+ .#{$el-css-prefix}-caret-right:before { content: $el-var-caret-right; }
43
+ .#{$el-css-prefix}-caret-up:before { content: $el-var-caret-up; }
44
+ .#{$el-css-prefix}-cc:before { content: $el-var-cc; }
45
+ .#{$el-css-prefix}-certificate:before { content: $el-var-certificate; }
46
+ .#{$el-css-prefix}-check-empty:before { content: $el-var-check-empty; }
47
+ .#{$el-css-prefix}-check:before { content: $el-var-check; }
48
+ .#{$el-css-prefix}-chevron-down:before { content: $el-var-chevron-down; }
49
+ .#{$el-css-prefix}-chevron-left:before { content: $el-var-chevron-left; }
50
+ .#{$el-css-prefix}-chevron-right:before { content: $el-var-chevron-right; }
51
+ .#{$el-css-prefix}-chevron-up:before { content: $el-var-chevron-up; }
52
+ .#{$el-css-prefix}-child:before { content: $el-var-child; }
53
+ .#{$el-css-prefix}-circle-arrow-down:before { content: $el-var-circle-arrow-down; }
54
+ .#{$el-css-prefix}-circle-arrow-left:before { content: $el-var-circle-arrow-left; }
55
+ .#{$el-css-prefix}-circle-arrow-right:before { content: $el-var-circle-arrow-right; }
56
+ .#{$el-css-prefix}-circle-arrow-up:before { content: $el-var-circle-arrow-up; }
57
+ .#{$el-css-prefix}-cloud-alt:before { content: $el-var-cloud-alt; }
58
+ .#{$el-css-prefix}-cloud:before { content: $el-var-cloud; }
59
+ .#{$el-css-prefix}-cog-alt:before { content: $el-var-cog-alt; }
60
+ .#{$el-css-prefix}-cog:before { content: $el-var-cog; }
61
+ .#{$el-css-prefix}-cogs:before { content: $el-var-cogs; }
62
+ .#{$el-css-prefix}-comment-alt:before { content: $el-var-comment-alt; }
63
+ .#{$el-css-prefix}-comment:before { content: $el-var-comment; }
64
+ .#{$el-css-prefix}-compass-alt:before { content: $el-var-compass-alt; }
65
+ .#{$el-css-prefix}-compass:before { content: $el-var-compass; }
66
+ .#{$el-css-prefix}-credit-card:before { content: $el-var-credit-card; }
67
+ .#{$el-css-prefix}-css:before { content: $el-var-css; }
68
+ .#{$el-css-prefix}-dashboard:before { content: $el-var-dashboard; }
69
+ .#{$el-css-prefix}-delicious:before { content: $el-var-delicious; }
70
+ .#{$el-css-prefix}-deviantart:before { content: $el-var-deviantart; }
71
+ .#{$el-css-prefix}-digg:before { content: $el-var-digg; }
72
+ .#{$el-css-prefix}-download-alt:before { content: $el-var-download-alt; }
73
+ .#{$el-css-prefix}-download:before { content: $el-var-download; }
74
+ .#{$el-css-prefix}-dribbble:before { content: $el-var-dribbble; }
75
+ .#{$el-css-prefix}-edit:before { content: $el-var-edit; }
76
+ .#{$el-css-prefix}-eject:before { content: $el-var-eject; }
77
+ .#{$el-css-prefix}-envelope-alt:before { content: $el-var-envelope-alt; }
78
+ .#{$el-css-prefix}-envelope:before { content: $el-var-envelope; }
79
+ .#{$el-css-prefix}-error-alt:before { content: $el-var-error-alt; }
80
+ .#{$el-css-prefix}-error:before { content: $el-var-error; }
81
+ .#{$el-css-prefix}-eur:before { content: $el-var-eur; }
82
+ .#{$el-css-prefix}-exclamation-sign:before { content: $el-var-exclamation-sign; }
83
+ .#{$el-css-prefix}-eye-close:before { content: $el-var-eye-close; }
84
+ .#{$el-css-prefix}-eye-open:before { content: $el-var-eye-open; }
85
+ .#{$el-css-prefix}-facebook:before { content: $el-var-facebook; }
86
+ .#{$el-css-prefix}-facetime-video:before { content: $el-var-facetime-video; }
87
+ .#{$el-css-prefix}-fast-backward:before { content: $el-var-fast-backward; }
88
+ .#{$el-css-prefix}-fast-forward:before { content: $el-var-fast-forward; }
89
+ .#{$el-css-prefix}-female:before { content: $el-var-female; }
90
+ .#{$el-css-prefix}-file-alt:before { content: $el-var-file-alt; }
91
+ .#{$el-css-prefix}-file-edit-alt:before { content: $el-var-file-edit-alt; }
92
+ .#{$el-css-prefix}-file-edit:before { content: $el-var-file-edit; }
93
+ .#{$el-css-prefix}-file-new-alt:before { content: $el-var-file-new-alt; }
94
+ .#{$el-css-prefix}-file-new:before { content: $el-var-file-new; }
95
+ .#{$el-css-prefix}-file:before { content: $el-var-file; }
96
+ .#{$el-css-prefix}-film:before { content: $el-var-film; }
97
+ .#{$el-css-prefix}-filter:before { content: $el-var-filter; }
98
+ .#{$el-css-prefix}-fire:before { content: $el-var-fire; }
99
+ .#{$el-css-prefix}-flag-alt:before { content: $el-var-flag-alt; }
100
+ .#{$el-css-prefix}-flag:before { content: $el-var-flag; }
101
+ .#{$el-css-prefix}-flickr:before { content: $el-var-flickr; }
102
+ .#{$el-css-prefix}-folder-close:before { content: $el-var-folder-close; }
103
+ .#{$el-css-prefix}-folder-open:before { content: $el-var-folder-open; }
104
+ .#{$el-css-prefix}-folder-sign:before { content: $el-var-folder-sign; }
105
+ .#{$el-css-prefix}-folder:before { content: $el-var-folder; }
106
+ .#{$el-css-prefix}-font:before { content: $el-var-font; }
107
+ .#{$el-css-prefix}-fontsize:before { content: $el-var-fontsize; }
108
+ .#{$el-css-prefix}-fork:before { content: $el-var-fork; }
109
+ .#{$el-css-prefix}-forward-alt:before { content: $el-var-forward-alt; }
110
+ .#{$el-css-prefix}-forward:before { content: $el-var-forward; }
111
+ .#{$el-css-prefix}-foursquare:before { content: $el-var-foursquare; }
112
+ .#{$el-css-prefix}-friendfeed-rect:before { content: $el-var-friendfeed-rect; }
113
+ .#{$el-css-prefix}-friendfeed:before { content: $el-var-friendfeed; }
114
+ .#{$el-css-prefix}-fullscreen:before { content: $el-var-fullscreen; }
115
+ .#{$el-css-prefix}-gbp:before { content: $el-var-gbp; }
116
+ .#{$el-css-prefix}-gift:before { content: $el-var-gift; }
117
+ .#{$el-css-prefix}-github-text:before { content: $el-var-github-text; }
118
+ .#{$el-css-prefix}-github:before { content: $el-var-github; }
119
+ .#{$el-css-prefix}-glass:before { content: $el-var-glass; }
120
+ .#{$el-css-prefix}-glasses:before { content: $el-var-glasses; }
121
+ .#{$el-css-prefix}-globe-alt:before { content: $el-var-globe-alt; }
122
+ .#{$el-css-prefix}-globe:before { content: $el-var-globe; }
123
+ .#{$el-css-prefix}-googleplus:before { content: $el-var-googleplus; }
124
+ .#{$el-css-prefix}-graph-alt:before { content: $el-var-graph-alt; }
125
+ .#{$el-css-prefix}-graph:before { content: $el-var-graph; }
126
+ .#{$el-css-prefix}-group-alt:before { content: $el-var-group-alt; }
127
+ .#{$el-css-prefix}-group:before { content: $el-var-group; }
128
+ .#{$el-css-prefix}-guidedog:before { content: $el-var-guidedog; }
129
+ .#{$el-css-prefix}-hand-down:before { content: $el-var-hand-down; }
130
+ .#{$el-css-prefix}-hand-left:before { content: $el-var-hand-left; }
131
+ .#{$el-css-prefix}-hand-right:before { content: $el-var-hand-right; }
132
+ .#{$el-css-prefix}-hand-up:before { content: $el-var-hand-up; }
133
+ .#{$el-css-prefix}-hdd:before { content: $el-var-hdd; }
134
+ .#{$el-css-prefix}-headphones:before { content: $el-var-headphones; }
135
+ .#{$el-css-prefix}-hearing-impaired:before { content: $el-var-hearing-impaired; }
136
+ .#{$el-css-prefix}-heart-alt:before { content: $el-var-heart-alt; }
137
+ .#{$el-css-prefix}-heart-empty:before { content: $el-var-heart-empty; }
138
+ .#{$el-css-prefix}-heart:before { content: $el-var-heart; }
139
+ .#{$el-css-prefix}-home-alt:before { content: $el-var-home-alt; }
140
+ .#{$el-css-prefix}-home:before { content: $el-var-home; }
141
+ .#{$el-css-prefix}-hourglass:before { content: $el-var-hourglass; }
142
+ .#{$el-css-prefix}-idea-alt:before { content: $el-var-idea-alt; }
143
+ .#{$el-css-prefix}-idea:before { content: $el-var-idea; }
144
+ .#{$el-css-prefix}-inbox-alt:before { content: $el-var-inbox-alt; }
145
+ .#{$el-css-prefix}-inbox-box:before { content: $el-var-inbox-box; }
146
+ .#{$el-css-prefix}-inbox:before { content: $el-var-inbox; }
147
+ .#{$el-css-prefix}-indent-left:before { content: $el-var-indent-left; }
148
+ .#{$el-css-prefix}-indent-right:before { content: $el-var-indent-right; }
149
+ .#{$el-css-prefix}-info-circle:before { content: $el-var-info-circle; }
150
+ .#{$el-css-prefix}-instagram:before { content: $el-var-instagram; }
151
+ .#{$el-css-prefix}-iphone-home:before { content: $el-var-iphone-home; }
152
+ .#{$el-css-prefix}-italic:before { content: $el-var-italic; }
153
+ .#{$el-css-prefix}-key:before { content: $el-var-key; }
154
+ .#{$el-css-prefix}-laptop-alt:before { content: $el-var-laptop-alt; }
155
+ .#{$el-css-prefix}-laptop:before { content: $el-var-laptop; }
156
+ .#{$el-css-prefix}-lastfm:before { content: $el-var-lastfm; }
157
+ .#{$el-css-prefix}-leaf:before { content: $el-var-leaf; }
158
+ .#{$el-css-prefix}-lines:before { content: $el-var-lines; }
159
+ .#{$el-css-prefix}-link:before { content: $el-var-link; }
160
+ .#{$el-css-prefix}-linkedin:before { content: $el-var-linkedin; }
161
+ .#{$el-css-prefix}-list-alt:before { content: $el-var-list-alt; }
162
+ .#{$el-css-prefix}-list:before { content: $el-var-list; }
163
+ .#{$el-css-prefix}-livejournal:before { content: $el-var-livejournal; }
164
+ .#{$el-css-prefix}-lock-alt:before { content: $el-var-lock-alt; }
165
+ .#{$el-css-prefix}-lock:before { content: $el-var-lock; }
166
+ .#{$el-css-prefix}-magic:before { content: $el-var-magic; }
167
+ .#{$el-css-prefix}-magnet:before { content: $el-var-magnet; }
168
+ .#{$el-css-prefix}-male:before { content: $el-var-male; }
169
+ .#{$el-css-prefix}-map-marker-alt:before { content: $el-var-map-marker-alt; }
170
+ .#{$el-css-prefix}-map-marker:before { content: $el-var-map-marker; }
171
+ .#{$el-css-prefix}-mic-alt:before { content: $el-var-mic-alt; }
172
+ .#{$el-css-prefix}-mic:before { content: $el-var-mic; }
173
+ .#{$el-css-prefix}-minus-sign:before { content: $el-var-minus-sign; }
174
+ .#{$el-css-prefix}-minus:before { content: $el-var-minus; }
175
+ .#{$el-css-prefix}-move:before { content: $el-var-move; }
176
+ .#{$el-css-prefix}-music:before { content: $el-var-music; }
177
+ .#{$el-css-prefix}-myspace:before { content: $el-var-myspace; }
178
+ .#{$el-css-prefix}-network:before { content: $el-var-network; }
179
+ .#{$el-css-prefix}-off:before { content: $el-var-off; }
180
+ .#{$el-css-prefix}-ok-circle:before { content: $el-var-ok-circle; }
181
+ .#{$el-css-prefix}-ok-sign:before { content: $el-var-ok-sign; }
182
+ .#{$el-css-prefix}-ok:before { content: $el-var-ok; }
183
+ .#{$el-css-prefix}-opensource:before { content: $el-var-opensource; }
184
+ .#{$el-css-prefix}-paper-clip-alt:before { content: $el-var-paper-clip-alt; }
185
+ .#{$el-css-prefix}-paper-clip:before { content: $el-var-paper-clip; }
186
+ .#{$el-css-prefix}-path:before { content: $el-var-path; }
187
+ .#{$el-css-prefix}-pause-alt:before { content: $el-var-pause-alt; }
188
+ .#{$el-css-prefix}-pause:before { content: $el-var-pause; }
189
+ .#{$el-css-prefix}-pencil-alt:before { content: $el-var-pencil-alt; }
190
+ .#{$el-css-prefix}-pencil:before { content: $el-var-pencil; }
191
+ .#{$el-css-prefix}-person:before { content: $el-var-person; }
192
+ .#{$el-css-prefix}-phone-alt:before { content: $el-var-phone-alt; }
193
+ .#{$el-css-prefix}-phone:before { content: $el-var-phone; }
194
+ .#{$el-css-prefix}-photo-alt:before { content: $el-var-photo-alt; }
195
+ .#{$el-css-prefix}-photo:before { content: $el-var-photo; }
196
+ .#{$el-css-prefix}-picasa:before { content: $el-var-picasa; }
197
+ .#{$el-css-prefix}-picture:before { content: $el-var-picture; }
198
+ .#{$el-css-prefix}-pinterest:before { content: $el-var-pinterest; }
199
+ .#{$el-css-prefix}-plane:before { content: $el-var-plane; }
200
+ .#{$el-css-prefix}-play-alt:before { content: $el-var-play-alt; }
201
+ .#{$el-css-prefix}-play-circle:before { content: $el-var-play-circle; }
202
+ .#{$el-css-prefix}-play:before { content: $el-var-play; }
203
+ .#{$el-css-prefix}-plurk-alt:before { content: $el-var-plurk-alt; }
204
+ .#{$el-css-prefix}-plurk:before { content: $el-var-plurk; }
205
+ .#{$el-css-prefix}-plus-sign:before { content: $el-var-plus-sign; }
206
+ .#{$el-css-prefix}-plus:before { content: $el-var-plus; }
207
+ .#{$el-css-prefix}-podcast:before { content: $el-var-podcast; }
208
+ .#{$el-css-prefix}-print:before { content: $el-var-print; }
209
+ .#{$el-css-prefix}-puzzle:before { content: $el-var-puzzle; }
210
+ .#{$el-css-prefix}-qrcode:before { content: $el-var-qrcode; }
211
+ .#{$el-css-prefix}-question-sign:before { content: $el-var-question-sign; }
212
+ .#{$el-css-prefix}-question:before { content: $el-var-question; }
213
+ .#{$el-css-prefix}-quote-alt:before { content: $el-var-quote-alt; }
214
+ .#{$el-css-prefix}-quote-right-alt:before { content: $el-var-quote-right-alt; }
215
+ .#{$el-css-prefix}-quote-right:before { content: $el-var-quote-right; }
216
+ .#{$el-css-prefix}-quotes:before { content: $el-var-quotes; }
217
+ .#{$el-css-prefix}-random:before { content: $el-var-random; }
218
+ .#{$el-css-prefix}-record:before { content: $el-var-record; }
219
+ .#{$el-css-prefix}-reddit:before { content: $el-var-reddit; }
220
+ .#{$el-css-prefix}-redux:before { content: $el-var-redux; }
221
+ .#{$el-css-prefix}-refresh:before { content: $el-var-refresh; }
222
+ .#{$el-css-prefix}-remove-circle:before { content: $el-var-remove-circle; }
223
+ .#{$el-css-prefix}-remove-sign:before { content: $el-var-remove-sign; }
224
+ .#{$el-css-prefix}-remove:before { content: $el-var-remove; }
225
+ .#{$el-css-prefix}-repeat-alt:before { content: $el-var-repeat-alt; }
226
+ .#{$el-css-prefix}-repeat:before { content: $el-var-repeat; }
227
+ .#{$el-css-prefix}-resize-full:before { content: $el-var-resize-full; }
228
+ .#{$el-css-prefix}-resize-horizontal:before { content: $el-var-resize-horizontal; }
229
+ .#{$el-css-prefix}-resize-small:before { content: $el-var-resize-small; }
230
+ .#{$el-css-prefix}-resize-vertical:before { content: $el-var-resize-vertical; }
231
+ .#{$el-css-prefix}-return-key:before { content: $el-var-return-key; }
232
+ .#{$el-css-prefix}-retweet:before { content: $el-var-retweet; }
233
+ .#{$el-css-prefix}-reverse-alt:before { content: $el-var-reverse-alt; }
234
+ .#{$el-css-prefix}-road:before { content: $el-var-road; }
235
+ .#{$el-css-prefix}-rss:before { content: $el-var-rss; }
236
+ .#{$el-css-prefix}-scissors:before { content: $el-var-scissors; }
237
+ .#{$el-css-prefix}-screen-alt:before { content: $el-var-screen-alt; }
238
+ .#{$el-css-prefix}-screen:before { content: $el-var-screen; }
239
+ .#{$el-css-prefix}-screenshot:before { content: $el-var-screenshot; }
240
+ .#{$el-css-prefix}-search-alt:before { content: $el-var-search-alt; }
241
+ .#{$el-css-prefix}-search:before { content: $el-var-search; }
242
+ .#{$el-css-prefix}-share-alt:before { content: $el-var-share-alt; }
243
+ .#{$el-css-prefix}-share:before { content: $el-var-share; }
244
+ .#{$el-css-prefix}-shopping-cart-sign:before { content: $el-var-shopping-cart-sign; }
245
+ .#{$el-css-prefix}-shopping-cart:before { content: $el-var-shopping-cart; }
246
+ .#{$el-css-prefix}-signal:before { content: $el-var-signal; }
247
+ .#{$el-css-prefix}-skype:before { content: $el-var-skype; }
248
+ .#{$el-css-prefix}-slideshare:before { content: $el-var-slideshare; }
249
+ .#{$el-css-prefix}-smiley-alt:before { content: $el-var-smiley-alt; }
250
+ .#{$el-css-prefix}-smiley:before { content: $el-var-smiley; }
251
+ .#{$el-css-prefix}-soundcloud:before { content: $el-var-soundcloud; }
252
+ .#{$el-css-prefix}-speaker:before { content: $el-var-speaker; }
253
+ .#{$el-css-prefix}-spotify:before { content: $el-var-spotify; }
254
+ .#{$el-css-prefix}-stackoverflow:before { content: $el-var-stackoverflow; }
255
+ .#{$el-css-prefix}-star-alt:before { content: $el-var-star-alt; }
256
+ .#{$el-css-prefix}-star-empty:before { content: $el-var-star-empty; }
257
+ .#{$el-css-prefix}-star:before { content: $el-var-star; }
258
+ .#{$el-css-prefix}-step-backward:before { content: $el-var-step-backward; }
259
+ .#{$el-css-prefix}-step-forward:before { content: $el-var-step-forward; }
260
+ .#{$el-css-prefix}-stop-alt:before { content: $el-var-stop-alt; }
261
+ .#{$el-css-prefix}-stop:before { content: $el-var-stop; }
262
+ .#{$el-css-prefix}-stumbleupon:before { content: $el-var-stumbleupon; }
263
+ .#{$el-css-prefix}-tag:before { content: $el-var-tag; }
264
+ .#{$el-css-prefix}-tags:before { content: $el-var-tags; }
265
+ .#{$el-css-prefix}-tasks:before { content: $el-var-tasks; }
266
+ .#{$el-css-prefix}-text-height:before { content: $el-var-text-height; }
267
+ .#{$el-css-prefix}-text-width:before { content: $el-var-text-width; }
268
+ .#{$el-css-prefix}-th-large:before { content: $el-var-th-large; }
269
+ .#{$el-css-prefix}-th-list:before { content: $el-var-th-list; }
270
+ .#{$el-css-prefix}-th:before { content: $el-var-th; }
271
+ .#{$el-css-prefix}-thumbs-down:before { content: $el-var-thumbs-down; }
272
+ .#{$el-css-prefix}-thumbs-up:before { content: $el-var-thumbs-up; }
273
+ .#{$el-css-prefix}-time-alt:before { content: $el-var-time-alt; }
274
+ .#{$el-css-prefix}-time:before { content: $el-var-time; }
275
+ .#{$el-css-prefix}-tint:before { content: $el-var-tint; }
276
+ .#{$el-css-prefix}-torso:before { content: $el-var-torso; }
277
+ .#{$el-css-prefix}-trash-alt:before { content: $el-var-trash-alt; }
278
+ .#{$el-css-prefix}-trash:before { content: $el-var-trash; }
279
+ .#{$el-css-prefix}-tumblr:before { content: $el-var-tumblr; }
280
+ .#{$el-css-prefix}-twitter:before { content: $el-var-twitter; }
281
+ .#{$el-css-prefix}-universal-access:before { content: $el-var-universal-access; }
282
+ .#{$el-css-prefix}-unlock-alt:before { content: $el-var-unlock-alt; }
283
+ .#{$el-css-prefix}-unlock:before { content: $el-var-unlock; }
284
+ .#{$el-css-prefix}-upload:before { content: $el-var-upload; }
285
+ .#{$el-css-prefix}-usd:before { content: $el-var-usd; }
286
+ .#{$el-css-prefix}-user:before { content: $el-var-user; }
287
+ .#{$el-css-prefix}-viadeo:before { content: $el-var-viadeo; }
288
+ .#{$el-css-prefix}-video-alt:before { content: $el-var-video-alt; }
289
+ .#{$el-css-prefix}-video-chat:before { content: $el-var-video-chat; }
290
+ .#{$el-css-prefix}-video:before { content: $el-var-video; }
291
+ .#{$el-css-prefix}-view-mode:before { content: $el-var-view-mode; }
292
+ .#{$el-css-prefix}-vimeo:before { content: $el-var-vimeo; }
293
+ .#{$el-css-prefix}-vkontakte:before { content: $el-var-vkontakte; }
294
+ .#{$el-css-prefix}-volume-down:before { content: $el-var-volume-down; }
295
+ .#{$el-css-prefix}-volume-off:before { content: $el-var-volume-off; }
296
+ .#{$el-css-prefix}-volume-up:before { content: $el-var-volume-up; }
297
+ .#{$el-css-prefix}-w3c:before { content: $el-var-w3c; }
298
+ .#{$el-css-prefix}-warning-sign:before { content: $el-var-warning-sign; }
299
+ .#{$el-css-prefix}-website-alt:before { content: $el-var-website-alt; }
300
+ .#{$el-css-prefix}-website:before { content: $el-var-website; }
301
+ .#{$el-css-prefix}-wheelchair:before { content: $el-var-wheelchair; }
302
+ .#{$el-css-prefix}-wordpress:before { content: $el-var-wordpress; }
303
+ .#{$el-css-prefix}-wrench-alt:before { content: $el-var-wrench-alt; }
304
+ .#{$el-css-prefix}-wrench:before { content: $el-var-wrench; }
305
+ .#{$el-css-prefix}-youtube:before { content: $el-var-youtube; }
306
+ .#{$el-css-prefix}-zoom-in:before { content: $el-var-zoom-in; }
307
+ .#{$el-css-prefix}-zoom-out:before { content: $el-var-zoom-out; }
@@ -0,0 +1,13 @@
1
+ // Icon Sizes
2
+ // -------------------------
3
+
4
+ /* makes the font 33% larger relative to the icon container */
5
+ .#{$el-css-prefix}-lg {
6
+ font-size: (4em / 3);
7
+ line-height: (3em / 4);
8
+ vertical-align: -15%;
9
+ }
10
+ .#{$el-css-prefix}-2x { font-size: 2em; }
11
+ .#{$el-css-prefix}-3x { font-size: 3em; }
12
+ .#{$el-css-prefix}-4x { font-size: 4em; }
13
+ .#{$el-css-prefix}-5x { font-size: 5em; }
@@ -0,0 +1,19 @@
1
+ // List Icons
2
+ // -------------------------
3
+
4
+ .#{$el-css-prefix}-ul {
5
+ padding-left: 0;
6
+ margin-left: $el-li-width;
7
+ list-style-type: none;
8
+ > li { position: relative; }
9
+ }
10
+ .#{$el-css-prefix}-li {
11
+ position: absolute;
12
+ left: -$el-li-width;
13
+ width: $el-li-width;
14
+ top: (2em / 14);
15
+ text-align: center;
16
+ &.#{$el-css-prefix}-lg {
17
+ left: -$el-li-width + (4em / 14);
18
+ }
19
+ }
@@ -0,0 +1,27 @@
1
+ // Mixins
2
+ // --------------------------
3
+
4
+ @mixin el-icon() {
5
+ display: inline-block;
6
+ font: normal normal normal #{$el-font-size-base}/1 'Elusive-Icons'; // shortening font declaration
7
+ font-size: inherit; // can't have font-size inherit on line above, so need to override
8
+ text-rendering: auto; // optimizelegibility throws things off #1094
9
+ -webkit-font-smoothing: antialiased;
10
+ -moz-osx-font-smoothing: grayscale;
11
+ transform: translate(0, 0); // ensures no half-pixel rendering in firefox
12
+
13
+ }
14
+
15
+ @mixin el-icon-rotate($degrees, $rotation) {
16
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
17
+ -webkit-transform: rotate($degrees);
18
+ -ms-transform: rotate($degrees);
19
+ transform: rotate($degrees);
20
+ }
21
+
22
+ @mixin el-icon-flip($horiz, $vert, $rotation) {
23
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
24
+ -webkit-transform: scale($horiz, $vert);
25
+ -ms-transform: scale($horiz, $vert);
26
+ transform: scale($horiz, $vert);
27
+ }