zurb-foundation 3.2.5 → 4.0.0.rc1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (239) hide show
  1. data/.gitignore +6 -2
  2. data/CHANGELOG.md +1 -26
  3. data/CONTRIBUTING.md +18 -0
  4. data/Gemfile.lock +19 -0
  5. data/Gruntfile.js +27 -0
  6. data/README.md +5 -6
  7. data/{Capfile → docs/Capfile} +0 -1
  8. data/docs/Gemfile +8 -0
  9. data/docs/Gemfile.lock +43 -0
  10. data/docs/Procfile +2 -0
  11. data/docs/README.md +1 -0
  12. data/docs/_sidebar-components.html.erb +109 -0
  13. data/docs/_sidebar.html.erb +109 -0
  14. data/docs/_zurb-jobs.html.erb +5 -0
  15. data/docs/changelog.html.erb +185 -0
  16. data/docs/compile.rb +43 -0
  17. data/docs/components/alert-boxes.html.erb +202 -0
  18. data/docs/components/block-grid.html.erb +118 -0
  19. data/docs/components/breadcrumbs.html.erb +146 -0
  20. data/docs/components/button-groups.html.erb +174 -0
  21. data/docs/components/buttons.html.erb +220 -0
  22. data/docs/components/clearing.html.erb +152 -0
  23. data/docs/components/custom-forms.html.erb +306 -0
  24. data/docs/components/dropdown-buttons.html.erb +233 -0
  25. data/docs/components/dropdown.html.erb +186 -0
  26. data/docs/components/flex-video.html.erb +93 -0
  27. data/docs/components/forms.html.erb +468 -0
  28. data/docs/components/grid.html.erb +355 -0
  29. data/docs/components/inline-lists.html.erb +89 -0
  30. data/docs/components/joyride.html.erb +178 -0
  31. data/docs/components/keystrokes.html.erb +74 -0
  32. data/docs/components/labels.html.erb +98 -0
  33. data/docs/components/magellan.html.erb +84 -0
  34. data/docs/components/orbit.html.erb +262 -0
  35. data/docs/components/pagination.html.erb +181 -0
  36. data/docs/components/panels.html.erb +121 -0
  37. data/docs/components/pricing-tables.html.erb +154 -0
  38. data/docs/components/progress-bars.html.erb +120 -0
  39. data/docs/components/reveal.html.erb +147 -0
  40. data/docs/components/section.html.erb +156 -0
  41. data/docs/components/side-nav.html.erb +122 -0
  42. data/docs/components/split-buttons.html.erb +218 -0
  43. data/docs/components/sub-nav.html.erb +120 -0
  44. data/docs/components/switch.html.erb +288 -0
  45. data/docs/components/tables.html.erb +123 -0
  46. data/docs/components/thumbnails.html.erb +87 -0
  47. data/docs/components/tooltips.html.erb +73 -0
  48. data/docs/components/top-bar.html.erb +219 -0
  49. data/docs/components/type.html.erb +359 -0
  50. data/docs/components/visibility.html.erb +102 -0
  51. data/docs/config.ru +12 -0
  52. data/docs/config/deploy.rb +33 -0
  53. data/docs/controller.rb +43 -0
  54. data/docs/css/_coderay.scss +116 -0
  55. data/docs/css/_settings.scss +1 -0
  56. data/docs/css/docs.scss +174 -0
  57. data/docs/css/normalize.scss +396 -0
  58. data/docs/css/qunit-composite.css +13 -0
  59. data/docs/css/qunit.css +235 -0
  60. data/docs/faq.html.erb +61 -0
  61. data/docs/img/demos/demo1-th.png +0 -0
  62. data/docs/img/demos/demo1.png +0 -0
  63. data/docs/img/demos/demo2-th.png +0 -0
  64. data/docs/img/demos/demo2.png +0 -0
  65. data/docs/img/demos/demo3-th.png +0 -0
  66. data/docs/img/demos/demo3.png +0 -0
  67. data/docs/img/demos/demo4-th.png +0 -0
  68. data/docs/img/demos/demo4.png +0 -0
  69. data/docs/img/demos/demo5-th.png +0 -0
  70. data/docs/img/demos/demo5.png +0 -0
  71. data/docs/index.html.erb +299 -0
  72. data/docs/javascript.html.erb +133 -0
  73. data/docs/js/docs.js +3 -0
  74. data/docs/js/qunit-composite.js +105 -0
  75. data/docs/js/qunit.js +1977 -0
  76. data/docs/js/tests/tabs/simple_tabs.html +57 -0
  77. data/docs/js/tests/tabs/simple_tabs.js +54 -0
  78. data/docs/js/tests/tooltips/tooltips.html +39 -0
  79. data/docs/js/tests/tooltips/tooltips.js +11 -0
  80. data/docs/layout.html.erb +99 -0
  81. data/docs/rails.html.erb +66 -0
  82. data/docs/sass.html.erb +299 -0
  83. data/docs/support.html.erb +134 -0
  84. data/foundation.gemspec +2 -4
  85. data/index.html +3 -23
  86. data/js/foundation/foundation.alerts.js +50 -0
  87. data/js/foundation/foundation.clearing.js +478 -0
  88. data/{vendor/assets/javascripts/foundation/jquery.cookie.js → js/foundation/foundation.cookie.js} +3 -1
  89. data/js/foundation/foundation.dropdown.js +122 -0
  90. data/js/foundation/foundation.forms.js +403 -0
  91. data/js/foundation/foundation.joyride.js +613 -0
  92. data/js/foundation/foundation.js +331 -0
  93. data/js/foundation/foundation.magellan.js +130 -0
  94. data/js/foundation/foundation.orbit.js +355 -0
  95. data/{vendor/assets/javascripts/foundation/jquery.placeholder.js → js/foundation/foundation.placeholder.js} +4 -2
  96. data/js/foundation/foundation.reveal.js +264 -0
  97. data/js/foundation/foundation.section.js +180 -0
  98. data/js/foundation/foundation.tooltips.js +195 -0
  99. data/js/foundation/foundation.topbar.js +187 -0
  100. data/js/foundation/index.js +16 -0
  101. data/{vendor/assets/javascripts/foundation/modernizr.foundation.js → js/vendor/custom.modernizr.js} +0 -0
  102. data/js/vendor/jquery.js +9597 -0
  103. data/js/vendor/zepto.js +1782 -0
  104. data/lib/foundation/engine.rb +8 -1
  105. data/lib/foundation/generators/install_generator.rb +24 -1
  106. data/lib/foundation/generators/templates/application.html.erb +20 -6
  107. data/lib/foundation/generators/templates/application.html.haml +2 -6
  108. data/lib/foundation/generators/templates/application.html.slim +2 -5
  109. data/lib/foundation/version.rb +1 -1
  110. data/lib/zurb-foundation.rb +7 -9
  111. data/package.json +9 -0
  112. data/scss/foundation.scss +42 -15
  113. data/scss/foundation/_foundation-global.scss +226 -0
  114. data/scss/foundation/components/_alert-boxes.scss +106 -0
  115. data/scss/foundation/components/_block-grid.scss +63 -0
  116. data/scss/foundation/components/_breadcrumbs.scss +117 -0
  117. data/scss/foundation/components/_button-groups.scss +59 -0
  118. data/scss/foundation/components/_buttons.scss +217 -0
  119. data/scss/foundation/components/_clearing.scss +209 -0
  120. data/scss/foundation/components/_custom-forms.scss +232 -0
  121. data/scss/foundation/components/_dropdown-buttons.scss +114 -0
  122. data/scss/foundation/components/_dropdown.scss +137 -0
  123. data/scss/foundation/components/_flex-video.scss +45 -0
  124. data/scss/foundation/components/_forms.scss +309 -0
  125. data/scss/foundation/components/_grid.scss +149 -71
  126. data/scss/foundation/components/_inline-lists.scss +47 -0
  127. data/scss/foundation/components/_joyride.scss +193 -0
  128. data/scss/foundation/components/_keystrokes.scss +56 -0
  129. data/scss/foundation/components/_labels.scss +81 -0
  130. data/scss/foundation/components/_magellan.scss +15 -0
  131. data/scss/foundation/components/_orbit.scss +193 -0
  132. data/scss/foundation/components/_pagination.scss +99 -0
  133. data/scss/foundation/components/_panels.scss +76 -0
  134. data/scss/foundation/components/_pricing-tables.scss +130 -0
  135. data/scss/foundation/components/_progress-bars.scss +68 -0
  136. data/scss/foundation/components/_reveal.scss +131 -0
  137. data/scss/foundation/components/_section.scss +194 -0
  138. data/scss/foundation/components/_side-nav.scss +68 -0
  139. data/scss/foundation/components/_split-buttons.scss +159 -0
  140. data/scss/foundation/components/_sub-nav.scss +67 -0
  141. data/scss/foundation/components/_switch.scss +242 -0
  142. data/scss/foundation/components/_tables.scss +80 -0
  143. data/scss/foundation/components/_thumbs.scss +45 -0
  144. data/scss/foundation/components/_tooltips.scss +113 -0
  145. data/scss/foundation/components/_top-bar.scss +443 -0
  146. data/scss/foundation/components/_type.scss +411 -0
  147. data/scss/foundation/components/_visibility.scss +117 -0
  148. data/scss/normalize.scss +396 -0
  149. data/templates/project/config.rb +26 -0
  150. data/templates/project/index.html +28 -43
  151. data/templates/project/manifest.rb +21 -28
  152. data/templates/project/scss/_settings.scss +4 -243
  153. data/templates/project/scss/app.scss +37 -44
  154. data/templates/project/scss/normalize.scss +396 -0
  155. data/test/stylesheets/styles.css +955 -0
  156. metadata +144 -153
  157. data/config/deploy.rb +0 -42
  158. data/lib/foundation/generators/layout_generator.rb +0 -28
  159. data/scss/foundation/_settings.scss +0 -281
  160. data/scss/foundation/common/_base.scss +0 -4
  161. data/scss/foundation/common/_forms.scss +0 -117
  162. data/scss/foundation/common/_globals.scss +0 -35
  163. data/scss/foundation/common/_ratios.scss +0 -19
  164. data/scss/foundation/common/_typography.scss +0 -104
  165. data/scss/foundation/components/modules/_all.scss +0 -10
  166. data/scss/foundation/components/modules/_buttons.scss +0 -178
  167. data/scss/foundation/components/modules/_clearing.scss +0 -61
  168. data/scss/foundation/components/modules/_joyride.scss +0 -33
  169. data/scss/foundation/components/modules/_mqueries.scss +0 -458
  170. data/scss/foundation/components/modules/_navbar.scss +0 -74
  171. data/scss/foundation/components/modules/_offcanvas.scss +0 -55
  172. data/scss/foundation/components/modules/_orbit.scss +0 -90
  173. data/scss/foundation/components/modules/_reveal.scss +0 -34
  174. data/scss/foundation/components/modules/_tabs.scss +0 -67
  175. data/scss/foundation/components/modules/_topbar.scss +0 -167
  176. data/scss/foundation/components/modules/_ui.scss +0 -292
  177. data/scss/foundation/functions/_all.scss +0 -2
  178. data/scss/foundation/functions/_convert-number-to-word.scss +0 -10
  179. data/scss/foundation/functions/_grid-calc.scss +0 -5
  180. data/scss/foundation/functions/modular-scale.scss +0 -3
  181. data/scss/foundation/mixins/_all.scss +0 -5
  182. data/scss/foundation/mixins/_clearfix.scss +0 -13
  183. data/scss/foundation/mixins/_css-triangle.scss +0 -22
  184. data/scss/foundation/mixins/_font-size.scss +0 -13
  185. data/scss/foundation/mixins/_respond-to.scss +0 -11
  186. data/scss/foundation/mixins/_semantic-grid.scss +0 -66
  187. data/test/buttons.html +0 -189
  188. data/test/clearing.html +0 -85
  189. data/test/config.rb +0 -11
  190. data/test/elements.html +0 -490
  191. data/test/forms.html +0 -371
  192. data/test/grid.html +0 -543
  193. data/test/images/orbit-demo/demo1.jpeg +0 -0
  194. data/test/images/orbit-demo/demo2.jpeg +0 -0
  195. data/test/images/orbit-demo/demo3.jpeg +0 -0
  196. data/test/images/orbit-demo/slider-background.jpeg +0 -0
  197. data/test/index.html +0 -83
  198. data/test/joyride.html +0 -127
  199. data/test/magellan.html +0 -112
  200. data/test/navigation.html +0 -269
  201. data/test/orbit.html +0 -112
  202. data/test/reveal.html +0 -91
  203. data/test/scss/_settings.scss +0 -245
  204. data/test/scss/styles.scss +0 -50
  205. data/test/tabs.html +0 -197
  206. data/test/template.html +0 -52
  207. data/test/topbar-login.html +0 -194
  208. data/test/topbar.html +0 -139
  209. data/test/type.html +0 -188
  210. data/vendor/assets/images/foundation/orbit/bullets.jpg +0 -0
  211. data/vendor/assets/images/foundation/orbit/left-arrow-small.png +0 -0
  212. data/vendor/assets/images/foundation/orbit/left-arrow.png +0 -0
  213. data/vendor/assets/images/foundation/orbit/loading.gif +0 -0
  214. data/vendor/assets/images/foundation/orbit/mask-black.png +0 -0
  215. data/vendor/assets/images/foundation/orbit/pause-black.png +0 -0
  216. data/vendor/assets/images/foundation/orbit/right-arrow-small.png +0 -0
  217. data/vendor/assets/images/foundation/orbit/right-arrow.png +0 -0
  218. data/vendor/assets/images/foundation/orbit/rotator-black.png +0 -0
  219. data/vendor/assets/images/foundation/orbit/timer-black.png +0 -0
  220. data/vendor/assets/javascripts/foundation/app.js +0 -41
  221. data/vendor/assets/javascripts/foundation/index.js +0 -19
  222. data/vendor/assets/javascripts/foundation/jquery.event.move.js +0 -580
  223. data/vendor/assets/javascripts/foundation/jquery.event.swipe.js +0 -130
  224. data/vendor/assets/javascripts/foundation/jquery.foundation.accordion.js +0 -47
  225. data/vendor/assets/javascripts/foundation/jquery.foundation.alerts.js +0 -20
  226. data/vendor/assets/javascripts/foundation/jquery.foundation.buttons.js +0 -83
  227. data/vendor/assets/javascripts/foundation/jquery.foundation.clearing.js +0 -413
  228. data/vendor/assets/javascripts/foundation/jquery.foundation.forms.js +0 -502
  229. data/vendor/assets/javascripts/foundation/jquery.foundation.joyride.js +0 -639
  230. data/vendor/assets/javascripts/foundation/jquery.foundation.magellan.js +0 -96
  231. data/vendor/assets/javascripts/foundation/jquery.foundation.mediaQueryToggle.js +0 -27
  232. data/vendor/assets/javascripts/foundation/jquery.foundation.navigation.js +0 -55
  233. data/vendor/assets/javascripts/foundation/jquery.foundation.orbit.js +0 -919
  234. data/vendor/assets/javascripts/foundation/jquery.foundation.reveal.js +0 -794
  235. data/vendor/assets/javascripts/foundation/jquery.foundation.tabs.js +0 -66
  236. data/vendor/assets/javascripts/foundation/jquery.foundation.tooltips.js +0 -211
  237. data/vendor/assets/javascripts/foundation/jquery.foundation.topbar.js +0 -174
  238. data/vendor/assets/javascripts/foundation/jquery.js +0 -9555
  239. data/vendor/assets/javascripts/foundation/jquery.offcanvas.js +0 -50
