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.
- checksums.yaml +7 -0
- data/.gitignore +22 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +22 -0
- data/README.md +29 -0
- data/Rakefile +1 -0
- data/assets/fonts/elusive-icons/elusiveicons-webfont.eot +0 -0
- data/assets/fonts/elusive-icons/elusiveicons-webfont.svg +931 -0
- data/assets/fonts/elusive-icons/elusiveicons-webfont.ttf +0 -0
- data/assets/fonts/elusive-icons/elusiveicons-webfont.woff +0 -0
- data/assets/stylesheets/_elusive-icons-sprockets.scss +5 -0
- data/assets/stylesheets/elusive-icons.scss +17 -0
- data/assets/stylesheets/elusive-icons/_animated.scss +34 -0
- data/assets/stylesheets/elusive-icons/_bordered-pulled.scss +16 -0
- data/assets/stylesheets/elusive-icons/_core.scss +13 -0
- data/assets/stylesheets/elusive-icons/_fixed-width.scss +6 -0
- data/assets/stylesheets/elusive-icons/_icons.scss +307 -0
- data/assets/stylesheets/elusive-icons/_larger.scss +13 -0
- data/assets/stylesheets/elusive-icons/_list.scss +19 -0
- data/assets/stylesheets/elusive-icons/_mixins.scss +27 -0
- data/assets/stylesheets/elusive-icons/_path.scss +13 -0
- data/assets/stylesheets/elusive-icons/_rotated-flipped.scss +20 -0
- data/assets/stylesheets/elusive-icons/_stacked.scss +20 -0
- data/assets/stylesheets/elusive-icons/_variables.scss +317 -0
- data/elusive-icons-sass.gemspec +27 -0
- data/lib/elusive-icons-sass.rb +78 -0
- data/lib/elusive_icons/sass/rails/engine.rb +15 -0
- data/lib/elusive_icons/sass/version.rb +5 -0
- metadata +141 -0
Binary file
|
Binary file
|
@@ -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,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
|
+
}
|