groundworkcss 0.2.2 → 0.2.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (58) hide show
  1. data/README.md +11 -33
  2. data/lib/groundworkcss/generators/install_generator.rb +1 -1
  3. data/lib/groundworkcss/version.rb +1 -1
  4. data/vendor/assets/fonts/groundworkcss/FontAwesome.otf +0 -0
  5. data/vendor/assets/fonts/groundworkcss/fontawesome-webfont.eot +0 -0
  6. data/vendor/assets/fonts/groundworkcss/fontawesome-webfont.svg +153 -38
  7. data/vendor/assets/fonts/groundworkcss/fontawesome-webfont.ttf +0 -0
  8. data/vendor/assets/fonts/groundworkcss/fontawesome-webfont.woff +0 -0
  9. data/vendor/assets/stylesheets/groundworkcss/_settings.scss +301 -1
  10. data/vendor/assets/stylesheets/groundworkcss/base/{_all.scss → _all-base.scss} +2 -3
  11. data/vendor/assets/stylesheets/groundworkcss/base/_animations.scss +1 -1
  12. data/vendor/assets/stylesheets/groundworkcss/base/_global.scss +4 -23
  13. data/vendor/assets/stylesheets/groundworkcss/base/_grid.scss +53 -26
  14. data/vendor/assets/stylesheets/groundworkcss/base/_helpers.scss +105 -56
  15. data/vendor/assets/stylesheets/groundworkcss/base/_reset.scss +34 -34
  16. data/vendor/assets/stylesheets/groundworkcss/core/{_all.scss → _all-core.scss} +1 -1
  17. data/vendor/assets/stylesheets/groundworkcss/core/_breakpoints.scss +22 -0
  18. data/vendor/assets/stylesheets/groundworkcss/core/_defaults.scss +196 -93
  19. data/vendor/assets/stylesheets/groundworkcss/core/_mixins.scss +132 -131
  20. data/vendor/assets/stylesheets/groundworkcss/form/_all-form.scss +11 -0
  21. data/vendor/assets/stylesheets/groundworkcss/form/_forms.scss +57 -112
  22. data/vendor/assets/stylesheets/groundworkcss/form/_tiles.scss +9 -11
  23. data/vendor/assets/stylesheets/groundworkcss/groundwork-ie.scss +7 -8
  24. data/vendor/assets/stylesheets/groundworkcss/groundwork.scss +11 -14
  25. data/vendor/assets/stylesheets/groundworkcss/nav/_all-nav.scss +12 -0
  26. data/vendor/assets/stylesheets/groundworkcss/nav/_buttons.scss +22 -15
  27. data/vendor/assets/stylesheets/groundworkcss/nav/_navigation.scss +26 -29
  28. data/vendor/assets/stylesheets/groundworkcss/nav/_tabs.scss +39 -37
  29. data/vendor/assets/stylesheets/groundworkcss/responsive/_all-responsive.scss +14 -0
  30. data/vendor/assets/stylesheets/groundworkcss/responsive/_desktop.scss +5 -3
  31. data/vendor/assets/stylesheets/groundworkcss/responsive/_ipad.scss +5 -3
  32. data/vendor/assets/stylesheets/groundworkcss/responsive/_mobile.scss +6 -4
  33. data/vendor/assets/stylesheets/groundworkcss/responsive/_small-tablet.scss +20 -16
  34. data/vendor/assets/stylesheets/groundworkcss/social-icons-png.scss +295 -0
  35. data/vendor/assets/stylesheets/groundworkcss/{misc/_social-icons.scss → social-icons-svg.scss} +8 -5
  36. data/vendor/assets/stylesheets/groundworkcss/type/{_all.scss → _all-type.scss} +0 -1
  37. data/vendor/assets/stylesheets/groundworkcss/type/_typography.scss +168 -161
  38. data/vendor/assets/stylesheets/groundworkcss/type/_webfonts.scss +1 -1
  39. data/vendor/assets/stylesheets/groundworkcss/ui/_all-ui.scss +14 -0
  40. data/vendor/assets/stylesheets/groundworkcss/ui/_callouts.scss +31 -18
  41. data/vendor/assets/stylesheets/groundworkcss/ui/_messages.scss +31 -18
  42. data/vendor/assets/stylesheets/groundworkcss/ui/_modals.scss +6 -8
  43. data/vendor/assets/stylesheets/groundworkcss/ui/_tables.scss +6 -5
  44. data/vendor/assets/stylesheets/groundworkcss/ui/_tooltips.scss +15 -14
  45. metadata +28 -25
  46. checksums.yaml +0 -7
  47. data/vendor/assets/stylesheets/groundworkcss/_rails-settings.scss +0 -202
  48. data/vendor/assets/stylesheets/groundworkcss/font-awesome-ie7.min.css +0 -22
  49. data/vendor/assets/stylesheets/groundworkcss/form/_all.scss +0 -10
  50. data/vendor/assets/stylesheets/groundworkcss/index.scss +0 -3
  51. data/vendor/assets/stylesheets/groundworkcss/magnific-popup.css +0 -393
  52. data/vendor/assets/stylesheets/groundworkcss/misc/_all.scss +0 -9
  53. data/vendor/assets/stylesheets/groundworkcss/nav/_all.scss +0 -11
  54. data/vendor/assets/stylesheets/groundworkcss/no-svg.scss +0 -355
  55. data/vendor/assets/stylesheets/groundworkcss/placeholder_polyfill.css +0 -32
  56. data/vendor/assets/stylesheets/groundworkcss/responsive/_all.scss +0 -13
  57. data/vendor/assets/stylesheets/groundworkcss/type/_font-awesome.scss +0 -542
  58. data/vendor/assets/stylesheets/groundworkcss/ui/_all.scss +0 -13
