groundworkcss 0.2.2 → 0.2.3

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.
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