stipe 0.0.5.7.1 → 0.0.5.7.2
Sign up to get free protection for your applications and to get access to all the features.
- data/readme.md +11 -1
- data/stylesheets/stipe/toadstool/ui_patterns/_color_grid.scss +2 -2
- data/stylesheets/stipe/typography/web_fonts/_font_awesome.scss +1 -0
- data/stylesheets/stipe/typography/web_fonts/_font_awesome_pua.scss +270 -229
- data/stylesheets/stipe/typography/web_fonts/_zocial.scss +3 -1
- data/stylesheets/stipe/typography/web_fonts/_zocial_characters.scss +52 -52
- metadata +1 -1
data/readme.md
CHANGED
@@ -9,11 +9,21 @@ Stipe is the life blood of the Toadstool style guide framework. Consisting of a
|
|
9
9
|
##To use
|
10
10
|
To use the Stipe gem, using Bundler `gem 'stipe'`
|
11
11
|
|
12
|
-
Stipe is a Compass Extension, so Compass is
|
12
|
+
Stipe is a Compass Extension, so Compass is a dependency. You will need to include `require 'stipe'` in your config.rb file.
|
13
13
|
|
14
14
|
# Stipe Changelog
|
15
|
+
###0.0.5.8(roadmap)
|
16
|
+
`toadstool branch: 0_1_1 / stipe branch: 0_0_5_8`
|
17
|
+
* BUG FIX
|
18
|
+
* nth-child buttons: need to remove the left margin for mobile breakpoint
|
19
|
+
|
20
|
+
###0.0.5.7.2
|
21
|
+
* Commonly named color values (aquamarine, white, Crimson, etc) need to be put in `' '` when processed through Rails
|
22
|
+
|
15
23
|
###0.0.5.7.1
|
16
24
|
* Added `!optional` flag to Toadstool generated extended placeholder selectors to address backwards compatibility.
|
25
|
+
* If Sass still pukes on not finding the placeholders to extend, either the name was updated or simple add `!optional` to the end of the extend declaration.
|
26
|
+
* For the most part this would be restricted to `_buttons.scss` and `_forms.scss`
|
17
27
|
|
18
28
|
###0.0.5.7
|
19
29
|
* Over-hauled color palette CSS
|
@@ -55,7 +55,7 @@
|
|
55
55
|
top: em(-10);
|
56
56
|
}
|
57
57
|
p {
|
58
|
-
color: white;
|
58
|
+
color: $white;
|
59
59
|
left: 0;
|
60
60
|
margin: em(10) 0 em(10) em(10);
|
61
61
|
line-height: 1.5em;
|
@@ -165,7 +165,7 @@ echo_color_juliet;
|
|
165
165
|
// ----------------------------------------------
|
166
166
|
// Typography, borders, rules and shadows
|
167
167
|
$color_names:
|
168
|
-
white
|
168
|
+
'white'
|
169
169
|
primary_header_color
|
170
170
|
primary_text
|
171
171
|
secondary_text href_color
|
@@ -1,231 +1,272 @@
|
|
1
1
|
//* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
2
2
|
// readers do not read off random characters that represent icons */
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
%icon-glass
|
7
|
-
%icon-music
|
8
|
-
%icon-search
|
9
|
-
%icon-envelope
|
10
|
-
%icon-heart
|
11
|
-
%icon-star
|
12
|
-
%icon-star-empty
|
13
|
-
%icon-user
|
14
|
-
%icon-film
|
15
|
-
%icon-th-large
|
16
|
-
%icon-th
|
17
|
-
%icon-th-list
|
18
|
-
%icon-ok
|
19
|
-
%icon-remove
|
20
|
-
%icon-zoom-in
|
21
|
-
|
22
|
-
%icon-zoom-out
|
23
|
-
%icon-off
|
24
|
-
%icon-signal
|
25
|
-
%icon-cog
|
26
|
-
%icon-trash
|
27
|
-
%icon-home
|
28
|
-
%icon-file
|
29
|
-
%icon-time
|
30
|
-
%icon-road
|
31
|
-
%icon-download-alt
|
32
|
-
%icon-download
|
33
|
-
%icon-upload
|
34
|
-
%icon-inbox
|
35
|
-
%icon-play-circle
|
36
|
-
%icon-repeat
|
37
|
-
|
38
|
-
|
39
|
-
%icon-refresh
|
40
|
-
%icon-list-alt
|
41
|
-
%icon-lock
|
42
|
-
%icon-flag
|
43
|
-
%icon-headphones
|
44
|
-
%icon-volume-off
|
45
|
-
%icon-volume-down
|
46
|
-
%icon-volume-up
|
47
|
-
%icon-qrcode
|
48
|
-
%icon-barcode
|
49
|
-
%icon-tag
|
50
|
-
%icon-tags
|
51
|
-
%icon-book
|
52
|
-
%icon-bookmark
|
53
|
-
%icon-print
|
54
|
-
|
55
|
-
%icon-camera
|
56
|
-
%icon-font
|
57
|
-
%icon-bold
|
58
|
-
%icon-italic
|
59
|
-
%icon-text-height
|
60
|
-
%icon-text-width
|
61
|
-
%icon-align-left
|
62
|
-
%icon-align-center
|
63
|
-
%icon-align-right
|
64
|
-
%icon-align-justify
|
65
|
-
%icon-list
|
66
|
-
%icon-indent-left
|
67
|
-
%icon-indent-right
|
68
|
-
%icon-facetime-video
|
69
|
-
%icon-picture
|
70
|
-
|
71
|
-
%icon-pencil
|
72
|
-
%icon-map-marker
|
73
|
-
%icon-adjust
|
74
|
-
%icon-tint
|
75
|
-
%icon-edit
|
76
|
-
%icon-share
|
77
|
-
%icon-check
|
78
|
-
%icon-move
|
79
|
-
%icon-step-backward
|
80
|
-
%icon-fast-backward
|
81
|
-
%icon-backward
|
82
|
-
%icon-play
|
83
|
-
%icon-pause
|
84
|
-
%icon-stop
|
85
|
-
%icon-forward
|
86
|
-
|
87
|
-
%icon-fast-forward
|
88
|
-
%icon-step-forward
|
89
|
-
%icon-eject
|
90
|
-
%icon-chevron-left
|
91
|
-
%icon-chevron-right
|
92
|
-
%icon-plus-sign
|
93
|
-
%icon-minus-sign
|
94
|
-
%icon-remove-sign
|
95
|
-
%icon-ok-sign
|
96
|
-
%icon-question-sign
|
97
|
-
%icon-info-sign
|
98
|
-
%icon-screenshot
|
99
|
-
%icon-remove-circle
|
100
|
-
%icon-ok-circle
|
101
|
-
%icon-ban-circle
|
102
|
-
|
103
|
-
%icon-arrow-left
|
104
|
-
%icon-arrow-right
|
105
|
-
%icon-arrow-up
|
106
|
-
%icon-arrow-down
|
107
|
-
%icon-share-alt
|
108
|
-
%icon-resize-full
|
109
|
-
%icon-resize-small
|
110
|
-
%icon-plus
|
111
|
-
%icon-minus
|
112
|
-
%icon-asterisk
|
113
|
-
%icon-exclamation-sign
|
114
|
-
%icon-gift
|
115
|
-
%icon-leaf
|
116
|
-
%icon-fire
|
117
|
-
%icon-eye-open
|
118
|
-
|
119
|
-
%icon-eye-close
|
120
|
-
%icon-warning-sign
|
121
|
-
%icon-plane
|
122
|
-
%icon-calendar
|
123
|
-
%icon-random
|
124
|
-
%icon-comment
|
125
|
-
%icon-magnet
|
126
|
-
%icon-chevron-up
|
127
|
-
%icon-chevron-down
|
128
|
-
%icon-retweet
|
129
|
-
%icon-shopping-cart
|
130
|
-
%icon-folder-close
|
131
|
-
%icon-folder-open
|
132
|
-
%icon-resize-vertical
|
133
|
-
%icon-resize-horizontal
|
134
|
-
|
135
|
-
%icon-bar-chart
|
136
|
-
%icon-twitter-sign
|
137
|
-
%icon-facebook-sign
|
138
|
-
%icon-camera-retro
|
139
|
-
%icon-key
|
140
|
-
%icon-cogs
|
141
|
-
%icon-comments
|
142
|
-
%icon-thumbs-up
|
143
|
-
%icon-thumbs-down
|
144
|
-
%icon-star-half
|
145
|
-
%icon-heart-empty
|
146
|
-
%icon-signout
|
147
|
-
%icon-linkedin-sign
|
148
|
-
%icon-pushpin
|
149
|
-
%icon-external-link
|
150
|
-
|
151
|
-
%icon-signin
|
152
|
-
%icon-trophy
|
153
|
-
%icon-github-sign
|
154
|
-
%icon-upload-alt
|
155
|
-
%icon-lemon
|
156
|
-
%icon-phone
|
157
|
-
%icon-check-empty
|
158
|
-
%icon-bookmark-empty
|
159
|
-
%icon-phone-sign
|
160
|
-
%icon-twitter
|
161
|
-
%icon-facebook
|
162
|
-
%icon-github
|
163
|
-
%icon-unlock
|
164
|
-
%icon-credit-card
|
165
|
-
%icon-rss
|
166
|
-
|
167
|
-
%icon-hdd
|
168
|
-
%icon-bullhorn
|
169
|
-
%icon-bell
|
170
|
-
%icon-certificate
|
171
|
-
%icon-hand-right
|
172
|
-
%icon-hand-left
|
173
|
-
%icon-hand-up
|
174
|
-
%icon-hand-down
|
175
|
-
%icon-circle-arrow-left
|
176
|
-
%icon-circle-arrow-right
|
177
|
-
%icon-circle-arrow-up
|
178
|
-
%icon-circle-arrow-down
|
179
|
-
%icon-globe
|
180
|
-
%icon-wrench
|
181
|
-
%icon-tasks
|
182
|
-
|
183
|
-
%icon-filter
|
184
|
-
%icon-briefcase
|
185
|
-
%icon-fullscreen
|
186
|
-
|
187
|
-
%icon-group
|
188
|
-
%icon-link
|
189
|
-
%icon-cloud
|
190
|
-
%icon-beaker
|
191
|
-
%icon-cut
|
192
|
-
%icon-copy
|
193
|
-
%icon-paper-clip
|
194
|
-
%icon-save
|
195
|
-
%icon-sign-blank
|
196
|
-
%icon-reorder
|
197
|
-
%icon-list-ul
|
198
|
-
%icon-list-ol
|
199
|
-
%icon-strikethrough
|
200
|
-
%icon-underline
|
201
|
-
%icon-table
|
202
|
-
|
203
|
-
%icon-magic
|
204
|
-
%icon-truck
|
205
|
-
%icon-pinterest
|
206
|
-
%icon-pinterest-sign
|
207
|
-
%icon-google-plus-sign
|
208
|
-
%icon-google-plus
|
209
|
-
%icon-money
|
210
|
-
%icon-caret-down
|
211
|
-
%icon-caret-up
|
212
|
-
%icon-caret-left
|
213
|
-
%icon-caret-right
|
214
|
-
%icon-columns
|
215
|
-
%icon-sort
|
216
|
-
%icon-sort-down
|
217
|
-
%icon-sort-up
|
218
|
-
|
219
|
-
%icon-envelope-alt
|
220
|
-
%icon-linkedin
|
221
|
-
%icon-undo
|
222
|
-
%icon-legal
|
223
|
-
%icon-dashboard
|
224
|
-
%icon-comment-alt
|
225
|
-
%icon-comments-alt
|
226
|
-
%icon-bolt
|
227
|
-
%icon-sitemap
|
228
|
-
%icon-umbrella
|
229
|
-
%icon-paste
|
230
|
-
|
231
|
-
%icon-
|
3
|
+
$ico-placement: before !default;
|
4
|
+
%font_awesome { font-family: 'FontAwesome'; }
|
5
|
+
|
6
|
+
%icon-glass:#{$ico-placement} { content: "\f000"; @extend %font_awesome; }
|
7
|
+
%icon-music:#{$ico-placement} { content: "\f001"; @extend %font_awesome; }
|
8
|
+
%icon-search:#{$ico-placement} { content: "\f002"; @extend %font_awesome; }
|
9
|
+
%icon-envelope:#{$ico-placement} { content: "\f003"; @extend %font_awesome; }
|
10
|
+
%icon-heart:#{$ico-placement} { content: "\f004"; @extend %font_awesome; }
|
11
|
+
%icon-star:#{$ico-placement} { content: "\f005"; @extend %font_awesome; }
|
12
|
+
%icon-star-empty:#{$ico-placement} { content: "\f006"; @extend %font_awesome; }
|
13
|
+
%icon-user:#{$ico-placement} { content: "\f007"; @extend %font_awesome; }
|
14
|
+
%icon-film:#{$ico-placement} { content: "\f008"; @extend %font_awesome; }
|
15
|
+
%icon-th-large:#{$ico-placement} { content: "\f009"; @extend %font_awesome; }
|
16
|
+
%icon-th:#{$ico-placement} { content: "\f00a"; @extend %font_awesome; }
|
17
|
+
%icon-th-list:#{$ico-placement} { content: "\f00b"; @extend %font_awesome; }
|
18
|
+
%icon-ok:#{$ico-placement} { content: "\f00c"; @extend %font_awesome; }
|
19
|
+
%icon-remove:#{$ico-placement} { content: "\f00d"; @extend %font_awesome; }
|
20
|
+
%icon-zoom-in:#{$ico-placement} { content: "\f00e"; @extend %font_awesome; }
|
21
|
+
|
22
|
+
%icon-zoom-out:#{$ico-placement} { content: "\f010"; @extend %font_awesome; }
|
23
|
+
%icon-off:#{$ico-placement} { content: "\f011"; @extend %font_awesome; }
|
24
|
+
%icon-signal:#{$ico-placement} { content: "\f012"; @extend %font_awesome; }
|
25
|
+
%icon-cog:#{$ico-placement} { content: "\f013"; @extend %font_awesome; }
|
26
|
+
%icon-trash:#{$ico-placement} { content: "\f014"; @extend %font_awesome; }
|
27
|
+
%icon-home:#{$ico-placement} { content: "\f015"; @extend %font_awesome; }
|
28
|
+
%icon-file:#{$ico-placement} { content: "\f016"; @extend %font_awesome; }
|
29
|
+
%icon-time:#{$ico-placement} { content: "\f017"; @extend %font_awesome; }
|
30
|
+
%icon-road:#{$ico-placement} { content: "\f018"; @extend %font_awesome; }
|
31
|
+
%icon-download-alt:#{$ico-placement} { content: "\f019"; @extend %font_awesome; }
|
32
|
+
%icon-download:#{$ico-placement} { content: "\f01a"; @extend %font_awesome; }
|
33
|
+
%icon-upload:#{$ico-placement} { content: "\f01b"; @extend %font_awesome; }
|
34
|
+
%icon-inbox:#{$ico-placement} { content: "\f01c"; @extend %font_awesome; }
|
35
|
+
%icon-play-circle:#{$ico-placement} { content: "\f01d"; @extend %font_awesome; }
|
36
|
+
%icon-repeat:#{$ico-placement} { content: "\f01e"; @extend %font_awesome; }
|
37
|
+
|
38
|
+
/* \f020 doesn't work in Safari. all shifted one down */
|
39
|
+
%icon-refresh:#{$ico-placement} { content: "\f021"; @extend %font_awesome; }
|
40
|
+
%icon-list-alt:#{$ico-placement} { content: "\f022"; @extend %font_awesome; }
|
41
|
+
%icon-lock:#{$ico-placement} { content: "\f023"; @extend %font_awesome; }
|
42
|
+
%icon-flag:#{$ico-placement} { content: "\f024"; @extend %font_awesome; }
|
43
|
+
%icon-headphones:#{$ico-placement} { content: "\f025"; @extend %font_awesome; }
|
44
|
+
%icon-volume-off:#{$ico-placement} { content: "\f026"; @extend %font_awesome; }
|
45
|
+
%icon-volume-down:#{$ico-placement} { content: "\f027"; @extend %font_awesome; }
|
46
|
+
%icon-volume-up:#{$ico-placement} { content: "\f028"; @extend %font_awesome; }
|
47
|
+
%icon-qrcode:#{$ico-placement} { content: "\f029"; @extend %font_awesome; }
|
48
|
+
%icon-barcode:#{$ico-placement} { content: "\f02a"; @extend %font_awesome; }
|
49
|
+
%icon-tag:#{$ico-placement} { content: "\f02b"; @extend %font_awesome; }
|
50
|
+
%icon-tags:#{$ico-placement} { content: "\f02c"; @extend %font_awesome; }
|
51
|
+
%icon-book:#{$ico-placement} { content: "\f02d"; @extend %font_awesome; }
|
52
|
+
%icon-bookmark:#{$ico-placement} { content: "\f02e"; @extend %font_awesome; }
|
53
|
+
%icon-print:#{$ico-placement} { content: "\f02f"; @extend %font_awesome; }
|
54
|
+
|
55
|
+
%icon-camera:#{$ico-placement} { content: "\f030"; @extend %font_awesome; }
|
56
|
+
%icon-font:#{$ico-placement} { content: "\f031"; @extend %font_awesome; }
|
57
|
+
%icon-bold:#{$ico-placement} { content: "\f032"; @extend %font_awesome; }
|
58
|
+
%icon-italic:#{$ico-placement} { content: "\f033"; @extend %font_awesome; }
|
59
|
+
%icon-text-height:#{$ico-placement} { content: "\f034"; @extend %font_awesome; }
|
60
|
+
%icon-text-width:#{$ico-placement} { content: "\f035"; @extend %font_awesome; }
|
61
|
+
%icon-align-left:#{$ico-placement} { content: "\f036"; @extend %font_awesome; }
|
62
|
+
%icon-align-center:#{$ico-placement} { content: "\f037"; @extend %font_awesome; }
|
63
|
+
%icon-align-right:#{$ico-placement} { content: "\f038"; @extend %font_awesome; }
|
64
|
+
%icon-align-justify:#{$ico-placement} { content: "\f039"; @extend %font_awesome; }
|
65
|
+
%icon-list:#{$ico-placement} { content: "\f03a"; @extend %font_awesome; }
|
66
|
+
%icon-indent-left:#{$ico-placement} { content: "\f03b"; @extend %font_awesome; }
|
67
|
+
%icon-indent-right:#{$ico-placement} { content: "\f03c"; @extend %font_awesome; }
|
68
|
+
%icon-facetime-video:#{$ico-placement} { content: "\f03d"; @extend %font_awesome; }
|
69
|
+
%icon-picture:#{$ico-placement} { content: "\f03e"; @extend %font_awesome; }
|
70
|
+
|
71
|
+
%icon-pencil:#{$ico-placement} { content: "\f040"; @extend %font_awesome; }
|
72
|
+
%icon-map-marker:#{$ico-placement} { content: "\f041"; @extend %font_awesome; }
|
73
|
+
%icon-adjust:#{$ico-placement} { content: "\f042"; @extend %font_awesome; }
|
74
|
+
%icon-tint:#{$ico-placement} { content: "\f043"; @extend %font_awesome; }
|
75
|
+
%icon-edit:#{$ico-placement} { content: "\f044"; @extend %font_awesome; }
|
76
|
+
%icon-share:#{$ico-placement} { content: "\f045"; @extend %font_awesome; }
|
77
|
+
%icon-check:#{$ico-placement} { content: "\f046"; @extend %font_awesome; }
|
78
|
+
%icon-move:#{$ico-placement} { content: "\f047"; @extend %font_awesome; }
|
79
|
+
%icon-step-backward:#{$ico-placement} { content: "\f048"; @extend %font_awesome; }
|
80
|
+
%icon-fast-backward:#{$ico-placement} { content: "\f049"; @extend %font_awesome; }
|
81
|
+
%icon-backward:#{$ico-placement} { content: "\f04a"; @extend %font_awesome; }
|
82
|
+
%icon-play:#{$ico-placement} { content: "\f04b"; @extend %font_awesome; }
|
83
|
+
%icon-pause:#{$ico-placement} { content: "\f04c"; @extend %font_awesome; }
|
84
|
+
%icon-stop:#{$ico-placement} { content: "\f04d"; @extend %font_awesome; }
|
85
|
+
%icon-forward:#{$ico-placement} { content: "\f04e"; @extend %font_awesome; }
|
86
|
+
|
87
|
+
%icon-fast-forward:#{$ico-placement} { content: "\f050"; @extend %font_awesome; }
|
88
|
+
%icon-step-forward:#{$ico-placement} { content: "\f051"; @extend %font_awesome; }
|
89
|
+
%icon-eject:#{$ico-placement} { content: "\f052"; @extend %font_awesome; }
|
90
|
+
%icon-chevron-left:#{$ico-placement} { content: "\f053"; @extend %font_awesome; }
|
91
|
+
%icon-chevron-right:#{$ico-placement} { content: "\f054"; @extend %font_awesome; }
|
92
|
+
%icon-plus-sign:#{$ico-placement} { content: "\f055"; @extend %font_awesome; }
|
93
|
+
%icon-minus-sign:#{$ico-placement} { content: "\f056"; @extend %font_awesome; }
|
94
|
+
%icon-remove-sign:#{$ico-placement} { content: "\f057"; @extend %font_awesome; }
|
95
|
+
%icon-ok-sign:#{$ico-placement} { content: "\f058"; @extend %font_awesome; }
|
96
|
+
%icon-question-sign:#{$ico-placement} { content: "\f059"; @extend %font_awesome; }
|
97
|
+
%icon-info-sign:#{$ico-placement} { content: "\f05a"; @extend %font_awesome; }
|
98
|
+
%icon-screenshot:#{$ico-placement} { content: "\f05b"; @extend %font_awesome; }
|
99
|
+
%icon-remove-circle:#{$ico-placement} { content: "\f05c"; @extend %font_awesome; }
|
100
|
+
%icon-ok-circle:#{$ico-placement} { content: "\f05d"; @extend %font_awesome; }
|
101
|
+
%icon-ban-circle:#{$ico-placement} { content: "\f05e"; @extend %font_awesome; }
|
102
|
+
|
103
|
+
%icon-arrow-left:#{$ico-placement} { content: "\f060"; @extend %font_awesome; }
|
104
|
+
%icon-arrow-right:#{$ico-placement} { content: "\f061"; @extend %font_awesome; }
|
105
|
+
%icon-arrow-up:#{$ico-placement} { content: "\f062"; @extend %font_awesome; }
|
106
|
+
%icon-arrow-down:#{$ico-placement} { content: "\f063"; @extend %font_awesome; }
|
107
|
+
%icon-share-alt:#{$ico-placement} { content: "\f064"; @extend %font_awesome; }
|
108
|
+
%icon-resize-full:#{$ico-placement} { content: "\f065"; @extend %font_awesome; }
|
109
|
+
%icon-resize-small:#{$ico-placement} { content: "\f066"; @extend %font_awesome; }
|
110
|
+
%icon-plus:#{$ico-placement} { content: "\f067"; @extend %font_awesome; }
|
111
|
+
%icon-minus:#{$ico-placement} { content: "\f068"; @extend %font_awesome; }
|
112
|
+
%icon-asterisk:#{$ico-placement} { content: "\f069"; @extend %font_awesome; }
|
113
|
+
%icon-exclamation-sign:#{$ico-placement} { content: "\f06a"; @extend %font_awesome; }
|
114
|
+
%icon-gift:#{$ico-placement} { content: "\f06b"; @extend %font_awesome; }
|
115
|
+
%icon-leaf:#{$ico-placement} { content: "\f06c"; @extend %font_awesome; }
|
116
|
+
%icon-fire:#{$ico-placement} { content: "\f06d"; @extend %font_awesome; }
|
117
|
+
%icon-eye-open:#{$ico-placement} { content: "\f06e"; @extend %font_awesome; }
|
118
|
+
|
119
|
+
%icon-eye-close:#{$ico-placement} { content: "\f070"; @extend %font_awesome; }
|
120
|
+
%icon-warning-sign:#{$ico-placement} { content: "\f071"; @extend %font_awesome; }
|
121
|
+
%icon-plane:#{$ico-placement} { content: "\f072"; @extend %font_awesome; }
|
122
|
+
%icon-calendar:#{$ico-placement} { content: "\f073"; @extend %font_awesome; }
|
123
|
+
%icon-random:#{$ico-placement} { content: "\f074"; @extend %font_awesome; }
|
124
|
+
%icon-comment:#{$ico-placement} { content: "\f075"; @extend %font_awesome; }
|
125
|
+
%icon-magnet:#{$ico-placement} { content: "\f076"; @extend %font_awesome; }
|
126
|
+
%icon-chevron-up:#{$ico-placement} { content: "\f077"; @extend %font_awesome; }
|
127
|
+
%icon-chevron-down:#{$ico-placement} { content: "\f078"; @extend %font_awesome; }
|
128
|
+
%icon-retweet:#{$ico-placement} { content: "\f079"; @extend %font_awesome; }
|
129
|
+
%icon-shopping-cart:#{$ico-placement} { content: "\f07a"; @extend %font_awesome; }
|
130
|
+
%icon-folder-close:#{$ico-placement} { content: "\f07b"; @extend %font_awesome; }
|
131
|
+
%icon-folder-open:#{$ico-placement} { content: "\f07c"; @extend %font_awesome; }
|
132
|
+
%icon-resize-vertical:#{$ico-placement} { content: "\f07d"; @extend %font_awesome; }
|
133
|
+
%icon-resize-horizontal:#{$ico-placement} { content: "\f07e"; @extend %font_awesome; }
|
134
|
+
|
135
|
+
%icon-bar-chart:#{$ico-placement} { content: "\f080"; @extend %font_awesome; }
|
136
|
+
%icon-twitter-sign:#{$ico-placement} { content: "\f081"; @extend %font_awesome; }
|
137
|
+
%icon-facebook-sign:#{$ico-placement} { content: "\f082"; @extend %font_awesome; }
|
138
|
+
%icon-camera-retro:#{$ico-placement} { content: "\f083"; @extend %font_awesome; }
|
139
|
+
%icon-key:#{$ico-placement} { content: "\f084"; @extend %font_awesome; }
|
140
|
+
%icon-cogs:#{$ico-placement} { content: "\f085"; @extend %font_awesome; }
|
141
|
+
%icon-comments:#{$ico-placement} { content: "\f086"; @extend %font_awesome; }
|
142
|
+
%icon-thumbs-up:#{$ico-placement} { content: "\f087"; @extend %font_awesome; }
|
143
|
+
%icon-thumbs-down:#{$ico-placement} { content: "\f088"; @extend %font_awesome; }
|
144
|
+
%icon-star-half:#{$ico-placement} { content: "\f089"; @extend %font_awesome; }
|
145
|
+
%icon-heart-empty:#{$ico-placement} { content: "\f08a"; @extend %font_awesome; }
|
146
|
+
%icon-signout:#{$ico-placement} { content: "\f08b"; @extend %font_awesome; }
|
147
|
+
%icon-linkedin-sign:#{$ico-placement} { content: "\f08c"; @extend %font_awesome; }
|
148
|
+
%icon-pushpin:#{$ico-placement} { content: "\f08d"; @extend %font_awesome; }
|
149
|
+
%icon-external-link:#{$ico-placement} { content: "\f08e"; @extend %font_awesome; }
|
150
|
+
|
151
|
+
%icon-signin:#{$ico-placement} { content: "\f090"; @extend %font_awesome; }
|
152
|
+
%icon-trophy:#{$ico-placement} { content: "\f091"; @extend %font_awesome; }
|
153
|
+
%icon-github-sign:#{$ico-placement} { content: "\f092"; @extend %font_awesome; }
|
154
|
+
%icon-upload-alt:#{$ico-placement} { content: "\f093"; @extend %font_awesome; }
|
155
|
+
%icon-lemon:#{$ico-placement} { content: "\f094"; @extend %font_awesome; }
|
156
|
+
%icon-phone:#{$ico-placement} { content: "\f095"; @extend %font_awesome; }
|
157
|
+
%icon-check-empty:#{$ico-placement} { content: "\f096"; @extend %font_awesome; }
|
158
|
+
%icon-bookmark-empty:#{$ico-placement} { content: "\f097"; @extend %font_awesome; }
|
159
|
+
%icon-phone-sign:#{$ico-placement} { content: "\f098"; @extend %font_awesome; }
|
160
|
+
%icon-twitter:#{$ico-placement} { content: "\f099"; @extend %font_awesome; }
|
161
|
+
%icon-facebook:#{$ico-placement} { content: "\f09a"; @extend %font_awesome; }
|
162
|
+
%icon-github:#{$ico-placement} { content: "\f09b"; @extend %font_awesome; }
|
163
|
+
%icon-unlock:#{$ico-placement} { content: "\f09c"; @extend %font_awesome; }
|
164
|
+
%icon-credit-card:#{$ico-placement} { content: "\f09d"; @extend %font_awesome; }
|
165
|
+
%icon-rss:#{$ico-placement} { content: "\f09e"; @extend %font_awesome; }
|
166
|
+
|
167
|
+
%icon-hdd:#{$ico-placement} { content: "\f0a0"; @extend %font_awesome; }
|
168
|
+
%icon-bullhorn:#{$ico-placement} { content: "\f0a1"; @extend %font_awesome; }
|
169
|
+
%icon-bell:#{$ico-placement} { content: "\f0a2"; @extend %font_awesome; }
|
170
|
+
%icon-certificate:#{$ico-placement} { content: "\f0a3"; @extend %font_awesome; }
|
171
|
+
%icon-hand-right:#{$ico-placement} { content: "\f0a4"; @extend %font_awesome; }
|
172
|
+
%icon-hand-left:#{$ico-placement} { content: "\f0a5"; @extend %font_awesome; }
|
173
|
+
%icon-hand-up:#{$ico-placement} { content: "\f0a6"; @extend %font_awesome; }
|
174
|
+
%icon-hand-down:#{$ico-placement} { content: "\f0a7"; @extend %font_awesome; }
|
175
|
+
%icon-circle-arrow-left:#{$ico-placement} { content: "\f0a8"; @extend %font_awesome; }
|
176
|
+
%icon-circle-arrow-right:#{$ico-placement} { content: "\f0a9"; @extend %font_awesome; }
|
177
|
+
%icon-circle-arrow-up:#{$ico-placement} { content: "\f0aa"; @extend %font_awesome; }
|
178
|
+
%icon-circle-arrow-down:#{$ico-placement} { content: "\f0ab"; @extend %font_awesome; }
|
179
|
+
%icon-globe:#{$ico-placement} { content: "\f0ac"; @extend %font_awesome; }
|
180
|
+
%icon-wrench:#{$ico-placement} { content: "\f0ad"; @extend %font_awesome; }
|
181
|
+
%icon-tasks:#{$ico-placement} { content: "\f0ae"; @extend %font_awesome; }
|
182
|
+
|
183
|
+
%icon-filter:#{$ico-placement} { content: "\f0b0"; @extend %font_awesome; }
|
184
|
+
%icon-briefcase:#{$ico-placement} { content: "\f0b1"; @extend %font_awesome; }
|
185
|
+
%icon-fullscreen:#{$ico-placement} { content: "\f0b2"; @extend %font_awesome; }
|
186
|
+
|
187
|
+
%icon-group:#{$ico-placement} { content: "\f0c0"; @extend %font_awesome; }
|
188
|
+
%icon-link:#{$ico-placement} { content: "\f0c1"; @extend %font_awesome; }
|
189
|
+
%icon-cloud:#{$ico-placement} { content: "\f0c2"; @extend %font_awesome; }
|
190
|
+
%icon-beaker:#{$ico-placement} { content: "\f0c3"; @extend %font_awesome; }
|
191
|
+
%icon-cut:#{$ico-placement} { content: "\f0c4"; @extend %font_awesome; }
|
192
|
+
%icon-copy:#{$ico-placement} { content: "\f0c5"; @extend %font_awesome; }
|
193
|
+
%icon-paper-clip:#{$ico-placement} { content: "\f0c6"; @extend %font_awesome; }
|
194
|
+
%icon-save:#{$ico-placement} { content: "\f0c7"; @extend %font_awesome; }
|
195
|
+
%icon-sign-blank:#{$ico-placement} { content: "\f0c8"; @extend %font_awesome; }
|
196
|
+
%icon-reorder:#{$ico-placement} { content: "\f0c9"; @extend %font_awesome; }
|
197
|
+
%icon-list-ul:#{$ico-placement} { content: "\f0ca"; @extend %font_awesome; }
|
198
|
+
%icon-list-ol:#{$ico-placement} { content: "\f0cb"; @extend %font_awesome; }
|
199
|
+
%icon-strikethrough:#{$ico-placement} { content: "\f0cc"; @extend %font_awesome; }
|
200
|
+
%icon-underline:#{$ico-placement} { content: "\f0cd"; @extend %font_awesome; }
|
201
|
+
%icon-table:#{$ico-placement} { content: "\f0ce"; @extend %font_awesome; }
|
202
|
+
|
203
|
+
%icon-magic:#{$ico-placement} { content: "\f0d0"; @extend %font_awesome; }
|
204
|
+
%icon-truck:#{$ico-placement} { content: "\f0d1"; @extend %font_awesome; }
|
205
|
+
%icon-pinterest:#{$ico-placement} { content: "\f0d2"; @extend %font_awesome; }
|
206
|
+
%icon-pinterest-sign:#{$ico-placement} { content: "\f0d3"; @extend %font_awesome; }
|
207
|
+
%icon-google-plus-sign:#{$ico-placement} { content: "\f0d4"; @extend %font_awesome; }
|
208
|
+
%icon-google-plus:#{$ico-placement} { content: "\f0d5"; @extend %font_awesome; }
|
209
|
+
%icon-money:#{$ico-placement} { content: "\f0d6"; @extend %font_awesome; }
|
210
|
+
%icon-caret-down:#{$ico-placement} { content: "\f0d7"; @extend %font_awesome; }
|
211
|
+
%icon-caret-up:#{$ico-placement} { content: "\f0d8"; @extend %font_awesome; }
|
212
|
+
%icon-caret-left:#{$ico-placement} { content: "\f0d9"; @extend %font_awesome; }
|
213
|
+
%icon-caret-right:#{$ico-placement} { content: "\f0da"; @extend %font_awesome; }
|
214
|
+
%icon-columns:#{$ico-placement} { content: "\f0db"; @extend %font_awesome; }
|
215
|
+
%icon-sort:#{$ico-placement} { content: "\f0dc"; @extend %font_awesome; }
|
216
|
+
%icon-sort-down:#{$ico-placement} { content: "\f0dd"; @extend %font_awesome; }
|
217
|
+
%icon-sort-up:#{$ico-placement} { content: "\f0de"; @extend %font_awesome; }
|
218
|
+
|
219
|
+
%icon-envelope-alt:#{$ico-placement} { content: "\f0e0"; @extend %font_awesome; }
|
220
|
+
%icon-linkedin:#{$ico-placement} { content: "\f0e1"; @extend %font_awesome; }
|
221
|
+
%icon-undo:#{$ico-placement} { content: "\f0e2"; @extend %font_awesome; }
|
222
|
+
%icon-legal:#{$ico-placement} { content: "\f0e3"; @extend %font_awesome; }
|
223
|
+
%icon-dashboard:#{$ico-placement} { content: "\f0e4"; @extend %font_awesome; }
|
224
|
+
%icon-comment-alt:#{$ico-placement} { content: "\f0e5"; @extend %font_awesome; }
|
225
|
+
%icon-comments-alt:#{$ico-placement} { content: "\f0e6"; @extend %font_awesome; }
|
226
|
+
%icon-bolt:#{$ico-placement} { content: "\f0e7"; @extend %font_awesome; }
|
227
|
+
%icon-sitemap:#{$ico-placement} { content: "\f0e8"; @extend %font_awesome; }
|
228
|
+
%icon-umbrella:#{$ico-placement} { content: "\f0e9"; @extend %font_awesome; }
|
229
|
+
%icon-paste:#{$ico-placement} { content: "\f0ea"; @extend %font_awesome; }
|
230
|
+
%icon-lightbulb:#{$ico-placement} { content: "\f0eb"; @extend %font_awesome; }
|
231
|
+
%icon-exchange:#{$ico-placement} { content: "\f0ec"; @extend %font_awesome; }
|
232
|
+
%icon-cloud-download:#{$ico-placement} { content: "\f0ed"; @extend %font_awesome; }
|
233
|
+
%icon-cloud-upload:#{$ico-placement} { content: "\f0ee"; @extend %font_awesome; }
|
234
|
+
|
235
|
+
%icon-user-md:#{$ico-placement} { content: "\f0f0"; @extend %font_awesome; }
|
236
|
+
%icon-stethoscope:#{$ico-placement} { content: "\f0f1"; @extend %font_awesome; }
|
237
|
+
%icon-suitcase:#{$ico-placement} { content: "\f0f2"; @extend %font_awesome; }
|
238
|
+
%icon-bell-alt:#{$ico-placement} { content: "\f0f3"; @extend %font_awesome; }
|
239
|
+
%icon-coffee:#{$ico-placement} { content: "\f0f4"; @extend %font_awesome; }
|
240
|
+
%icon-food:#{$ico-placement} { content: "\f0f5"; @extend %font_awesome; }
|
241
|
+
%icon-file-alt:#{$ico-placement} { content: "\f0f6"; @extend %font_awesome; }
|
242
|
+
%icon-building:#{$ico-placement} { content: "\f0f7"; @extend %font_awesome; }
|
243
|
+
%icon-hospital:#{$ico-placement} { content: "\f0f8"; @extend %font_awesome; }
|
244
|
+
%icon-ambulance:#{$ico-placement} { content: "\f0f9"; @extend %font_awesome; }
|
245
|
+
%icon-medkit:#{$ico-placement} { content: "\f0fa"; @extend %font_awesome; }
|
246
|
+
%icon-fighter-jet:#{$ico-placement} { content: "\f0fb"; @extend %font_awesome; }
|
247
|
+
%icon-beer:#{$ico-placement} { content: "\f0fc"; @extend %font_awesome; }
|
248
|
+
%icon-h-sign:#{$ico-placement} { content: "\f0fd"; @extend %font_awesome; }
|
249
|
+
%icon-plus-sign-alt:#{$ico-placement} { content: "\f0fe"; @extend %font_awesome; }
|
250
|
+
|
251
|
+
%icon-double-angle-left:#{$ico-placement} { content: "\f100"; @extend %font_awesome; }
|
252
|
+
%icon-double-angle-right:#{$ico-placement} { content: "\f101"; @extend %font_awesome; }
|
253
|
+
%icon-double-angle-up:#{$ico-placement} { content: "\f102"; @extend %font_awesome; }
|
254
|
+
%icon-double-angle-down:#{$ico-placement} { content: "\f103"; @extend %font_awesome; }
|
255
|
+
%icon-angle-left:#{$ico-placement} { content: "\f104"; @extend %font_awesome; }
|
256
|
+
%icon-angle-right:#{$ico-placement} { content: "\f105"; @extend %font_awesome; }
|
257
|
+
%icon-angle-up:#{$ico-placement} { content: "\f106"; @extend %font_awesome; }
|
258
|
+
%icon-angle-down:#{$ico-placement} { content: "\f107"; @extend %font_awesome; }
|
259
|
+
%icon-desktop:#{$ico-placement} { content: "\f108"; @extend %font_awesome; }
|
260
|
+
%icon-laptop:#{$ico-placement} { content: "\f109"; @extend %font_awesome; }
|
261
|
+
%icon-tablet:#{$ico-placement} { content: "\f10a"; @extend %font_awesome; }
|
262
|
+
%icon-mobile-phone:#{$ico-placement} { content: "\f10b"; @extend %font_awesome; }
|
263
|
+
%icon-circle-blank:#{$ico-placement} { content: "\f10c"; @extend %font_awesome; }
|
264
|
+
%icon-quote-left:#{$ico-placement} { content: "\f10d"; @extend %font_awesome; }
|
265
|
+
%icon-quote-right:#{$ico-placement} { content: "\f10e"; @extend %font_awesome; }
|
266
|
+
|
267
|
+
%icon-spinner:#{$ico-placement} { content: "\f110"; @extend %font_awesome; }
|
268
|
+
%icon-circle:#{$ico-placement} { content: "\f111"; @extend %font_awesome; }
|
269
|
+
%icon-reply:#{$ico-placement} { content: "\f112"; @extend %font_awesome; }
|
270
|
+
%icon-github-alt:#{$ico-placement} { content: "\f113"; @extend %font_awesome; }
|
271
|
+
%icon-folder-close-alt:#{$ico-placement} { content: "\f114"; @extend %font_awesome; }
|
272
|
+
%icon-folder-open-alt:#{$ico-placement} { content: "\f115"; @extend %font_awesome; }
|
@@ -1,54 +1,54 @@
|
|
1
1
|
// Zocial full (paid), Sorted A-Z
|
2
|
+
$ico-placement: before !default;
|
3
|
+
%zocial_font { font-family: 'zocial'; }
|
2
4
|
|
3
|
-
%
|
4
|
-
|
5
|
-
%zocial-
|
6
|
-
%zocial-
|
7
|
-
%zocial-
|
8
|
-
%zocial-
|
9
|
-
%zocial-
|
10
|
-
%zocial-
|
11
|
-
%zocial-
|
12
|
-
%zocial-
|
13
|
-
%zocial-
|
14
|
-
%zocial-
|
15
|
-
%zocial-
|
16
|
-
%zocial-
|
17
|
-
%zocial-
|
18
|
-
%zocial-
|
19
|
-
%zocial-
|
20
|
-
%zocial-
|
21
|
-
%zocial-
|
22
|
-
%zocial-
|
23
|
-
%zocial-
|
24
|
-
%zocial-
|
25
|
-
%zocial-
|
26
|
-
%zocial-
|
27
|
-
%zocial-
|
28
|
-
%zocial-
|
29
|
-
%zocial-
|
30
|
-
%zocial-
|
31
|
-
%zocial-
|
32
|
-
%zocial-
|
33
|
-
%zocial-
|
34
|
-
%zocial-
|
35
|
-
%zocial-
|
36
|
-
%zocial-
|
37
|
-
%zocial-
|
38
|
-
%zocial-
|
39
|
-
%zocial-
|
40
|
-
%zocial-
|
41
|
-
%zocial-
|
42
|
-
%zocial-
|
43
|
-
%zocial-
|
44
|
-
%zocial-
|
45
|
-
%zocial-
|
46
|
-
%zocial-
|
47
|
-
%zocial-
|
48
|
-
%zocial-
|
49
|
-
%zocial-
|
50
|
-
%zocial-
|
51
|
-
%zocial-
|
52
|
-
%zocial-
|
53
|
-
%zocial-yelp:before { content: "y"; @extend %zocial_font; }
|
54
|
-
%zocial-youtube:before { content: "U"; @extend %zocial_font; }
|
5
|
+
%zocial-amazon:#{$ico-placement} { content: "a"; @extend %zocial_font; }
|
6
|
+
%zocial-android:#{$ico-placement} { content: "&"; @extend %zocial_font; }
|
7
|
+
%zocial-aol:#{$ico-placement} { content: "\""; @extend %zocial_font; }
|
8
|
+
%zocial-appstore:#{$ico-placement} { content: "^"; @extend %zocial_font; }
|
9
|
+
%zocial-chrome:#{$ico-placement} { content: "["; @extend %zocial_font; }
|
10
|
+
%zocial-cloudapp:#{$ico-placement} { content: "c"; @extend %zocial_font; }
|
11
|
+
%zocial-creativecommons:#{$ico-placement} { content: "C"; @extend %zocial_font; }
|
12
|
+
%zocial-disqus:#{$ico-placement} { content: "Q"; @extend %zocial_font; }
|
13
|
+
%zocial-dribbble:#{$ico-placement} { content: "D"; @extend %zocial_font; }
|
14
|
+
%zocial-dropbox:#{$ico-placement} { content: "d"; @extend %zocial_font; }
|
15
|
+
%zocial-eventasaurus:#{$ico-placement} { content: "v"; @extend %zocial_font; }
|
16
|
+
%zocial-eventbrite:#{$ico-placement} { content: "|"; @extend %zocial_font; }
|
17
|
+
%zocial-evernote:#{$ico-placement} { content: "E"; @extend %zocial_font; }
|
18
|
+
%zocial-facebook:#{$ico-placement} { content: "f"; @extend %zocial_font; }
|
19
|
+
%zocial-flattr:#{$ico-placement} { content: "%"; @extend %zocial_font; }
|
20
|
+
%zocial-forrst:#{$ico-placement} { content: ":"; @extend %zocial_font; }
|
21
|
+
%zocial-foursquare:#{$ico-placement} { content: "4"; @extend %zocial_font; }
|
22
|
+
%zocial-github:#{$ico-placement} { content: "g"; @extend %zocial_font; }
|
23
|
+
%zocial-gmail:#{$ico-placement} { content: "m"; @extend %zocial_font; }
|
24
|
+
%zocial-google:#{$ico-placement} { content: "G"; @extend %zocial_font; }
|
25
|
+
%zocial-googleplus:#{$ico-placement} { content: "+"; @extend %zocial_font; }
|
26
|
+
%zocial-gowalla:#{$ico-placement} { content: "@"; @extend %zocial_font; }
|
27
|
+
%zocial-guest:#{$ico-placement} { content: "?"; @extend %zocial_font; }
|
28
|
+
%zocial-html5:#{$ico-placement} { content: "5"; @extend %zocial_font; }
|
29
|
+
%zocial-ie:#{$ico-placement} { content: "6"; @extend %zocial_font; }
|
30
|
+
%zocial-instapaper:#{$ico-placement} { content: "I"; @extend %zocial_font; }
|
31
|
+
%zocial-intensedebate:#{$ico-placement} { content: "{"; @extend %zocial_font; }
|
32
|
+
%zocial-itunes:#{$ico-placement} { content: "A"; @extend %zocial_font; }
|
33
|
+
%zocial-lastfm:#{$ico-placement} { content: "l"; @extend %zocial_font; }
|
34
|
+
%zocial-linkedin:#{$ico-placement} { content: "L"; @extend %zocial_font; }
|
35
|
+
%zocial-meetup:#{$ico-placement} { content: "M"; @extend %zocial_font; }
|
36
|
+
%zocial-openid:#{$ico-placement} { content: "o"; @extend %zocial_font; }
|
37
|
+
%zocial-paypal:#{$ico-placement} { content: "$"; @extend %zocial_font; }
|
38
|
+
%zocial-plancast:#{$ico-placement} { content: "P"; @extend %zocial_font; }
|
39
|
+
%zocial-posterous:#{$ico-placement} { content: "~"; @extend %zocial_font; }
|
40
|
+
%zocial-rss:#{$ico-placement} { content: "R"; @extend %zocial_font; }
|
41
|
+
%zocial-scribd:#{$ico-placement} { content: "}"; @extend %zocial_font; }
|
42
|
+
%zocial-skype:#{$ico-placement} { content: "S"; @extend %zocial_font; }
|
43
|
+
%zocial-smashingmag:#{$ico-placement} { content: "*"; @extend %zocial_font; }
|
44
|
+
%zocial-songkick:#{$ico-placement} { content: "k"; @extend %zocial_font; }
|
45
|
+
%zocial-soundcloud:#{$ico-placement} { content: "s"; @extend %zocial_font; }
|
46
|
+
%zocial-spotify:#{$ico-placement} { content: "%zocial-"; @extend %zocial_font; }
|
47
|
+
%zocial-tumblr:#{$ico-placement} { content: "t"; @extend %zocial_font; }
|
48
|
+
%zocial-twitter:#{$ico-placement} { content: "T"; @extend %zocial_font; }
|
49
|
+
%zocial-vimeo:#{$ico-placement} { content: "V"; @extend %zocial_font; }
|
50
|
+
%zocial-wikipedia:#{$ico-placement} { content: ","; @extend %zocial_font; }
|
51
|
+
%zocial-wordpress:#{$ico-placement} { content: "w"; @extend %zocial_font; }
|
52
|
+
%zocial-yahoo:#{$ico-placement} { content: "Y"; @extend %zocial_font; }
|
53
|
+
%zocial-yelp:#{$ico-placement} { content: "y"; @extend %zocial_font; }
|
54
|
+
%zocial-youtube:#{$ico-placement} { content: "U"; @extend %zocial_font; }
|