zurb-foundation 3.1.1 → 3.2.0.rc1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (64) hide show
  1. data/.rbenv-version +1 -0
  2. data/CHANGELOG.md +51 -0
  3. data/README.md +10 -4
  4. data/index.html +0 -7
  5. data/lib/foundation/generators/USAGE +1 -1
  6. data/lib/foundation/generators/layout_generator.rb +5 -4
  7. data/lib/foundation/version.rb +1 -1
  8. data/marketing/.rbenv-version +1 -0
  9. data/scss/foundation.scss +3 -1
  10. data/scss/foundation/_settings.scss +159 -47
  11. data/scss/foundation/common/_forms.scss +23 -30
  12. data/scss/foundation/common/_globals.scss +4 -8
  13. data/scss/foundation/common/_ratios.scss +17 -17
  14. data/scss/foundation/common/_typography.scss +6 -3
  15. data/scss/foundation/components/_grid.scss +16 -93
  16. data/scss/foundation/components/modules/_all.scss +2 -0
  17. data/scss/foundation/components/modules/_buttons.scss +5 -25
  18. data/scss/foundation/components/modules/_clearing.scss +46 -0
  19. data/scss/foundation/components/modules/_joyride.scss +224 -0
  20. data/scss/foundation/components/modules/_mqueries.scss +451 -0
  21. data/scss/foundation/components/modules/_navbar.scss +1 -37
  22. data/scss/foundation/components/modules/_orbit.scss +57 -198
  23. data/scss/foundation/components/modules/_reveal.scss +3 -24
  24. data/scss/foundation/components/modules/_tabs.scss +15 -40
  25. data/scss/foundation/components/modules/_topbar.scss +12 -113
  26. data/scss/foundation/components/modules/_ui.scss +20 -145
  27. data/templates/project/index.html +4 -10
  28. data/templates/project/scss/_settings.scss +129 -31
  29. data/templates/project/scss/app.scss +1 -1
  30. data/test/buttons.html +0 -6
  31. data/test/clearing.html +74 -0
  32. data/test/config.rb +1 -1
  33. data/test/elements.html +67 -13
  34. data/test/forms.html +0 -6
  35. data/test/grid.html +5 -11
  36. data/test/index.html +18 -20
  37. data/test/joyride.html +126 -0
  38. data/test/magellan.html +112 -0
  39. data/test/navigation.html +27 -19
  40. data/test/orbit.html +11 -12
  41. data/test/reveal.html +0 -6
  42. data/test/scss/_settings.scss +200 -140
  43. data/test/scss/styles.scss +48 -1
  44. data/test/tabs.html +12 -18
  45. data/test/template.html +4 -12
  46. data/test/topbar.html +1 -10
  47. data/test/type.html +8 -14
  48. data/vendor/assets/javascripts/foundation/app.js +17 -13
  49. data/vendor/assets/javascripts/foundation/index.js +3 -0
  50. data/vendor/assets/javascripts/foundation/jquery.event.move.js +580 -0
  51. data/vendor/assets/javascripts/foundation/jquery.event.swipe.js +130 -0
  52. data/vendor/assets/javascripts/foundation/jquery.foundation.accordion.js +24 -7
  53. data/vendor/assets/javascripts/foundation/jquery.foundation.buttons.js +39 -20
  54. data/vendor/assets/javascripts/foundation/jquery.foundation.clearing.js +468 -0
  55. data/vendor/assets/javascripts/foundation/jquery.foundation.forms.js +2 -4
  56. data/vendor/assets/javascripts/foundation/jquery.foundation.joyride.js +635 -0
  57. data/vendor/assets/javascripts/foundation/jquery.foundation.magellan.js +85 -0
  58. data/vendor/assets/javascripts/foundation/jquery.foundation.navigation.js +28 -4
  59. data/vendor/assets/javascripts/foundation/jquery.foundation.orbit.js +84 -28
  60. data/vendor/assets/javascripts/foundation/jquery.foundation.tabs.js +4 -4
  61. data/vendor/assets/javascripts/foundation/jquery.foundation.tooltips.js +18 -14
  62. data/vendor/assets/javascripts/foundation/jquery.foundation.topbar.js +15 -5
  63. data/vendor/assets/javascripts/foundation/modernizr.foundation.js +3 -3
  64. metadata +23 -9