data/test/tabs.html DELETED
@@ -1,197 +0,0 @@
1
- <!DOCTYPE html>
2
- <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
3
- <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
4
- <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
5
- <head>
6
- <meta charset="utf-8" />
7
-
8
- <!-- Set the viewport width to device width for mobile -->
9
- <meta name="viewport" content="width=device-width" />
10
-
11
- <title>Foundation Tabs Testing</title>
12
-
13
- <!-- Included CSS Files -->
14
- <link rel="stylesheet" href="stylesheets/styles.css">
15
-
16
- <script src="../vendor/assets/javascripts/foundation/modernizr.foundation.js"></script>
17
-
18
- </head>
19
- <body>
20
-
21
- <div class="row">
22
- <div class="twelve columns">
23
- <p><a href="index.html">&laquo; Back</a></p>
24
- <h2>Foundation Tabs Testing</h2>
25
- <hr />
26
- <dl class="sub-nav">
27
- <dt>Go to:</dt>
28
- <dd><a href="#simple-tabs">Simple Tabs</a></dd>
29
- <dd><a href="#absolute-tabs">Absolutely Linked Tabs</a></dd>
30
- <dd><a href="#tab-sizing">Tab Sizing</a></dd>
31
- <dd><a href="#contained-tabs">Contained Tabs</a></dd>
32
- <dd><a href="#pill-style-tables">Pill-Style Tabs</a></dd>
33
- <dd><a href="#vertical-tabs">Vertical Tabs</a></dd>
34
- <dd><a href="#mobile-tabs">Mobile Tabs</a></dd>
35
-
36
- </dl>
37
- </div>
38
- </div>
39
-
40
- <!-- Test Foundation Components Here -->
41
- <div class="row">
42
- <div class="twelve columns">
43
- <h3>Tabs</h3>
44
- <h4 class="subheader">Tabs are very versatile both as organization and navigational constructs. With the base Foundation package, tabs in the markup specified below are already hooked up &mdash; no extra work required.</h4>
45
-
46
- <br>
47
-
48
- <div class="row">
49
- <div class="four columns">
50
- <a name="simple-tabs"></a>
51
- <h4>Simple Tabs</h4>
52
- <p>Tabs are made of <strong>two objects:</strong> a <code>dl</code> object containing the tabs themselves, and a <code>ul</code> object containing the tab content.</p>
53
- </div>
54
- <br>
55
- <div class="eight columns">
56
- <ul class="tabs">
57
- <li class="active"><a href="#simple1">Simple Tab 1</a></li>
58
- <li><a href="#simple2">Simple Tab 2</a></li>
59
- <li><a href="#simple3">Simple Tab 3</a></li>
60
- </ul>
61
- <ul class="tabs-content">
62
- <li class="active" id="simple1Tab">This is simple tab 1's content. Pretty neat, huh?</li>
63
- <li id="simple2Tab">This is simple tab 2's content. Now you see it!</li>
64
- <li id="simple3Tab">This is simple tab 3's content. It's only okay.</li>
65
- </ul>
66
- </div>
67
- </div>
68
-
69
- <br><br>
70
-
71
- <div class="row">
72
- <div class="four columns">
73
- <a name="absolute-tabs"></a>
74
- <h4>Absolutely Linked Tabs</h4>
75
- <p>Tabs can be linked to a path and used as navigation.</p>
76
- </div>
77
- <br>
78
- <div class="eight columns">
79
- <dl class="tabs">
80
- <dd class="active"><a href="tabs.html">Tabs</a></dd>
81
- <dd><a href="forms.html">Forms</a></dd>
82
- <dd class="hide-for-small"><a href="elements.html">Elements</a></dd>
83
- </dl>
84
- </div>
85
- </div>
86
-
87
- <br><br>
88
-
89
- <div class="row">
90
- <div class="four columns">
91
- <a name="tab-sizing"></a>
92
- <h4>Tab Sizing</h4>
93
- <p>If you want your tabs to run the full width of their container evenly, you can add class of <code>.two-up</code>, <code>.three-up</code>, <code>.four-up</code>, and <code>.five-up</code> to them.</p>
94
- </div>
95
- <br>
96
- <div class="eight columns">
97
- <dl class="tabs three-up">
98
- <dd class="active"><a href="#evenTab1">Even Tab 1</a></dd>
99
- <dd><a href="#evenTab2">Even Tab 2</a></dd>
100
- <dd><a href="#evenTab3">Even Tab 3</a></dd>
101
- </dl>
102
-
103
- <dl class="tabs five-up">
104
- <dd class="active"><a href="#evenTab4">Tab 4</a></dd>
105
- <dd><a href="#evenTab5">Tab 5</a></dd>
106
- <dd><a href="#evenTab6">Tab 6</a></dd>
107
- <dd><a href="#evenTab7">Tab 7</a></dd>
108
- <dd><a href="#evenTab8">Tab 8</a></dd>
109
- </dl>
110
- </div>
111
- </div>
112
-
113
- <br><br>
114
-
115
- <div class="row">
116
- <div class="four columns">
117
- <a name="contained-tabs"></a>
118
- <h4>Contained Tabs</h4>
119
- <p>Contained tabs have a simple added class of "contained" on the tabs-content element. What that means is the tab content has a border around it tying it to the tabs. You can still use standard column sizes inside a tab element.</p>
120
- </div>
121
- <br>
122
- <div class="eight columns">
123
- <ul class="tabs contained mobile">
124
- <li class="section-title">Title 1</li>
125
- <li class="active"><a href="#simpleContained1">Simple Tab 1</a></li>
126
- <li class=""><a href="#simpleContained2">Simple Tab 2</a></li>
127
- <li class="section-title">Title 1</li>
128
- <li class=""><a href="#simpleContained3">Simple Tab 3</a></li>
129
- </ul>
130
- <ul class="tabs-content contained">
131
- <li class="active" id="simpleContained1Tab">This is simple tab 1's content. Pretty neat, huh?</li>
132
- <li id="simpleContained2Tab">This is simple tab 2's content. Now you see it!</li>
133
- <li id="simpleContained3Tab">This is simple tab 3's content. It's only okay.</li>
134
- </ul>
135
- </div>
136
- </div>
137
-
138
- <br><br>
139
-
140
- <div class="row">
141
- <div class="four columns">
142
- <a name="pill-style-tabs"></a>
143
- <h4>Pill-Style Tabs</h4>
144
- <p>If you need an alternate view for tabs (especially for filters, or similar), you can use pill-style tabs. They look like this:</p>
145
- </div>
146
- <br>
147
- <div class="eight columns">
148
- <dl class="tabs pill three-up">
149
- <dd class="active"><a href="#pillTab1">Pill Tab 1</a></dd>
150
- <dd><a href="#pillTab2">Pill Tab 2</a></dd>
151
- <dd class="hide-for-small"><a href="#pillTab3">Pill Tab 3</a></dd>
152
- </dl>
153
- </div>
154
- </div>
155
-
156
- <div class="row">
157
- <div class="four columns">
158
- <a name="vertical-tabs"></a>
159
- <h4>Vertical Tabs</h4>
160
- <p>You can also use tabs in a vertical configuration by adding a class of 'vertical' to the <code>dl</code> element. These are great for more scalable nav, and you can see how they work on this page on a tablet or desktop.</p>
161
- </div>
162
- <div class="eight columns">
163
- <dl class="vertical tabs">
164
- <dd class="active"><a href="#vertical1">Vertical Tab 1</a></dd>
165
- <dd><a href="#vertical2">Vertical Tab 2</a></dd>
166
- <dd><a href="#vertical3">Vertical Tab 3</a></dd>
167
- </dl>
168
- </div>
169
- </div>
170
-
171
-
172
- <a name="mobile-tabs"></a>
173
- <h4>Mobile Tabs</h4>
174
- <p>If you want a standard, horizontal tab group to act vertical on small devices, adding a class of "mobile" to a standard (not vertical) tab group will switch them to full width nav bars on small screens.</p>
175
-
176
- </div>
177
- </div>
178
-
179
- <!-- Included JS Files -->
180
- <script src="../vendor/assets/javascripts/foundation/jquery.js"></script>
181
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.mediaQueryToggle.js"></script>
182
- <script src="../vendor/assets/javascripts/foundation/jquery.placeholder.js"></script>
183
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.alerts.js"></script>
184
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.accordion.js"></script>
185
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.buttons.js"></script>
186
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.tooltips.js"></script>
187
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.forms.js"></script>
188
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.tabs.js"></script>
189
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.navigation.js"></script>
190
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.reveal.js"></script>
191
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.orbit.js"></script>
192
- <script src="../vendor/assets/javascripts/foundation/app.js"></script>
193
- <script type="text/javascript">
194
- // Page-Specific JavaScript Goes Here
195
- </script>
196
- </body>
197
- </html>
data/test/template.html DELETED
@@ -1,52 +0,0 @@
1
- <!DOCTYPE html>
2
- <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
3
- <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
4
- <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
5
- <head>
6
- <meta charset="utf-8" />
7
-
8
- <!-- Set the viewport width to device width for mobile -->
9
- <meta name="viewport" content="width=device-width" />
10
-
11
- <title>Foundation PAGE Testing</title>
12
-
13
- <!-- Included CSS Files -->
14
- <link rel="stylesheet" href="stylesheets/styles.css">
15
-
16
- <script src="../vendor/assets/javascripts/foundation/modernizr.foundation.js"></script>
17
-
18
- </head>
19
- <body>
20
-
21
- <div class="row">
22
- <div class="twelve columns">
23
- <p><a href="index.html">&laquo; Back</a></p>
24
- <h2>Foundation PAGE Testing</h2>
25
- <hr />
26
-
27
- <dl class="sub-nav">
28
- <dt>Go to:</dt>
29
- <dd><a href="#basic-grid">Basic Grid</a></dd>
30
- </dl>
31
- </div>
32
- </div>
33
-
34
- <!-- Included JS Files -->
35
- <script src="../vendor/assets/javascripts/foundation/jquery.js"></script>
36
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.mediaQueryToggle.js"></script>
37
- <script src="../vendor/assets/javascripts/foundation/jquery.placeholder.js"></script>
38
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.alerts.js"></script>
39
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.accordion.js"></script>
40
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.buttons.js"></script>
41
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.tooltips.js"></script>
42
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.forms.js"></script>
43
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.tabs.js"></script>
44
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.navigation.js"></script>
45
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.reveal.js"></script>
46
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.orbit.js"></script>
47
- <script src="../vendor/assets/javascripts/foundation/app.js"></script>
48
- <script type="text/javascript">
49
- // Page-Specific JavaScript Goes Here
50
- </script>
51
- </body>
52
- </html>
data/test/topbar-login.html DELETED
@@ -1,194 +0,0 @@
1
- <!DOCTYPE html>
2
- <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
3
- <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
4
- <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
5
- <head>
6
- <meta charset="utf-8" />
7
-
8
- <!-- Set the viewport width to device width for mobile -->
9
- <meta name="viewport" content="width=device-width" />
10
-
11
- <title>Foundation Top Bar Testing</title>
12
-
13
- <!-- Included CSS Files -->
14
- <link rel="stylesheet" href="stylesheets/styles.css">
15
-
16
- <script src="../vendor/assets/javascripts/foundation/modernizr.foundation.js"></script>
17
-
18
- </head>
19
- <body>
20
-
21
- <div class="fixed contain-to-grid"> <!-- Could do .fixed to fix to top or .contain-to-grid for grid width -->
22
- <nav class="top-bar">
23
- <ul>
24
- <!-- Title Area -->
25
- <li class="name">
26
- <h1>
27
- <a href="#">
28
- <!-- <img src="http://placehold.it/25x25"> -->
29
- Top Bar Title
30
- </a>
31
- </h1>
32
- </li>
33
- <li class="toggle-topbar"><a href="#"></a></li>
34
- </ul>
35
-
36
- <section>
37
- <!-- Left Nav Section -->
38
- <ul class="left">
39
- <li class="divider"></li>
40
- <li class="active has-dropdown">
41
- <a href="#">Main Item 1</a>
42
- <ul class="dropdown">
43
- <li><a href="#">Dropdown Option</a></li>
44
- <li class="active"><a href="#">Dropdown Option</a></li>
45
- <li><a href="#">Dropdown Option</a></li>
46
- <li class="divider"></li>
47
- <li><a href="#">See all &rarr;</a></li>
48
- </ul>
49
- </li>
50
- <li class="divider"></li>
51
- <li><a href="#">Main Item 2</a></li>
52
- <li class="divider"></li>
53
- <li class="has-dropdown">
54
- <a href="#">Main Item 3</a>
55
- <ul class="dropdown">
56
- <li><label>Section Name</label></li>
57
- <li class="has-dropdown">
58
- <a href="#" class="">Dropdown Level 1a</a>
59
- <ul class="dropdown">
60
- <li><a href="#">Subdropdown Option</a></li>
61
- <li><a href="#">Subdropdown Option</a></li>
62
- <li class="has-dropdown"><a href="#">Dropdown Level 3a</a>
63
- <ul class="dropdown">
64
- <li><label>Section Name</label></li>
65
- <li><a href="#">Subdropdown Option</a></li>
66
- <li><a href="#">Subdropdown Option</a></li>
67
- <li class="divider"></li>
68
- <li><a href="#">Subdropdown Option</a></li>
69
- </ul>
70
- </li>
71
- <li><a href="#">Subdropdown Option</a></li>
72
- <li><a href="#">Subdropdown Option</a></li>
73
- <li><a href="#">Subdropdown Option</a></li>
74
- </ul>
75
- </li>
76
- <li class="has-dropdown">
77
- <a href="#" class="">Dropdown Level 1b</a>
78
- <ul class="dropdown">
79
- <li><a href="#">Subdropdown Option</a></li>
80
- <li><a href="#">Subdropdown Option</a></li>
81
- <li class="has-dropdown"><a href="#">Dropdown Level 3b</a>
82
- <ul class="dropdown">
83
- <li><label>Section Name</label></li>
84
- <li><a href="#">Subdropdown Option</a></li>
85
- <li><a href="#">Subdropdown Option</a></li>
86
- <li class="divider"></li>
87
- <li><a href="#">Subdropdown Option</a></li>
88
- </ul>
89
- </li>
90
- <li><a href="#">Subdropdown Option</a></li>
91
- <li><a href="#">Subdropdown Option</a></li>
92
- <li><a href="#">Subdropdown Option</a></li>
93
- </ul>
94
- </li>
95
- <li><a href="#">Dropdown Option</a></li>
96
- <li><a href="#">Dropdown Option</a></li>
97
- <li class="divider"></li>
98
- <li><label>Section Name</label></li>
99
- <li><a href="#">Dropdown Option</a></li>
100
- <li><a href="#">Dropdown Option</a></li>
101
- <li><a href="#">Dropdown Option</a></li>
102
- <li class="divider"></li>
103
- <li><a href="#">See all &rarr;</a></li>
104
- </ul>
105
- </li>
106
- <li class="divider"></li>
107
- </ul>
108
-
109
- <!-- Right Nav Section -->
110
- <ul class="right">
111
- <li class="show-for-large divider"></li>
112
-
113
- <li class="has-dropdown">
114
- <a href="#">Main Item 4</a>
115
- <ul class="dropdown">
116
- <li><label>Section Name</label></li>
117
- <li class="has-dropdown">
118
- <a href="#" class="">Has Dropdown, Level 1</a>
119
- <ul class="dropdown">
120
- <li><a href="#">Dropdown Options</a></li>
121
- <li><a href="#">Dropdown Options</a></li>
122
- <li class="has-dropdown">
123
- <a href="#">Has Dropdown, Level 2</a>
124
- <ul class="dropdown test">
125
- <li><a href="#">Subdropdown Option</a></li>
126
- <li><a href="#">Subdropdown Option</a></li>
127
- <li><a href="#">Subdropdown Option</a></li>
128
- </ul>
129
- </li>
130
- <li><a href="#">Subdropdown Option</a></li>
131
- <li><a href="#">Subdropdown Option</a></li>
132
- <li><a href="#">Subdropdown Option</a></li>
133
- </ul>
134
- </li>
135
- <li><a href="#">Dropdown Option</a></li>
136
- <li><a href="#">Dropdown Option</a></li>
137
- <li class="divider"></li>
138
- <li><label>Section Name</label></li>
139
- <li><a href="#">Dropdown Option</a></li>
140
- <li><a href="#">Dropdown Option</a></li>
141
- <li><a href="#">Dropdown Option</a></li>
142
- <li class="divider"></li>
143
- <li><a href="#">See all &rarr;</a></li>
144
- </ul>
145
- </li>
146
- <li class="divider"></li>
147
- <li class="login">
148
- <form>
149
- <input type="text" placeholder="User Name">
150
- <input type="password" placeholder="Password">
151
- <input type="submit" class="small button" value="Log In">
152
- </form>
153
- </li>
154
- <li class="divider show-for-small"></li>
155
-
156
- </ul>
157
- </section>
158
- </nav>
159
- </div>
160
-
161
- <div class="row">
162
- <div class="twelve columns">
163
- <p><a href="index.html">&laquo; Back</a></p>
164
- <h2>Foundation Top Bar Testing</h2>
165
- <hr>
166
- </div>
167
- </div>
168
-
169
- <div class="row">
170
- <div class="twelve columns">
171
- <h4 class="subheader">We designed our responsive navigation bar to be super flexible! You have control over almost every aspect of it, including: size, colors, static, fixed and/or contained to grid width, customizable breakpoint and more. Play around with it here and see what it can do.</h4>
172
- </div>
173
- </div>
174
-
175
- <!-- Included JS Files -->
176
- <script src="../vendor/assets/javascripts/foundation/jquery.js"></script>
177
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.mediaQueryToggle.js"></script>
178
- <script src="../vendor/assets/javascripts/foundation/jquery.placeholder.js"></script>
179
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.alerts.js"></script>
180
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.accordion.js"></script>
181
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.buttons.js"></script>
182
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.tooltips.js"></script>
183
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.forms.js"></script>
184
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.tabs.js"></script>
185
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.navigation.js"></script>
186
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.topbar.js"></script>
187
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.reveal.js"></script>
188
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.orbit.js"></script>
189
- <script src="../vendor/assets/javascripts/foundation/app.js"></script>
190
- <script type="text/javascript">
191
- // Page-Specific JavaScript Goes Here
192
- </script>
193
- </body>
194
- </html>
data/test/topbar.html DELETED
@@ -1,139 +0,0 @@
1
- <!DOCTYPE html>
2
- <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
3
- <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
4
- <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
5
- <head>
6
- <meta charset="utf-8" />
7
-
8
- <!-- Set the viewport width to device width for mobile -->
9
- <meta name="viewport" content="width=device-width" />
10
-
11
- <title>Foundation Top Bar Testing</title>
12
-
13
- <!-- Included CSS Files -->
14
- <link rel="stylesheet" href="stylesheets/styles.css">
15
-
16
- <script src="../vendor/assets/javascripts/foundation/modernizr.foundation.js"></script>
17
-
18
- </head>
19
- <body>
20
-
21
- <div class="row">
22
- <div class="twelve columns">
23
-
24
- </div>
25
- </div>
26
-
27
- <div class="row">
28
- <div class="twelve columns">
29
- <p><a href="index.html">&laquo; Back</a></p>
30
- <h2>Foundation Top Bar Testing</h2>
31
- <hr>
32
- </div>
33
- </div>
34
-
35
- <div class="row">
36
- <div class="twelve columns">
37
- <h4 class="subheader">We designed our responsive navigation bar to be super flexible! You have control over almost every aspect of it, including: size, colors, static, fixed and/or contained to grid width, customizable breakpoint and more. Play around with it here and see what it can do.</h4>
38
-
39
- <div class="contain-to-grid">
40
- <nav class="top-bar">
41
- <ul>
42
- <!-- Title Area -->
43
- <li class="name">
44
- <h1>
45
- <a href="#">
46
- Top Bar Title
47
- </a>
48
- </h1>
49
- </li>
50
- <li class="toggle-topbar"><a href="#"></a></li>
51
- </ul>
52
-
53
- <section>
54
- <!-- Left Nav Section -->
55
- <ul class="left">
56
- <li class="divider"></li>
57
- <li class="has-dropdown">
58
- <a class="active" href="#">Item 1</a>
59
- <ul class="dropdown">
60
- <li><label>Section Name</label></li>
61
- <li class="has-dropdown">
62
- <a href="#" class="">Level 1, Has Dropdown</a>
63
- <ul class="dropdown">
64
- <li><a href="#">Level 2</a></li>
65
- <li><a href="#">Level 2</a></li>
66
- <li class="has-dropdown"><a href="#">Level 2, Has Dropdown</a>
67
- <ul class="dropdown">
68
- <li><label>Section</label></li>
69
- <li><a href="#">Level 3</a></li>
70
- <li><a href="#">Level 3</a></li>
71
- <li class="divider"></li>
72
- <li><a href="#">Level 3</a></li>
73
- </ul>
74
- </li>
75
- <li><a href="#">Level 2</a></li>
76
- <li><a href="#">Level 2</a></li>
77
- </ul>
78
- </li>
79
- <li><a href="#">Level 1</a></li>
80
- <li><a href="#">Level 1</a></li>
81
- <li class="divider"></li>
82
- <li><label>Section Name</label></li>
83
- <li><a href="#">Level 1</a></li>
84
- <li><a href="#">Level 1</a></li>
85
- <li><a href="#">Level 1</a></li>
86
- <li class="divider"></li>
87
- <li><a href="#">See all &rarr;</a></li>
88
- </ul>
89
- </li>
90
- <li class="divider hide-for-small"></li>
91
- </ul>
92
-
93
- <!-- Right Nav Section -->
94
- <ul class="right">
95
- <li class="divider show-for-medium-and-up"></li>
96
- <li class="has-dropdown">
97
- <a href="#">Item 2</a>
98
- <ul class="dropdown">
99
- <li><label>Section Name</label></li>
100
- <li><a href="#" class="">Level 1</a></li>
101
- <li><a href="#">Dropdown Option</a></li>
102
- <li><a href="#">Dropdown Option</a></li>
103
- <li class="divider"></li>
104
- <li><label>Section Name</label></li>
105
- <li><a href="#">Dropdown Option</a></li>
106
- <li><a href="#">Dropdown Option</a></li>
107
- <li><a href="#">Dropdown Option</a></li>
108
- <li class="divider"></li>
109
- <li><a href="#">See all &rarr;</a></li>
110
- </ul>
111
- </li>
112
- </ul>
113
- </section>
114
- </nav>
115
- </div>
116
-
117
- </div>
118
- </div>
119
-
120
- <!-- Included JS Files -->
121
- <script src="../vendor/assets/javascripts/foundation/jquery.js"></script>
122
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.mediaQueryToggle.js"></script>
123
- <script src="../vendor/assets/javascripts/foundation/jquery.placeholder.js"></script>
124
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.alerts.js"></script>
125
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.accordion.js"></script>
126
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.buttons.js"></script>
127
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.tooltips.js"></script>
128
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.forms.js"></script>
129
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.tabs.js"></script>
130
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.navigation.js"></script>
131
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.topbar.js"></script>
132
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.reveal.js"></script>
133
- <script src="../vendor/assets/javascripts/foundation/jquery.foundation.orbit.js"></script>
134
- <script src="../vendor/assets/javascripts/foundation/app.js"></script>
135
- <script type="text/javascript">
136
- // Page-Specific JavaScript Goes Here
137
- </script>
138
- </body>
139
- </html>