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
@@ -1,393 +0,0 @@
1
- /* Magnific Popup CSS */
2
- .mfp-bg {
3
- top: 0;
4
- left: 0;
5
- width: 100%;
6
- height: 100%;
7
- z-index: 502;
8
- overflow: hidden;
9
- position: fixed;
10
- background: #0b0b0b;
11
- opacity: 0.8;
12
- filter: alpha(opacity=80); }
13
-
14
- .mfp-wrap {
15
- top: 0;
16
- left: 0;
17
- width: 100%;
18
- height: 100%;
19
- z-index: 503;
20
- position: fixed;
21
- outline: none !important;
22
- -webkit-backface-visibility: hidden; }
23
-
24
- .mfp-container {
25
- height: 100%;
26
- text-align: center;
27
- position: absolute;
28
- width: 100%;
29
- height: 100%;
30
- left: 0;
31
- top: 0;
32
- padding: 0 8px;
33
- -webkit-box-sizing: border-box;
34
- -moz-box-sizing: border-box;
35
- box-sizing: border-box; }
36
-
37
- .mfp-container:before {
38
- content: '';
39
- display: inline-block;
40
- height: 100%;
41
- vertical-align: middle; }
42
-
43
- .mfp-align-top .mfp-container:before {
44
- display: none; }
45
-
46
- .mfp-content {
47
- position: relative;
48
- display: inline-block;
49
- vertical-align: middle;
50
- margin: 0 auto;
51
- text-align: left;
52
- z-index: 505; }
53
-
54
- .mfp-inline-holder .mfp-content,
55
- .mfp-ajax-holder .mfp-content {
56
- width: 100%;
57
- cursor: auto; }
58
-
59
- .mfp-ajax-cur {
60
- cursor: progress; }
61
-
62
- .mfp-zoom-out-cur,
63
- .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
64
- cursor: -moz-zoom-out;
65
- cursor: -webkit-zoom-out;
66
- cursor: zoom-out; }
67
-
68
- .mfp-zoom {
69
- cursor: pointer;
70
- cursor: -webkit-zoom-in;
71
- cursor: -moz-zoom-in;
72
- cursor: zoom-in; }
73
-
74
- .mfp-auto-cursor .mfp-content {
75
- cursor: auto; }
76
-
77
- .mfp-close,
78
- .mfp-arrow,
79
- .mfp-preloader,
80
- .mfp-counter {
81
- -webkit-user-select: none;
82
- -moz-user-select: none;
83
- user-select: none; }
84
-
85
- .mfp-loading.mfp-figure {
86
- display: none; }
87
-
88
- .mfp-hide {
89
- display: none !important; }
90
-
91
- .mfp-preloader {
92
- color: #cccccc;
93
- position: absolute;
94
- top: 50%;
95
- width: auto;
96
- text-align: center;
97
- margin-top: -0.8em;
98
- left: 8px;
99
- right: 8px;
100
- z-index: 504; }
101
-
102
- .mfp-preloader a {
103
- color: #cccccc; }
104
-
105
- .mfp-preloader a:hover {
106
- color: white; }
107
-
108
- .mfp-s-ready .mfp-preloader {
109
- display: none; }
110
-
111
- .mfp-s-error .mfp-content {
112
- display: none; }
113
-
114
- button.mfp-close,
115
- button.mfp-arrow {
116
- overflow: visible;
117
- cursor: pointer;
118
- background: transparent;
119
- border: 0;
120
- -webkit-appearance: none;
121
- display: block;
122
- padding: 0;
123
- z-index: 506; }
124
-
125
- button::-moz-focus-inner {
126
- padding: 0;
127
- border: 0; }
128
-
129
- .mfp-close {
130
- width: 44px;
131
- height: 44px;
132
- line-height: 44px;
133
- position: absolute;
134
- right: 0;
135
- top: 0;
136
- text-decoration: none;
137
- text-align: center;
138
- opacity: 0.65;
139
- padding: 0 0 18px 10px;
140
- color: white;
141
- font-style: normal;
142
- font-size: 28px;
143
- font-family: Arial, Baskerville, monospace; }
144
- .mfp-close:hover, .mfp-close:focus {
145
- opacity: 1; }
146
- .mfp-close:active {
147
- top: 1px; }
148
-
149
- .mfp-close-btn-in .mfp-close {
150
- color: #333333; }
151
-
152
- .mfp-image-holder .mfp-close,
153
- .mfp-iframe-holder .mfp-close {
154
- color: white;
155
- right: -6px;
156
- text-align: right;
157
- padding-right: 6px;
158
- width: 100%; }
159
-
160
- .mfp-counter {
161
- position: absolute;
162
- top: 0;
163
- right: 0;
164
- color: #cccccc;
165
- font-size: 12px;
166
- line-height: 18px; }
167
-
168
- .mfp-arrow {
169
- position: absolute;
170
- top: 0;
171
- opacity: 0.65;
172
- margin: 0;
173
- top: 50%;
174
- margin-top: -55px;
175
- padding: 0;
176
- width: 90px;
177
- height: 110px;
178
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
179
-
180
- .mfp-arrow:active {
181
- margin-top: -54px; }
182
-
183
- .mfp-arrow:hover,
184
- .mfp-arrow:focus {
185
- opacity: 1; }
186
-
187
- .mfp-arrow:before, .mfp-arrow:after,
188
- .mfp-arrow .mfp-b,
189
- .mfp-arrow .mfp-a {
190
- content: '';
191
- display: block;
192
- width: 0;
193
- height: 0;
194
- position: absolute;
195
- left: 0;
196
- top: 0;
197
- margin-top: 35px;
198
- margin-left: 35px;
199
- border: solid transparent; }
200
- .mfp-arrow:after,
201
- .mfp-arrow .mfp-a {
202
- opacity: 0.8;
203
- border-top-width: 12px;
204
- border-bottom-width: 12px;
205
- top: 8px; }
206
- .mfp-arrow:before,
207
- .mfp-arrow .mfp-b {
208
- border-top-width: 20px;
209
- border-bottom-width: 20px; }
210
-
211
- .mfp-arrow-left {
212
- left: 0; }
213
- .mfp-arrow-left:after,
214
- .mfp-arrow-left .mfp-a {
215
- border-right: 12px solid black;
216
- left: 5px; }
217
- .mfp-arrow-left:before,
218
- .mfp-arrow-left .mfp-b {
219
- border-right: 20px solid white; }
220
-
221
- .mfp-arrow-right {
222
- right: 0; }
223
- .mfp-arrow-right:after,
224
- .mfp-arrow-right .mfp-a {
225
- border-left: 12px solid black;
226
- left: 3px; }
227
- .mfp-arrow-right:before,
228
- .mfp-arrow-right .mfp-b {
229
- border-left: 20px solid white; }
230
-
231
- .mfp-iframe-holder {
232
- padding-top: 40px;
233
- padding-bottom: 40px; }
234
-
235
- .mfp-iframe-holder .mfp-content {
236
- line-height: 0;
237
- width: 100%;
238
- max-width: 900px; }
239
-
240
- .mfp-iframe-scaler {
241
- width: 100%;
242
- height: 0;
243
- overflow: hidden;
244
- padding-top: 56.25%; }
245
-
246
- .mfp-iframe-scaler iframe {
247
- position: absolute;
248
- top: -3px;
249
- left: 0;
250
- width: 100%;
251
- height: 100%;
252
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
253
- background: black; }
254
-
255
- .mfp-iframe-holder .mfp-close {
256
- top: -43px; }
257
-
258
- /* Main image in popup */
259
- img.mfp-img {
260
- width: auto;
261
- max-width: 100%;
262
- height: auto;
263
- display: block;
264
- line-height: 0;
265
- -webkit-box-sizing: border-box;
266
- -moz-box-sizing: border-box;
267
- box-sizing: border-box;
268
- padding: 40px 0 40px;
269
- margin: 0 auto; }
270
-
271
- /* The shadow behind the image */
272
- .mfp-figure:after {
273
- content: '';
274
- position: absolute;
275
- left: 0;
276
- top: 40px;
277
- bottom: 40px;
278
- display: block;
279
- right: 0;
280
- width: auto;
281
- height: auto;
282
- z-index: -1;
283
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
284
-
285
- .mfp-figure {
286
- line-height: 0; }
287
-
288
- .mfp-bottom-bar {
289
- margin-top: -36px;
290
- position: absolute;
291
- top: 100%;
292
- left: 0;
293
- width: 100%;
294
- cursor: auto; }
295
-
296
- .mfp-title {
297
- text-align: left;
298
- line-height: 18px;
299
- color: #f3f3f3;
300
- padding-right: 36px; }
301
-
302
- .mfp-figure small {
303
- color: #bdbdbd;
304
- display: block;
305
- font-size: 12px;
306
- line-height: 14px; }
307
-
308
- .mfp-image-holder .mfp-content {
309
- max-width: 100%; }
310
-
311
- .mfp-gallery .mfp-image-holder .mfp-figure {
312
- cursor: pointer; }
313
-
314
- @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
315
- /**
316
- * Remove all paddings around the image on small screen
317
- */
318
- .mfp-img-mobile .mfp-image-holder {
319
- padding-left: 0;
320
- padding-right: 0; }
321
-
322
- .mfp-img-mobile img.mfp-img {
323
- padding: 0; }
324
-
325
- /* The shadow behind the image */
326
- .mfp-img-mobile .mfp-figure:after {
327
- top: 0;
328
- bottom: 0; }
329
-
330
- .mfp-img-mobile .mfp-bottom-bar {
331
- background: rgba(0, 0, 0, 0.6);
332
- bottom: 0;
333
- margin: 0;
334
- top: auto;
335
- padding: 3px 5px;
336
- position: fixed;
337
- -webkit-box-sizing: border-box;
338
- -moz-box-sizing: border-box;
339
- box-sizing: border-box; }
340
-
341
- .mfp-img-mobile .mfp-bottom-bar:empty {
342
- padding: 0; }
343
-
344
- .mfp-img-mobile .mfp-counter {
345
- right: 5px;
346
- top: 3px; }
347
-
348
- .mfp-img-mobile .mfp-close {
349
- top: 0;
350
- right: 0;
351
- width: 35px;
352
- height: 35px;
353
- line-height: 35px;
354
- background: rgba(0, 0, 0, 0.6);
355
- position: fixed;
356
- text-align: center;
357
- padding: 0; }
358
-
359
- .mfp-img-mobile .mfp-figure small {
360
- display: inline;
361
- margin-left: 5px; } }
362
- @media all and (max-width: 800px) {
363
- .mfp-arrow {
364
- -webkit-transform: scale(0.75);
365
- transform: scale(0.75); }
366
-
367
- .mfp-arrow-left {
368
- -webkit-transform-origin: 0;
369
- transform-origin: 0; }
370
-
371
- .mfp-arrow-right {
372
- -webkit-transform-origin: 100%;
373
- transform-origin: 100%; }
374
-
375
- .mfp-container {
376
- padding-left: 6px;
377
- padding-right: 6px; } }
378
- .mfp-ie7 .mfp-img {
379
- padding: 0; }
380
- .mfp-ie7 .mfp-bottom-bar {
381
- width: 600px;
382
- left: 50%;
383
- margin-left: -300px;
384
- margin-top: 5px;
385
- padding-bottom: 5px; }
386
- .mfp-ie7 .mfp-container {
387
- padding: 0; }
388
- .mfp-ie7 .mfp-content {
389
- padding-top: 44px; }
390
- .mfp-ie7 .mfp-close {
391
- top: 0;
392
- right: 0;
393
- padding-top: 0; }
@@ -1,9 +0,0 @@
1
- // ===================================
2
- // Misc
3
- // ===================================
4
-
5
-
6
-
7
-
8
- // misc components
9
- @import "social-icons";
@@ -1,11 +0,0 @@
1
- // ===================================
2
- // Navigation
3
- // ===================================
4
-
5
-
6
-
7
-
8
- // navigation components
9
- @import "buttons"; // optional (required by navigation)
10
- @import "navigation"; // optional
11
- @import "tabs"; // optional