data/test/magellan.html ADDED
@@ -0,0 +1,112 @@
1
+ <!DOCTYPE html>
2
+ <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
3
+ <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
4
+ <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
5
+ <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
6
+ <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
7
+ <head>
8
+ <meta charset="utf-8" />
9
+
10
+ <!-- Set the viewport width to device width for mobile -->
11
+ <meta name="viewport" content="width=device-width" />
12
+
13
+ <title>Foundation Magellan Testing</title>
14
+
15
+ <!-- Included CSS Files -->
16
+ <link rel="stylesheet" href="stylesheets/styles.css">
17
+ <style type="text/css">
18
+ /*#magellanTour {height:200px; overflow:auto;}*/
19
+ #magellanTopNav .active, #magellanSideNav .active {color:orange; font-weight:700;}
20
+ #magellanTopNav {
21
+ position:fixed; top:0; background:white; padding:3px; width:100%; z-index:10;
22
+ border-bottom:1px solid #ccc;
23
+ margin:0;
24
+ padding:0;
25
+ }
26
+ #magellanTopNav ul {list-style:none;}
27
+ #magellanTopNav ul li {display:inline; padding-right:15px;}
28
+ #magellanSideNav {list-style:none;}
29
+ </style>
30
+
31
+ <script src="../vendor/assets/javascripts/foundation/modernizr.foundation.js"></script>
32
+ </head>
33
+ <body>
34
+
35
+ <div class="row">
36
+ <div class="twelve columns">
37
+ <p><a href="index.html">&laquo; Back</a></p>
38
+ <h2>Foundation Magellan Testing</h2>
39
+ <hr />
40
+ </div>
41
+ </div>
42
+
43
+ <!-- Test Foundation Components Here -->
44
+ <div class="row">
45
+ <div class="twelve columns">
46
+ <h3>Magellan</h3>
47
+ <h4 class="subheader">Magellan is an easy to use, powerful navigation slider built to be responsive, just like Foundation.</h4>
48
+
49
+ <div class="row">
50
+ <div class="four columns">
51
+ <div data-magellan-expedition="fixed">
52
+ <h4>Navigation</h4>
53
+ <ul id="magellanSideNav">
54
+ <li><a href="#" data-magellan-arrival="cape-virgenes">cape virgenes</a></li>
55
+ <li><a href="#" data-magellan-arrival="tierra-del-fuego">tierra-del-fuego</a></li>
56
+ <li><a href="#" data-magellan-arrival="limasawa">limasawa</a></li>
57
+ </ul>
58
+ </div>
59
+ </div>
60
+ <div class="eight columns">
61
+ <div id="magellanTour">
62
+ <div id="destination1" data-magellan-destination="cape-virgenes">
63
+ <h4>cape-virgenes</h4>
64
+ <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
65
+ <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
66
+ <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
67
+ </div>
68
+ <div id="destination2" data-magellan-destination="tierra-del-fuego">
69
+ <h4>tierra-del-fuego</h4>
70
+ <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
71
+ <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
72
+ <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
73
+ </div>
74
+ <div id="destination3" data-magellan-destination="limasawa">
75
+ <h4>limasawa</h4>
76
+ <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
77
+ <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
78
+ <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
79
+ <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
80
+ <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
81
+ <p>Bacon ipsum dolor sit amet ut prosciutto pork loin deserunt capicola in. Ex anim beef ribs, cupidatat ullamco et shoulder leberkas turkey aliqua minim jerky shank tempor ribeye. Beef ribs nisi brisket sirloin. Salami quis fugiat culpa sunt tongue. Nisi sunt ribeye in. Pork belly pastrami aliqua occaecat. Flank exercitation ribeye sausage tail beef ribs magna aliqua bacon pig boudin. Officia ad ut rump aliquip meatball. Flank laborum drumstick ut short loin. Filet mignon pig capicola tongue shankle. T-bone beef ribs swine esse shoulder pig salami dolore in turkey veniam aliquip cow voluptate. Ball tip tri-tip consequat pig officia pork chop tongue pork loin jerky, rump flank. Flank consectetur id ut. Boudin chicken meatball leberkas filet mignon id.</p>
82
+ </div>
83
+ </div>
84
+ </div>
85
+ </div>
86
+
87
+ </div>
88
+ </div>
89
+
90
+ <!-- Included JS Files -->
91
+ <script src="../vendor/assets/javascripts/foundation/jquery.js"></script>
92
+ <script src="../vendor/assets/javascripts/foundation/jquery.foundation.mediaQueryToggle.js"></script>
93
+ <script src="../vendor/assets/javascripts/foundation/jquery.placeholder.js"></script>
94
+ <script src="../vendor/assets/javascripts/foundation/jquery.foundation.alerts.js"></script>
95
+ <script src="../vendor/assets/javascripts/foundation/jquery.foundation.accordion.js"></script>
96
+ <script src="../vendor/assets/javascripts/foundation/jquery.foundation.buttons.js"></script>
97
+ <script src="../vendor/assets/javascripts/foundation/jquery.foundation.tooltips.js"></script>
98
+ <script src="../vendor/assets/javascripts/foundation/jquery.foundation.forms.js"></script>
99
+ <script src="../vendor/assets/javascripts/foundation/jquery.foundation.tabs.js"></script>
100
+ <script src="../vendor/assets/javascripts/foundation/jquery.foundation.navigation.js"></script>
101
+ <script src="../vendor/assets/javascripts/foundation/jquery.foundation.reveal.js"></script>
102
+ <script src="../vendor/assets/javascripts/foundation/jquery.foundation.magellan.js"></script>
103
+ <script src="../vendor/assets/javascripts/foundation/jquery.foundation.orbit.js"></script>
104
+ <script src="../vendor/assets/javascripts/foundation/app.js"></script>
105
+ <script type="text/javascript">
106
+ $("[data-magellan-expedition]").first();
107
+ var d1 = $("#destination1");
108
+ var adjustedOffset = d1.offset().top - d1.parent().offset().top;
109
+ console.info(adjustedOffset);
110
+ </script>
111
+ </body>
112
+ </html>
data/test/navigation.html CHANGED
@@ -1,7 +1,5 @@
1
1
  <!DOCTYPE html>