@@ -0,0 +1,295 @@
1
+ /*! ============================================
2
+ * No SVG Fallbacks
3
+ * Last Updated:2013-6-25
4
+ * ===========================================*/
5
+
6
+
7
+ @import "settings";
8
+ @import "core/all-core";
9
+
10
+
11
+ .social-icon {
12
+ width:30px;
13
+ height:30px;
14
+ &.small {
15
+ width: 20px;
16
+ height: 20px;
17
+ }
18
+ &.medium {
19
+ width: 30px;
20
+ height: 30px;
21
+ }
22
+ &.large {
23
+ width: 48px;
24
+ height: 48px;
25
+ }
26
+ &.aboutme,
27
+ &.aboutme.medium { @include data-image('social-icons/aboutme-m.png'); }
28
+ &.aboutme.large { @include data-image('social-icons/aboutme.png'); }
29
+ &.aboutme.small { @include data-image('social-icons/aboutme-s.png'); }
30
+
31
+ &.adn,
32
+ &.adn.medium { @include data-image('social-icons/adn-m.png'); }
33
+ &.adn.large { @include data-image('social-icons/adn.png'); }
34
+ &.adn.small { @include data-image('social-icons/adn-s.png'); }
35
+
36
+ &.android,
37
+ &.android.medium { @include data-image('social-icons/android-m.png'); }
38
+ &.android.large { @include data-image('social-icons/android.png'); }
39
+ &.android.small { @include data-image('social-icons/android-s.png'); }
40
+
41
+ &.apple,
42
+ &.apple.medium { @include data-image('social-icons/apple-m.png'); }
43
+ &.apple.large { @include data-image('social-icons/apple.png'); }
44
+ &.apple.small { @include data-image('social-icons/apple-s.png'); }
45
+
46
+ &.behance,
47
+ &.behance.medium { @include data-image('social-icons/behance-m.png'); }
48
+ &.behance.large { @include data-image('social-icons/behance.png'); }
49
+ &.behance.small { @include data-image('social-icons/behance-s.png'); }
50
+
51
+ &.bitbucket,
52
+ &.bitbucket.medium { @include data-image('social-icons/bitbucket-m.png'); }
53
+ &.bitbucket.large { @include data-image('social-icons/bitbucket.png'); }
54
+ &.bitbucket.small { @include data-image('social-icons/bitbucket-s.png'); }
55
+
56
+ &.coderwall,
57
+ &.coderwall.medium { @include data-image('social-icons/coderwall-m.png'); }
58
+ &.coderwall.large { @include data-image('social-icons/coderwall.png'); }
59
+ &.coderwall.small { @include data-image('social-icons/coderwall-s.png'); }
60
+
61
+ &.creativecloud,
62
+ &.creativecloud.medium { @include data-image('social-icons/creativecloud-m.png'); }
63
+ &.creativecloud.large { @include data-image('social-icons/creativecloud.png'); }
64
+ &.creativecloud.small { @include data-image('social-icons/creativecloud-s.png'); }
65
+
66
+ &.dribbble,
67
+ &.dribbble.medium { @include data-image('social-icons/dribbble-m.png'); }
68
+ &.dribbble.large { @include data-image('social-icons/dribbble.png'); }
69
+ &.dribbble.small { @include data-image('social-icons/dribbble-s.png'); }
70
+
71
+ &.dropbox,
72
+ &.dropbox.medium { @include data-image('social-icons/dropbox-m.png'); }
73
+ &.dropbox.large { @include data-image('social-icons/dropbox.png'); }
74
+ &.dropbox.small { @include data-image('social-icons/dropbox-s.png'); }
75
+
76
+ &.evernote,
77
+ &.evernote.medium { @include data-image('social-icons/evernote-m.png'); }
78
+ &.evernote.large { @include data-image('social-icons/evernote.png'); }
79
+ &.evernote.small { @include data-image('social-icons/evernote-s.png'); }
80
+
81
+ &.facebook,
82
+ &.facebook.medium { @include data-image('social-icons/facebook-m.png'); }
83
+ &.facebook.large { @include data-image('social-icons/facebook.png'); }
84
+ &.facebook.small { @include data-image('social-icons/facebook-s.png'); }
85
+
86
+ &.flickr,
87
+ &.flickr.medium { @include data-image('social-icons/flickr-m.png'); }
88
+ &.flickr.large { @include data-image('social-icons/flickr.png'); }
89
+ &.flickr.small { @include data-image('social-icons/flickr-s.png'); }
90
+
91
+ &.foursquare,
92
+ &.foursquare.medium { @include data-image('social-icons/foursquare-m.png'); }
93
+ &.foursquare.large { @include data-image('social-icons/foursquare.png'); }
94
+ &.foursquare.small { @include data-image('social-icons/foursquare-s.png'); }
95
+
96
+ &.git,
97
+ &.git.medium { @include data-image('social-icons/git-m.png'); }
98
+ &.git.large { @include data-image('social-icons/git.png'); }
99
+ &.git.small { @include data-image('social-icons/git-s.png'); }
100
+
101
+ &.github,
102
+ &.github.medium { @include data-image('social-icons/github-m.png'); }
103
+ &.github.large { @include data-image('social-icons/github.png'); }
104
+ &.github.small { @include data-image('social-icons/github-s.png'); }
105
+
106
+ &.googleplay,
107
+ &.googleplay.medium { @include data-image('social-icons/googleplay-m.png'); }
108
+ &.googleplay.large { @include data-image('social-icons/googleplay.png'); }
109
+ &.googleplay.small { @include data-image('social-icons/googleplay-s.png'); }
110
+
111
+ &.googleplus,
112
+ &.googleplus.medium { @include data-image('social-icons/googleplus-m.png'); }
113
+ &.googleplus.large { @include data-image('social-icons/googleplus.png'); }
114
+ &.googleplus.small { @include data-image('social-icons/googleplus-s.png'); }
115
+
116
+ &.html5,
117
+ &.html5.medium { @include data-image('social-icons/html5-m.png'); }
118
+ &.html5.large { @include data-image('social-icons/html5.png'); }
119
+ &.html5.small { @include data-image('social-icons/html5-s.png'); }
120
+
121
+ &.icloud,
122
+ &.icloud.medium { @include data-image('social-icons/icloud-m.png'); }
123
+ &.icloud.large { @include data-image('social-icons/icloud.png'); }
124
+ &.icloud.small { @include data-image('social-icons/icloud-s.png'); }
125
+
126
+ &.instagram,
127
+ &.instagram.medium { @include data-image('social-icons/instagram-m.png'); }
128
+ &.instagram.large { @include data-image('social-icons/instagram.png'); }
129
+ &.instagram.small { @include data-image('social-icons/instagram-s.png'); }
130
+
131
+ &.lastfm,
132
+ &.lastfm.medium { @include data-image('social-icons/lastfm-m.png'); }
133
+ &.lastfm.large { @include data-image('social-icons/lastfm.png'); }
134
+ &.lastfm.small { @include data-image('social-icons/lastfm-s.png'); }
135
+
136
+ &.linkedin,
137
+ &.linkedin.medium { @include data-image('social-icons/linkedin-m.png'); }
138
+ &.linkedin.large { @include data-image('social-icons/linkedin.png'); }
139
+ &.linkedin.small { @include data-image('social-icons/linkedin-s.png'); }
140
+
141
+ &.mail,
142
+ &.mail.medium { @include data-image('social-icons/mail-m.png'); }
143
+ &.mail.large { @include data-image('social-icons/mail.png'); }
144
+ &.mail.small { @include data-image('social-icons/mail-s.png'); }
145
+
146
+ &.mixi,
147
+ &.mixi.medium { @include data-image('social-icons/mixi-m.png'); }
148
+ &.mixi.large { @include data-image('social-icons/mixi.png'); }
149
+ &.mixi.small { @include data-image('social-icons/mixi-s.png'); }
150
+
151
+ &.msn,
152
+ &.msn.medium { @include data-image('social-icons/msn-m.png'); }
153
+ &.msn.large { @include data-image('social-icons/msn.png'); }
154
+ &.msn.small { @include data-image('social-icons/msn-s.png'); }
155
+
156
+ &.pinterest,
157
+ &.pinterest.medium { @include data-image('social-icons/pinterest-m.png'); }
158
+ &.pinterest.large { @include data-image('social-icons/pinterest.png'); }
159
+ &.pinterest.small { @include data-image('social-icons/pinterest-s.png'); }
160
+
161
+ &.pocket,
162
+ &.pocket.medium { @include data-image('social-icons/pocketapp-m.png'); }
163
+ &.pocket.large { @include data-image('social-icons/pocketapp.png'); }
164
+ &.pocket.small { @include data-image('social-icons/pocketapp-s.png'); }
165
+
166
+ &.quora,
167
+ &.quora.medium { @include data-image('social-icons/quora-m.png'); }
168
+ &.quora.large { @include data-image('social-icons/quora.png'); }
169
+ &.quora.small { @include data-image('social-icons/quora-s.png'); }
170
+
171
+ &.orkut,
172
+ &.orkut.medium { @include data-image('social-icons/orkut-m.png'); }
173
+ &.orkut.large { @include data-image('social-icons/orkut.png'); }
174
+ &.orkut.small { @include data-image('social-icons/orkut-s.png'); }
175
+
176
+ &.mercurial,
177
+ &.mercurial.medium { @include data-image('social-icons/mercurial-m.png'); }
178
+ &.mercurial.large { @include data-image('social-icons/mercurial.png'); }
179
+ &.mercurial.small { @include data-image('social-icons/mercurial-s.png'); }
180
+
181
+ &.rdio,
182
+ &.rdio.medium { @include data-image('social-icons/rdio-m.png'); }
183
+ &.rdio.large { @include data-image('social-icons/rdio.png'); }
184
+ &.rdio.small { @include data-image('social-icons/rdio-s.png'); }
185
+
186
+ &.renren,
187
+ &.renren.medium { @include data-image('social-icons/renren-m.png'); }
188
+ &.renren.large { @include data-image('social-icons/renren.png'); }
189
+ &.renren.small { @include data-image('social-icons/renren-s.png'); }
190
+
191
+ &.rss,
192
+ &.rss.medium { @include data-image('social-icons/rss-m.png'); }
193
+ &.rss.large { @include data-image('social-icons/rss.png'); }
194
+ &.rss.small { @include data-image('social-icons/rss-s.png'); }
195
+
196
+ &.skitch,
197
+ &.skitch.medium { @include data-image('social-icons/skitch-m.png'); }
198
+ &.skitch.large { @include data-image('social-icons/skitch.png'); }
199
+ &.skitch.small { @include data-image('social-icons/skitch-s.png'); }
200
+
201
+ &.skype,
202
+ &.skype.medium { @include data-image('social-icons/skype-m.png'); }
203
+ &.skype.large { @include data-image('social-icons/skype.png'); }
204
+ &.skype.small { @include data-image('social-icons/skype-s.png'); }
205
+
206
+ &.soundcloud,
207
+ &.soundcloud.medium { @include data-image('social-icons/soundcloud-m.png'); }
208
+ &.soundcloud.large { @include data-image('social-icons/soundcloud.png'); }
209
+ &.soundcloud.small { @include data-image('social-icons/soundcloud-s.png'); }
210
+
211
+ &.spotify,
212
+ &.spotify.medium { @include data-image('social-icons/spotify-m.png'); }
213
+ &.spotify.large { @include data-image('social-icons/spotify.png'); }
214
+ &.spotify.small { @include data-image('social-icons/spotify-s.png'); }
215
+
216
+ &.stackoverflow,
217
+ &.stackoverflow.medium { @include data-image('social-icons/stackoverflow-m.png'); }
218
+ &.stackoverflow.large { @include data-image('social-icons/stackoverflow.png'); }
219
+ &.stackoverflow.small { @include data-image('social-icons/stackoverflow-s.png'); }
220
+
221
+ &.stumbleupon,
222
+ &.stumbleupon.medium { @include data-image('social-icons/stumbleupon-m.png'); }
223
+ &.stumbleupon.large { @include data-image('social-icons/stumbleupon.png'); }
224
+ &.stumbleupon.small { @include data-image('social-icons/stumbleupon-s.png'); }
225
+
226
+ &.svn,
227
+ &.svn.medium { @include data-image('social-icons/svn-m.png'); }
228
+ &.svn.large { @include data-image('social-icons/svn.png'); }
229
+ &.svn.small { @include data-image('social-icons/svn-s.png'); }
230
+
231
+ &.tent,
232
+ &.tent.medium { @include data-image('social-icons/tent-m.png'); }
233
+ &.tent.large { @include data-image('social-icons/tent.png'); }
234
+ &.tent.small { @include data-image('social-icons/tent-s.png'); }
235
+
236
+ &.tripadvisor,
237
+ &.tripadvisor.medium { @include data-image('social-icons/tripadvisor-m.png'); }
238
+ &.tripadvisor.large { @include data-image('social-icons/tripadvisor.png'); }
239
+ &.tripadvisor.small { @include data-image('social-icons/tripadvisor-s.png'); }
240
+
241
+ &.tumblr,
242
+ &.tumblr.medium { @include data-image('social-icons/tumblr-m.png'); }
243
+ &.tumblr.large { @include data-image('social-icons/tumblr.png'); }
244
+ &.tumblr.small { @include data-image('social-icons/tumblr-s.png'); }
245
+
246
+ &.twitter,
247
+ &.twitter.medium { @include data-image('social-icons/twitter-m.png'); }
248
+ &.twitter.large { @include data-image('social-icons/twitter.png'); }
249
+ &.twitter.small { @include data-image('social-icons/twitter-s.png'); }
250
+
251
+ &.vimeo,
252
+ &.vimeo.medium { @include data-image('social-icons/vimeo-m.png'); }
253
+ &.vimeo.large { @include data-image('social-icons/vimeo.png'); }
254
+ &.vimeo.small { @include data-image('social-icons/vimeo-s.png'); }
255
+
256
+ &.weibo,
257
+ &.weibo.medium { @include data-image('social-icons/weibo-m.png'); }
258
+ &.weibo.large { @include data-image('social-icons/weibo.png'); }
259
+ &.weibo.small { @include data-image('social-icons/weibo-s.png'); }
260
+
261
+ &.windows,
262
+ &.windows.medium { @include data-image('social-icons/windows-m.png'); }
263
+ &.windows.large { @include data-image('social-icons/windows.png'); }
264
+ &.windows.small { @include data-image('social-icons/windows-s.png'); }
265
+
266
+ &.wordpress,
267
+ &.wordpress.medium { @include data-image('social-icons/wordpress-m.png'); }
268
+ &.wordpress.large { @include data-image('social-icons/wordpress.png'); }
269
+ &.wordpress.small { @include data-image('social-icons/wordpress-s.png'); }
270
+
271
+ &.xing,
272
+ &.xing.medium { @include data-image('social-icons/xing-m.png'); }
273
+ &.xing.large { @include data-image('social-icons/xing.png'); }
274
+ &.xing.small { @include data-image('social-icons/xing-s.png'); }
275
+
276
+ &.yelp,
277
+ &.yelp.medium { @include data-image('social-icons/yelp-m.png'); }
278
+ &.yelp.large { @include data-image('social-icons/yelp.png'); }
279
+ &.yelp.small { @include data-image('social-icons/yelp-s.png'); }
280
+
281
+ &.youtube,
282
+ &.youtube.medium { @include data-image('social-icons/youtube-m.png'); }
283
+ &.youtube.large { @include data-image('social-icons/youtube.png'); }
284
+ &.youtube.small { @include data-image('social-icons/youtube-s.png'); }
285
+
286
+ &.youversion,
287
+ &.youversion.medium { @include data-image('social-icons/youversion-m.png'); }
288
+ &.youversion.large { @include data-image('social-icons/youversion.png'); }
289
+ &.youversion.small { @include data-image('social-icons/youversion-s.png'); }
290
+
291
+ &.zerply,
292
+ &.zerply.medium { @include data-image('social-icons/zerply-m.png'); }
293
+ &.zerply.large { @include data-image('social-icons/zerply.png'); }
294
+ &.zerply.small { @include data-image('social-icons/zerply-s.png'); }
295
+ }
@@ -1,9 +1,12 @@
1
- // =============================================
2
- // Social icons by Gary Hepting
3
- // Last Updated:2013-1-18
4
- // =============================================
1
+ /*! ============================================
2
+ * Social Icons
3
+ * Last Updated:2013-6-25
4
+ * ===========================================*/
5
5
 
6
6
 
7
+ @import "settings";
8
+ @import "core/all-core";
9
+
7
10
 
8
11
 
9
12
  .social-icon {
@@ -16,7 +19,7 @@
16
19
  @include rounded(2px);
17
20
  margin-bottom: 3px;
18
21
  vertical-align: bottom;
19
- @include drop-shadow(rgba(0,0,0,0.2), 5px, 0, 0); // color, alpha, blur, x, y
22
+ @include box-shadow(rgba(0,0,0,0.2), 5px, 0, 0);
20
23
  &.small {
21
24
  width: 20px;
22
25
  height: 20px;
@@ -4,6 +4,5 @@
4
4
  // =============================================
5
5
 
6
6
 
7
- @import "font-awesome"; // recommended (used by other components)
8
7
  @import "webfonts"; // optional
9
8
  @import "typography"; // optional