2
2
  <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
3
- <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
4
- <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
5
3
  <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
6
4
  <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
7
5
  <head>
@@ -17,10 +15,6 @@
17
15
 
18
16
  <script src="../vendor/assets/javascripts/foundation/modernizr.foundation.js"></script>
19
17
 
20
- <!-- IE Fix for HTML5 Tags -->
21
- <!--[if lt IE 9]>
22
- <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
23
- <![endif]-->
24
18
  </head>
25
19
  <body>
26
20
 
@@ -39,13 +33,13 @@
39
33
  </dl>
40
34
  </div>
41
35
  </div>
42
-
36
+
43
37
  <!-- Test Foundation Components Here -->
44
38
  <div class="row">
45
39
  <div class="twelve columns">
46
40
  <h3>Navigation</h3>
47
41
  <h4 class="subheader">Direct users around in style. There are navigation options for a number of situations, and everything is designed to work cross-device.</h4>
48
-
42
+
49
43
  <br>
50
44
 
51
45
  <div class="row">
@@ -61,11 +55,25 @@
61
55
  <a href="#">Nav Item 2</a>
62
56
  <a href="#" class="flyout-toggle"><span> </span></a>
63
57
  <ul class="flyout">
64
- <li><a href="#">Sub Nav Item 1</a></li>
65
- <li><a href="#">Sub Nav Item 2</a></li>
66
- <li><a href="#">Sub Nav 3</a></li>
67
- <li><a href="#">Sub Nav 4</a></li>
68
- <li><a href="#">Sub Nav Item 5</a></li>
58
+ <li>
59
+ <form action="#" method="post">
60
+ <fieldset class="textbox">
61
+ <label>
62
+ <span>Username or email</span>
63
+ <input type="text" name="username" autocomplete="on">
64
+ </label>
65
+ <label>
66
+ <span>Password</span>
67
+ <input class="js-password-field" type="password" value="" name="password">
68
+ </label>
69
+ <label>
70
+ <input type="checkbox" value="1" name="remember_me">
71
+ <span>Remember me</span>
72
+ </label>
73
+ <button type="submit" class="nice button" style="margin-bottom: 10px;">Sign in</button>
74
+ </fieldset>
75
+ </form>
76
+ </li>
69
77
  </ul>
70
78
  </li>
71
79
  <li class="has-flyout">
@@ -106,7 +114,7 @@
106
114
  </ul>
107
115
  </div>
108
116
  </div>
109
-
117
+
110
118
  <br><br>
111
119
 
112
120
  <div class="row">
@@ -151,7 +159,7 @@
151
159
  </ul>
152
160
  </div>
153
161
  </div>
154
-
162
+
155
163
  <br>
156
164
 
157
165
  <div class="row">
@@ -170,7 +178,7 @@
170
178
  </ul>
171
179
  </div>
172
180
  </div>
173
-
181
+
174
182
  <br>
175
183
 
176
184
  <div class="row">
@@ -190,7 +198,7 @@
190
198
  </dl>
191
199
  </div>
192
200
  </div>
193
-
201
+
194
202
  <br>
195
203
 
196
204
  <div class="row">
@@ -217,7 +225,7 @@
217
225
 
218
226
  </div>
219
227
  </div>
220
-
228
+
221
229
  <!-- Included JS Files -->
222
230
  <script src="../vendor/assets/javascripts/foundation/jquery.js"></script>
223
231
  <script src="../vendor/assets/javascripts/foundation/jquery.foundation.mediaQueryToggle.js"></script>
@@ -234,6 +242,6 @@
234
242
  <script src="../vendor/assets/javascripts/foundation/app.js"></script>
235
243
  <script type="text/javascript">
236
244
  // Page-Specific JavaScript Goes Here
237
- </script>
245
+ </script>
238
246
  </body>
239
247
  </html>
data/test/orbit.html CHANGED
@@ -1,7 +1,5 @@
1
1
  <!DOCTYPE html>
2
2
  <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
3
- <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
4
- <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
5
3
  <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
6
4
  <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
7
5
  <head>
@@ -14,16 +12,8 @@
14
12
 
15
13
  <!-- Included CSS Files -->
16
14
  <link rel="stylesheet" href="stylesheets/styles.css">
17
- <style type="text/css">
18
- #featuredContent > div {background-color:#f8f8f8; padding:20px;}
19
- </style>
20
15
 
21
16
  <script src="../vendor/assets/javascripts/foundation/modernizr.foundation.js"></script>
22
-
23
- <!-- IE Fix for HTML5 Tags -->
24
- <!--[if lt IE 9]>
25
- <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
26
- <![endif]-->
27
17
  </head>
28
18
  <body>
29
19
 
@@ -63,6 +53,12 @@
63
53
  </div>
64
54
  <div class="eight columns">
65
55
  <div id="featuredContent">
56
+ <!-- <img src="http://placekitten.com/2000/400" data-caption="#captionOne" />
57
+ <img src="http://placekitten.com/2000/400" data-caption="#captionTwo" />
58
+ <img src="http://placekitten.com/2000/400" data-caption="#captionThree" /> -->
59
+ <div>
60
+ <img src="http://placekitten.com/g/400/300" />
61
+ </div>
66
62
  <div data-caption="#captionOne">
67
63
  <h4>This is a content slider.</h4>
68
64
  <p>Each slide holds arbitrary content, like text or actions.</p>
@@ -87,6 +83,8 @@
87
83
 
88
84
  <!-- Included JS Files -->
89
85
  <script src="../vendor/assets/javascripts/foundation/jquery.js"></script>
86
+ <script src="../vendor/assets/javascripts/foundation/jquery.event.move.js"></script>
87
+ <script src="../vendor/assets/javascripts/foundation/jquery.event.swipe.js"></script>
90
88
  <script src="../vendor/assets/javascripts/foundation/jquery.foundation.mediaQueryToggle.js"></script>
91
89
  <script src="../vendor/assets/javascripts/foundation/jquery.placeholder.js"></script>
92
90
  <script src="../vendor/assets/javascripts/foundation/jquery.foundation.alerts.js"></script>
@@ -102,9 +100,10 @@
102
100
  <script type="text/javascript">
103
101
  $(window).load(function(){
104
102
  $("#featured").orbit({
105
- animation: 'fade',
106
- resetTimerOnClick: true
103
+ slideNumber: true,
104
+ stackOnSmall: true
107
105
  });
106
+
108
107
  $('#featuredContent').orbit({ fluid: '2x1' });
109
108
  });
110
109
  </script>
data/test/reveal.html CHANGED
@@ -1,7 +1,5 @@
1
1
  <!DOCTYPE html>
2
2
  <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
3
- <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
4
- <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
5
3
  <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
6
4
  <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
7
5
  <head>
@@ -17,10 +15,6 @@
17
15
 
18
16
  <script src="../vendor/assets/javascripts/foundation/modernizr.foundation.js"></script>
19
17
 
20
- <!-- IE Fix for HTML5 Tags -->
21
- <!--[if lt IE 9]>
22
- <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
23
- <![endif]-->
24
18
  </head>
25
19
  <body>
26
20
 
data/test/scss/_settings.scss CHANGED
@@ -1,144 +1,204 @@
1
1
  @import "foundation/common/ratios";
2
2
 
3
- // // Settings file containing Foundation defaults
4
-
5
- // // Grid Settings
6
-
7
- // $rowWidth: 1000px !default;
8
- // $columnGutter: 30px !default;
9
- // $totalColumns: 12 !default;
10
- // $mobileTotalColumns: 4 !default;
11
-
12
- // // Text Direction Settings
13
-
14
- // $textDirection: ltr !default; // Controls default global text direction, 'rtl' or 'ltr'
15
- // $defaultFloat: left !default; // Change this to 'right' for right-to-left languages
16
- // $defaultOpposite: right !default; // Change this to 'left' for right-to-left languages
17
-
18
- // @if $textDirection == ltr {
19
- // $defaultFloat: left;
20
- // $defaultOpposite: right;
21
- // } @else {
22
- // $defaultFloat: right;
23
- // $defaultOpposite: left;
24
- // }
25
-
26
- // // Colors Settings
27
-
28
- // $mainColor: #2ba6cb !default;
29
- // $secondaryColor: #e9e9e9 !default;
30
- // $alertColor: #c60f13 !default;
31
- // $successColor: #5da423 !default;
32
- // $txtColor: #222 !default;
33
- // $highlightColor: #ffff99 !default;
34
- // $black: #000 !default;
35
- // $white: #fff !default;
36
- // $shinyEdge: rgba(#fff, .5) !default;
37
- // $darkEdge: rgba(#000, .2) !default;
38
-
39
- // // Font Settings
40
-
41
- // $headerFontFamily: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !default;
42
- // $headerFontWeight: bold !default;
43
- // $headerFontColor: #222 !default;
44
- // $bodyFontFamily: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !default;
45
- // $bodyFontWeight: normal !default;
46
- // $bodyFontColor: $txtColor !default;
47
-
48
- // // Button Settings
49
-
50
- // $buttonRadius: 3px !default;
51
- // $btnBase: 10px !default;
52
-
53
- // $tinyBtnBase: $btnBase - 5 !default;
54
- // $smallBtnBase: $btnBase - 3 !default;
55
- // $largeBtnBase: $btnBase + 5 !default;
56
-
57
- // // Form Settings
58
-
59
- // $formSpacing: 12px !default;
60
-
61
- // // Tab Settings
62
-
63
- // $tabHeight: 40px !default;
64
-
65
- // // Nav Bar Settings
66
-
67
- // $navBarHeight: 40px !default;
68
- // $navFlyoutBaseWidth: 250px !default;
69
-
70
- // // UI Settings
71
-
72
- // $thumbRadius: 3px !default;
73
-
74
- // $progBarHeight: 25px !default;
75
- // $progBarBorderColor: darken($white, 20%) !default;
76
- // $progBarBorderSize: 1px !default;
77
- // $progBarPad: 2px !default;
78
-
79
- // // Off Canvas Width Settings
80
-
81
- // $mainWidth: 80% !default;
82
- // $complementaryWidth: 20% !default;
83
-
84
- // // Modular Scale Settings
3
+ // Settings file containing Foundation defaults
4
+
5
+ // Grid Settings
6
+
7
+ // $rowWidth: 1000px;
8
+ // $columnGutter: 30px;
9
+ // $totalColumns: 12;
10
+ // $mobileTotalColumns: 4;
11
+ // $blockGridElements: 12; // Highest number of block grid elements, Maximum of 24 supported
12
+
13
+ // Colors Settings
14
+
15
+ // $mainColor: #2ba6cb;
16
+ // $secondaryColor: #e9e9e9;
17
+ // $alertColor: #c60f13;
18
+ // $successColor: #5da423;
19
+ // $txtColor: #222;
20
+ // $highlightColor: #ffff99;
21
+ // $black: #000;
22
+ // $white: #fff;
23
+ // $shinyEdge: rgba(#fff, .5);
24
+ // $darkEdge: rgba(#000, .2);
25
+
26
+ // Font Settings
27
+
28
+ // $headerFontFamily: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
29
+ // $headerFontWeight: bold;
30
+ // $headerFontStyle: normal;
31
+ // $headerFontColor: #222;
32
+ // $bodyFontFamily: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
33
+ // $bodyFontWeight: normal;
34
+ // $bodyFontStyle: normal;
35
+ // $bodyFontColor: $txtColor;
36
+
37
+ // Text Direction Settings
38
+
39
+ // $textDirection: ltr; // Controls default global text direction, 'rtl' or 'ltr'
40
+
41
+ // Button Settings
42
+
43
+ // $buttonRadius: 3px;
44
+ // $btnBase: 10px;
45
+
46
+ // $tinyBtnBase: $btnBase - 5;
47
+ // $smallBtnBase: $btnBase - 3;
48
+ // $largeBtnBase: $btnBase + 5;
49
+
50
+ // Form Settings
51
+
52
+ // $formSpacing: 12px;
53
+ // $labelFontWeight: 500;
54
+ // $labelFontColor: lighten(#000, 30%);
55
+ // $labelBtmMargin: 3px;
56
+ // $inputFontColor: rgba(0,0,0,0.75);
57
+ // $inputFontSize: 14px;
58
+ // $inputBgColor: #fff;
59
+ // $inputFocusBgColor: darken(#fff, 2%);
60
+ // $inputBorderColor: darken(#fff, 20%);
61
+ // $inputFocusBorderColor: darken(#fff, 30%);
62
+ // $inputBorderStyle: solid;
63
+ // $inputBorderWidth: 1px;
64
+ // $inputBorderRadius: 2px;
65
+ // $fieldsetBorderRadius: 3px;
66
+
67
+ // Custom Form Settings
68
+
69
+ // $custFormBorderColor: #ccc;
70
+ // $custFormBgColor: #fff;
71
+ // $custCheckColor: #222;
72
+ // $custSelectCurrentFontColor: #141414;
73
+ // $custSelectBgColor: #fff;
74
+ // $custSelectBorderColor: #ddd;
75
+ // $custSelectTriangleColor: #aaa;
76
+ // $custSelectTriangleColorOpen: #222;
77
+ // $custSelectDropHeight: 200px;
78
+ // $custDropdownBgColor: #fff;
79
+ // $custDropdownBorderColor: darken(#fff, 20%);
80
+ // $custDropdownFontColor: #555;
81
+ // $custDropdownSelectedBgColor: lighten(#2ba6cb, 40%);
82
+ // $custDropdownSelectedFontColor: #000;
83
+ // $custFormDisabledBgColor: #ddd;
84
+
85
+ // Tab Settings
86
+
87
+ // $tabHeight: 40px;
88
+ // $tabTermFontSize: 12px;
89
+
90
+ // Nav Bar Settings
91
+
92
+ // $navBarHeight: 40px;
93
+ // $navFlyoutBaseWidth: 250px;
94
+
95
+ // Top Bar Settings
96
+
97
+ // $topBarBgColor: #222;
98
+ // $topBarHeight: 45px;
99
+ // $topBarHeightMobile: 45px;
100
+ // $topBarBtmMargin: 30px;
101
+ // $topBarTitleWeight: bold;
102
+ // $topBarTitleSize: 17px;
103
+ // $topBarLinkColor: #fff;
104
+ // $topBarLinkWeight: bold;
105
+ // $topBarLinkSize: 13px;
106
+ // $topBarDropBgColor: #222;
107
+ // $topBarDropLinkColor: #fff;
108
+ // $topBarDropToggleSize: 5px;
109
+ // $topBarDropToggleColor: #fff;
110
+ // $topBarDropToggleAlpha: 0.5;
111
+ // $topBarSearchWidth: 200px;
112
+ // $topBarBreakPoint: 940px; // Change to 9999px for always mobile layout
113
+ // $topBarNavToggleSize: 8px;
114
+
115
+ // UI Settings
116
+
117
+ // $thumbRadius: 3px;
118
+ // $progBarHeight: 25px;
119
+ // $progBarBorderColor: darken(#fff, 20%);
120
+ // $progBarBorderSize: 1px;
121
+ // $progBarPad: 2px;
122
+ // $linkListBottomMargin: 17px -22px;
123
+ // $tableBorderRadius: 3px;
124
+
125
+ // Tooltip Settings
126
+
127
+ // $hasTipBorderBottom: dotted 1px #ccc;
128
+ // $hasTipFontWeight: bold;
129
+ // $hasTipFontColor: #333;
130
+ // $hasTipBorderBottomHover: dotted 1px darken($mainColor, 20%);
131
+ // $hasTipFontColorHover: $mainColor;
132
+ // $tooltipBackgroundColor: #000;
133
+ // $tooltipBackgroundOpacity: 0.85;
134
+ // $tooltipFontSize: 12px;
135
+ // $tooltipFontWeight: bold;
136
+ // $tooltipFontColor: #fff;
137
+ // $tapToCloseFontSize: 10;
138
+ // $tapToCloseFontWeight: normal;
139
+ // $tapToCloseFontColor: #888;
140
+ // $tooltipFontSizeScreenSm: 14;
141
+ // $tooltipBgOpacityScreenSm: 0.85;
142
+ // $tooltipBorderRadius: 4px;
143
+
144
+ // Pricing Table Settings
145
+
146
+ // $priceTableBorder: solid 1px #ddd;
147
+ // $priceTitleBgColor: #ddd;
148
+ // $priceTitlePadding: 15px 20px;
149
+ // $priceTitleAlign: center;
150
+ // $priceTitleColor: #333;
151
+ // $priceTitleWeight: bold;
152
+ // $priceTitleSize: 16px;
153
+
154
+ // $priceMoneyBgColor: #eee;
155
+ // $priceMoneyPadding: 15px 20px;
156
+ // $priceMoneyAlign: center;
157
+ // $priceMoneyColor: #333;
158
+ // $priceMoneyWeight: normal;
159
+ // $priceMoneySize: 20px;
160
+
161
+ // $priceBgColor: #fff;
162
+ // $priceDescColor: #777;
163
+ // $priceDescPadding: 15px;
164
+ // $priceDescAlign: center;
165
+ // $priceDescFontSize: 12px;
166
+ // $priceDescWeight: normal;
167
+ // $priceDescLineHeight: 1.4;
168
+ // $priceDescBtmBorder: dotted 1px #ddd;
169
+
170
+ // $priceItemColor: #333;
171
+ // $priceItemPadding: 15px;
172
+ // $priceItemAlign: center;
173
+ // $priceItemFontSize: 14px;
174
+ // $priceItemWeight: normal;
175
+ // $priceItemBtmBorder: dotted 1px #ddd;
176
+
177
+ // $priceCtaBgColor: #f5f5f5;
178
+ // $priceCtaAlign: center;
179
+ // $priceCtaPadding: 20px;
180
+
181
+ // Orbit Settings
182
+
183
+ // $orbitCaptionBgColorOldBrowser: #000;
184
+ // $orbitCaptionBgColor: rgba(0,0,0,.6);
185
+ // $orbitCaptionFontColor: #fff;
186
+ // $orbitBulletNavColor: #999;
187
+ // $orbitBulletNavColorActive: #222;
188
+ // $orbitHasThumbBorderColor: #000;
189
+ // $orbitHasThumbBorderWidth: 2px;
190
+ // $orbitHasThumbBorderStyle: solid;
191
+ // $orbitSlideNumBgColor: rgba(0,0,0,0.7);
192
+ // $orbitSlideNumFontColor: #fff;
193
+ // $orbitSlideNumPadding: 5px;
194
+
195
+ // Off Canvas Width Settings
196
+
197
+ // $mainWidth: 80%;
198
+ // $complementaryWidth: 20%;
199
+
200
+ // Modular Scale Settings
85
201
 
86
202
  // $ratio: $golden; // THIS IS DEFAULT IN MODULAR-SCALE
87
- // $baseFontSize: 14px !default;
88
- // $importantModNum: 44px !default;
89
- // $base-size: $baseFontSize $importantModNum;
90
- // // Produced the following list of values: 14, 17, 23, 27, 37, 44, 59, 71, 95, 115;
91
- // // http://www.modularscale.com by Tim Brown
92
- // // https://github.com/scottkellum/modular-scale by scottkellum
93
-
94
- // // Tooltip Settings
95
- // $hasTipBorderBottom: dotted 1px #ccc !default;
96
- // $hasTipFontWeight: bold !default;
97
- // $hasTipFontColor: #333 !default;
98
- // $hasTipBorderBottomHover: dotted 1px darken($mainColor, 20%) !default;
99
- // $hasTipFontColorHover: $mainColor !default;
100
- // $tooltipBackgroundColor: #000 !default;
101
- // $tooltipBackgroundOpacity: 0.85 !default;
102
- // $tooltipFontSize: 12 !default;
103
- // $tooltipFontWeight: bold !default;
104
- // $tooltipFontColor: #fff !default;
105
- // $tapToCloseFontSize: 10 !default;
106
- // $tapToCloseFontWeight: normal !default;
107
- // $tapToCloseFontColor: #888 !default;
108
- // $tooltipFontSizeScreenSmall: 14 !default;
109
- // $tooltipBackgroundOpacityScreenSmall: 0.85 !default;
110
-
111
- // // Top Bar Settings
112
-
113
- // $topBarBgColor: #222 !default;
114
- // $topBarHeight: 45px !default;
115
- // $topBarBtmMargin: 30px !default;
116
- // $topBarTitleWeight: bold !default;
117
- // $topBarTitleSize: ms(1) !default;
118
- // $topBarLinkColor: #fff !default;
119
- // $topBarLinkWeight: bold !default;
120
- // $topBarLinkSize: ms(0) - 1 !default;
121
- // $topBarDropToggleSize: 5px !default;
122
- // $topBarSearchWidth: 200px !default;
123
- // $topBarBreakPoint: 940px !default; // Change to 9999px for always mobile layout
124
- // $topBarNavToggleSize: 8px !default;
125
-
126
- // // Media Queries
127
-
128
- // $screenSmall: 768px !default;
129
- // $screenMedium: 1279px !default;
130
- // $screenXlarge: 1441px !default;
131
-
132
- // // Saving for better em-based testing
133
- // // $screenSmall: 44em !default;
134
- // // $screenMedium: 77em !default;
135
- // // $screenXlarge: 104em !default;
136
-
137
- // // Saving for Sass 3.2 stable release
138
- // // $mediaSmall: "only screen and (max-width: 767px)" !default;
139
- // // $mediaMedium: "only screen and (max-width: 1279px) and (min-width: 768px)" !default;
140
- // // $mediaXlarge: "only screen and (min-width: 1441px)" !default;
141
- // // $mediaLandscape: "screen and (orientation: landscape)" !default;
142
- // // $mediaPortrait: "screen and (orientation: portrait)" !default;
143
- // // $mediaAll: "only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px)" !default;
144
-
203
+ // $baseFontSize: 14px;
204
+ // $importantModNum: 44px;