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.
- data/.gitignore +6 -2
- data/CHANGELOG.md +1 -26
- data/CONTRIBUTING.md +18 -0
- data/Gemfile.lock +19 -0
- data/Gruntfile.js +27 -0
- data/README.md +5 -6
- data/{Capfile → docs/Capfile} +0 -1
- data/docs/Gemfile +8 -0
- data/docs/Gemfile.lock +43 -0
- data/docs/Procfile +2 -0
- data/docs/README.md +1 -0
- data/docs/_sidebar-components.html.erb +109 -0
- data/docs/_sidebar.html.erb +109 -0
- data/docs/_zurb-jobs.html.erb +5 -0
- data/docs/changelog.html.erb +185 -0
- data/docs/compile.rb +43 -0
- data/docs/components/alert-boxes.html.erb +202 -0
- data/docs/components/block-grid.html.erb +118 -0
- data/docs/components/breadcrumbs.html.erb +146 -0
- data/docs/components/button-groups.html.erb +174 -0
- data/docs/components/buttons.html.erb +220 -0
- data/docs/components/clearing.html.erb +152 -0
- data/docs/components/custom-forms.html.erb +306 -0
- data/docs/components/dropdown-buttons.html.erb +233 -0
- data/docs/components/dropdown.html.erb +186 -0
- data/docs/components/flex-video.html.erb +93 -0
- data/docs/components/forms.html.erb +468 -0
- data/docs/components/grid.html.erb +355 -0
- data/docs/components/inline-lists.html.erb +89 -0
- data/docs/components/joyride.html.erb +178 -0
- data/docs/components/keystrokes.html.erb +74 -0
- data/docs/components/labels.html.erb +98 -0
- data/docs/components/magellan.html.erb +84 -0
- data/docs/components/orbit.html.erb +262 -0
- data/docs/components/pagination.html.erb +181 -0
- data/docs/components/panels.html.erb +121 -0
- data/docs/components/pricing-tables.html.erb +154 -0
- data/docs/components/progress-bars.html.erb +120 -0
- data/docs/components/reveal.html.erb +147 -0
- data/docs/components/section.html.erb +156 -0
- data/docs/components/side-nav.html.erb +122 -0
- data/docs/components/split-buttons.html.erb +218 -0
- data/docs/components/sub-nav.html.erb +120 -0
- data/docs/components/switch.html.erb +288 -0
- data/docs/components/tables.html.erb +123 -0
- data/docs/components/thumbnails.html.erb +87 -0
- data/docs/components/tooltips.html.erb +73 -0
- data/docs/components/top-bar.html.erb +219 -0
- data/docs/components/type.html.erb +359 -0
- data/docs/components/visibility.html.erb +102 -0
- data/docs/config.ru +12 -0
- data/docs/config/deploy.rb +33 -0
- data/docs/controller.rb +43 -0
- data/docs/css/_coderay.scss +116 -0
- data/docs/css/_settings.scss +1 -0
- data/docs/css/docs.scss +174 -0
- data/docs/css/normalize.scss +396 -0
- data/docs/css/qunit-composite.css +13 -0
- data/docs/css/qunit.css +235 -0
- data/docs/faq.html.erb +61 -0
- data/docs/img/demos/demo1-th.png +0 -0
- data/docs/img/demos/demo1.png +0 -0
- data/docs/img/demos/demo2-th.png +0 -0
- data/docs/img/demos/demo2.png +0 -0
- data/docs/img/demos/demo3-th.png +0 -0
- data/docs/img/demos/demo3.png +0 -0
- data/docs/img/demos/demo4-th.png +0 -0
- data/docs/img/demos/demo4.png +0 -0
- data/docs/img/demos/demo5-th.png +0 -0
- data/docs/img/demos/demo5.png +0 -0
- data/docs/index.html.erb +299 -0
- data/docs/javascript.html.erb +133 -0
- data/docs/js/docs.js +3 -0
- data/docs/js/qunit-composite.js +105 -0
- data/docs/js/qunit.js +1977 -0
- data/docs/js/tests/tabs/simple_tabs.html +57 -0
- data/docs/js/tests/tabs/simple_tabs.js +54 -0
- data/docs/js/tests/tooltips/tooltips.html +39 -0
- data/docs/js/tests/tooltips/tooltips.js +11 -0
- data/docs/layout.html.erb +99 -0
- data/docs/rails.html.erb +66 -0
- data/docs/sass.html.erb +299 -0
- data/docs/support.html.erb +134 -0
- data/foundation.gemspec +2 -4
- data/index.html +3 -23
- data/js/foundation/foundation.alerts.js +50 -0
- data/js/foundation/foundation.clearing.js +478 -0
- data/{vendor/assets/javascripts/foundation/jquery.cookie.js → js/foundation/foundation.cookie.js} +3 -1
- data/js/foundation/foundation.dropdown.js +122 -0
- data/js/foundation/foundation.forms.js +403 -0
- data/js/foundation/foundation.joyride.js +613 -0
- data/js/foundation/foundation.js +331 -0
- data/js/foundation/foundation.magellan.js +130 -0
- data/js/foundation/foundation.orbit.js +355 -0
- data/{vendor/assets/javascripts/foundation/jquery.placeholder.js → js/foundation/foundation.placeholder.js} +4 -2
- data/js/foundation/foundation.reveal.js +264 -0
- data/js/foundation/foundation.section.js +180 -0
- data/js/foundation/foundation.tooltips.js +195 -0
- data/js/foundation/foundation.topbar.js +187 -0
- data/js/foundation/index.js +16 -0
- data/{vendor/assets/javascripts/foundation/modernizr.foundation.js → js/vendor/custom.modernizr.js} +0 -0
- data/js/vendor/jquery.js +9597 -0
- data/js/vendor/zepto.js +1782 -0
- data/lib/foundation/engine.rb +8 -1
- data/lib/foundation/generators/install_generator.rb +24 -1
- data/lib/foundation/generators/templates/application.html.erb +20 -6
- data/lib/foundation/generators/templates/application.html.haml +2 -6
- data/lib/foundation/generators/templates/application.html.slim +2 -5
- data/lib/foundation/version.rb +1 -1
- data/lib/zurb-foundation.rb +7 -9
- data/package.json +9 -0
- data/scss/foundation.scss +42 -15
- data/scss/foundation/_foundation-global.scss +226 -0
- data/scss/foundation/components/_alert-boxes.scss +106 -0
- data/scss/foundation/components/_block-grid.scss +63 -0
- data/scss/foundation/components/_breadcrumbs.scss +117 -0
- data/scss/foundation/components/_button-groups.scss +59 -0
- data/scss/foundation/components/_buttons.scss +217 -0
- data/scss/foundation/components/_clearing.scss +209 -0
- data/scss/foundation/components/_custom-forms.scss +232 -0
- data/scss/foundation/components/_dropdown-buttons.scss +114 -0
- data/scss/foundation/components/_dropdown.scss +137 -0
- data/scss/foundation/components/_flex-video.scss +45 -0
- data/scss/foundation/components/_forms.scss +309 -0
- data/scss/foundation/components/_grid.scss +149 -71
- data/scss/foundation/components/_inline-lists.scss +47 -0
- data/scss/foundation/components/_joyride.scss +193 -0
- data/scss/foundation/components/_keystrokes.scss +56 -0
- data/scss/foundation/components/_labels.scss +81 -0
- data/scss/foundation/components/_magellan.scss +15 -0
- data/scss/foundation/components/_orbit.scss +193 -0
- data/scss/foundation/components/_pagination.scss +99 -0
- data/scss/foundation/components/_panels.scss +76 -0
- data/scss/foundation/components/_pricing-tables.scss +130 -0
- data/scss/foundation/components/_progress-bars.scss +68 -0
- data/scss/foundation/components/_reveal.scss +131 -0
- data/scss/foundation/components/_section.scss +194 -0
- data/scss/foundation/components/_side-nav.scss +68 -0
- data/scss/foundation/components/_split-buttons.scss +159 -0
- data/scss/foundation/components/_sub-nav.scss +67 -0
- data/scss/foundation/components/_switch.scss +242 -0
- data/scss/foundation/components/_tables.scss +80 -0
- data/scss/foundation/components/_thumbs.scss +45 -0
- data/scss/foundation/components/_tooltips.scss +113 -0
- data/scss/foundation/components/_top-bar.scss +443 -0
- data/scss/foundation/components/_type.scss +411 -0
- data/scss/foundation/components/_visibility.scss +117 -0
- data/scss/normalize.scss +396 -0
- data/templates/project/config.rb +26 -0
- data/templates/project/index.html +28 -43
- data/templates/project/manifest.rb +21 -28
- data/templates/project/scss/_settings.scss +4 -243
- data/templates/project/scss/app.scss +37 -44
- data/templates/project/scss/normalize.scss +396 -0
- data/test/stylesheets/styles.css +955 -0
- metadata +144 -153
- data/config/deploy.rb +0 -42
- data/lib/foundation/generators/layout_generator.rb +0 -28
- data/scss/foundation/_settings.scss +0 -281
- data/scss/foundation/common/_base.scss +0 -4
- data/scss/foundation/common/_forms.scss +0 -117
- data/scss/foundation/common/_globals.scss +0 -35
- data/scss/foundation/common/_ratios.scss +0 -19
- data/scss/foundation/common/_typography.scss +0 -104
- data/scss/foundation/components/modules/_all.scss +0 -10
- data/scss/foundation/components/modules/_buttons.scss +0 -178
- data/scss/foundation/components/modules/_clearing.scss +0 -61
- data/scss/foundation/components/modules/_joyride.scss +0 -33
- data/scss/foundation/components/modules/_mqueries.scss +0 -458
- data/scss/foundation/components/modules/_navbar.scss +0 -74
- data/scss/foundation/components/modules/_offcanvas.scss +0 -55
- data/scss/foundation/components/modules/_orbit.scss +0 -90
- data/scss/foundation/components/modules/_reveal.scss +0 -34
- data/scss/foundation/components/modules/_tabs.scss +0 -67
- data/scss/foundation/components/modules/_topbar.scss +0 -167
- data/scss/foundation/components/modules/_ui.scss +0 -292
- data/scss/foundation/functions/_all.scss +0 -2
- data/scss/foundation/functions/_convert-number-to-word.scss +0 -10
- data/scss/foundation/functions/_grid-calc.scss +0 -5
- data/scss/foundation/functions/modular-scale.scss +0 -3
- data/scss/foundation/mixins/_all.scss +0 -5
- data/scss/foundation/mixins/_clearfix.scss +0 -13
- data/scss/foundation/mixins/_css-triangle.scss +0 -22
- data/scss/foundation/mixins/_font-size.scss +0 -13
- data/scss/foundation/mixins/_respond-to.scss +0 -11
- data/scss/foundation/mixins/_semantic-grid.scss +0 -66
- data/test/buttons.html +0 -189
- data/test/clearing.html +0 -85
- data/test/config.rb +0 -11
- data/test/elements.html +0 -490
- data/test/forms.html +0 -371
- data/test/grid.html +0 -543
- data/test/images/orbit-demo/demo1.jpeg +0 -0
- data/test/images/orbit-demo/demo2.jpeg +0 -0
- data/test/images/orbit-demo/demo3.jpeg +0 -0
- data/test/images/orbit-demo/slider-background.jpeg +0 -0
- data/test/index.html +0 -83
- data/test/joyride.html +0 -127
- data/test/magellan.html +0 -112
- data/test/navigation.html +0 -269
- data/test/orbit.html +0 -112
- data/test/reveal.html +0 -91
- data/test/scss/_settings.scss +0 -245
- data/test/scss/styles.scss +0 -50
- data/test/tabs.html +0 -197
- data/test/template.html +0 -52
- data/test/topbar-login.html +0 -194
- data/test/topbar.html +0 -139
- data/test/type.html +0 -188
- data/vendor/assets/images/foundation/orbit/bullets.jpg +0 -0
- data/vendor/assets/images/foundation/orbit/left-arrow-small.png +0 -0
- data/vendor/assets/images/foundation/orbit/left-arrow.png +0 -0
- data/vendor/assets/images/foundation/orbit/loading.gif +0 -0
- data/vendor/assets/images/foundation/orbit/mask-black.png +0 -0
- data/vendor/assets/images/foundation/orbit/pause-black.png +0 -0
- data/vendor/assets/images/foundation/orbit/right-arrow-small.png +0 -0
- data/vendor/assets/images/foundation/orbit/right-arrow.png +0 -0
- data/vendor/assets/images/foundation/orbit/rotator-black.png +0 -0
- data/vendor/assets/images/foundation/orbit/timer-black.png +0 -0
- data/vendor/assets/javascripts/foundation/app.js +0 -41
- data/vendor/assets/javascripts/foundation/index.js +0 -19
- data/vendor/assets/javascripts/foundation/jquery.event.move.js +0 -580
- data/vendor/assets/javascripts/foundation/jquery.event.swipe.js +0 -130
- data/vendor/assets/javascripts/foundation/jquery.foundation.accordion.js +0 -47
- data/vendor/assets/javascripts/foundation/jquery.foundation.alerts.js +0 -20
- data/vendor/assets/javascripts/foundation/jquery.foundation.buttons.js +0 -83
- data/vendor/assets/javascripts/foundation/jquery.foundation.clearing.js +0 -413
- data/vendor/assets/javascripts/foundation/jquery.foundation.forms.js +0 -502
- data/vendor/assets/javascripts/foundation/jquery.foundation.joyride.js +0 -639
- data/vendor/assets/javascripts/foundation/jquery.foundation.magellan.js +0 -96
- data/vendor/assets/javascripts/foundation/jquery.foundation.mediaQueryToggle.js +0 -27
- data/vendor/assets/javascripts/foundation/jquery.foundation.navigation.js +0 -55
- data/vendor/assets/javascripts/foundation/jquery.foundation.orbit.js +0 -919
- data/vendor/assets/javascripts/foundation/jquery.foundation.reveal.js +0 -794
- data/vendor/assets/javascripts/foundation/jquery.foundation.tabs.js +0 -66
- data/vendor/assets/javascripts/foundation/jquery.foundation.tooltips.js +0 -211
- data/vendor/assets/javascripts/foundation/jquery.foundation.topbar.js +0 -174
- data/vendor/assets/javascripts/foundation/jquery.js +0 -9555
- data/vendor/assets/javascripts/foundation/jquery.offcanvas.js +0 -50
data/test/orbit.html
DELETED
@@ -1,112 +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 Orbit 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
|
-
</head>
|
18
|
-
<body>
|
19
|
-
|
20
|
-
<div class="row">
|
21
|
-
<div class="twelve columns">
|
22
|
-
<p><a href="index.html">« Back</a></p>
|
23
|
-
<h2>Foundation Orbit Testing</h2>
|
24
|
-
<hr />
|
25
|
-
</div>
|
26
|
-
</div>
|
27
|
-
|
28
|
-
<!-- Test Foundation Components Here -->
|
29
|
-
<div class="row">
|
30
|
-
<div class="twelve columns">
|
31
|
-
<h3>Orbit</h3>
|
32
|
-
<h4 class="subheader">Orbit is an easy to use, powerful image slider built to be responsive, just like Foundation.</h4>
|
33
|
-
|
34
|
-
|
35
|
-
<div class="row">
|
36
|
-
<div class="four columns">
|
37
|
-
<h4>Image Slider</h4>
|
38
|
-
<p>This is an orbit slider that displays images.</p>
|
39
|
-
</div>
|
40
|
-
<div class="eight columns">
|
41
|
-
<div id="featured">
|
42
|
-
<img src="images/orbit-demo/demo1.jpeg" />
|
43
|
-
<img src="images/orbit-demo/demo2.jpeg" />
|
44
|
-
<img src="images/orbit-demo/demo3.jpeg" />
|
45
|
-
</div>
|
46
|
-
</div>
|
47
|
-
</div>
|
48
|
-
|
49
|
-
<div class="row">
|
50
|
-
<div class="four columns">
|
51
|
-
<h4>Content Slider</h4>
|
52
|
-
<p>This is an orbit slider that displays content.</p>
|
53
|
-
</div>
|
54
|
-
<div class="eight columns">
|
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>
|
62
|
-
<div data-caption="#captionOne">
|
63
|
-
<h4>This is a content slider.</h4>
|
64
|
-
<p>Each slide holds arbitrary content, like text or actions.</p>
|
65
|
-
</div>
|
66
|
-
<div data-caption="#captionTwo">
|
67
|
-
<h4>We can include text and buttons, like this!</h4>
|
68
|
-
<p>We take no responsibility for what happens if you click this button.</p>
|
69
|
-
<p><a href="http://www.youtube.com/watch?v=dQw4w9WgXcQ" class="button" target="_blank">Rock My World!</a></p>
|
70
|
-
</div>
|
71
|
-
<div data-caption="#captionThree">
|
72
|
-
<h4>What? You didn't click it?</h4>
|
73
|
-
<p>We'll give you the benefit of the doubt. Maybe you did, and now you're back!</p>
|
74
|
-
</div>
|
75
|
-
</div>
|
76
|
-
<span class="orbit-caption" id="captionOne">Here is a caption...</span>
|
77
|
-
<span class="orbit-caption" id="captionTwo">Here is a caption2...</span>
|
78
|
-
<span class="orbit-caption" id="captionThree">Here is a caption3...</span>
|
79
|
-
</div>
|
80
|
-
</div>
|
81
|
-
</div>
|
82
|
-
</div>
|
83
|
-
|
84
|
-
<!-- Included JS Files -->
|
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>
|
88
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.mediaQueryToggle.js"></script>
|
89
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.placeholder.js"></script>
|
90
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.alerts.js"></script>
|
91
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.accordion.js"></script>
|
92
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.buttons.js"></script>
|
93
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.tooltips.js"></script>
|
94
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.forms.js"></script>
|
95
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.tabs.js"></script>
|
96
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.navigation.js"></script>
|
97
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.reveal.js"></script>
|
98
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.orbit.js"></script>
|
99
|
-
<script src="../vendor/assets/javascripts/foundation/app.js"></script>
|
100
|
-
<script type="text/javascript">
|
101
|
-
$(window).load(function(){
|
102
|
-
$("#featured").orbit({
|
103
|
-
slideNumber: true,
|
104
|
-
stackOnSmall: true,
|
105
|
-
captions: true
|
106
|
-
});
|
107
|
-
|
108
|
-
$('#featuredContent').orbit({ fluid: '2x1' });
|
109
|
-
});
|
110
|
-
</script>
|
111
|
-
</body>
|
112
|
-
</html>
|
data/test/reveal.html
DELETED
@@ -1,91 +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 Reveal 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">« Back</a></p>
|
24
|
-
<h2>Foundation Reveal Testing</h2>
|
25
|
-
<hr />
|
26
|
-
</div>
|
27
|
-
</div>
|
28
|
-
|
29
|
-
<!-- Test Foundation Components Here -->
|
30
|
-
<div class="row">
|
31
|
-
<div class="twelve columns">
|
32
|
-
<h3>Reveal — Simple, Flexible Modal Dialogs</h3>
|
33
|
-
<h4 class="subheader">Modal dialogs, or pop-up windows, are handy for prototyping and production. Foundation includes Reveal our jQuery modal plugin, to make this easy for you.</h4>
|
34
|
-
|
35
|
-
<p>
|
36
|
-
<a href="#" data-reveal-id="exampleModal" class="radius button">
|
37
|
-
Example Modal…
|
38
|
-
</a>
|
39
|
-
</p>
|
40
|
-
|
41
|
-
<p>
|
42
|
-
<a href="#" data-reveal-id="videoModal" class="radius button">
|
43
|
-
Example Modal w/Video…
|
44
|
-
</a>
|
45
|
-
</p>
|
46
|
-
|
47
|
-
</div>
|
48
|
-
</div>
|
49
|
-
|
50
|
-
<div id="exampleModal" class="reveal-modal">
|
51
|
-
<h2>This is a modal.</h2>
|
52
|
-
<p>Reveal makes these very easy to summon and dismiss. The close button is simple an anchor with a unicode character icon and a class of <code>close-reveal-modal</code>. Clicking anywhere outside the modal will also dismiss it.</p>
|
53
|
-
<p>Finally, if your modal summons another Reveal modal, the plugin will handle that for you gracefully.</p>
|
54
|
-
<p><a href="#" data-reveal-id="secondModal" class="secondary button">Second Modal…</a></p>
|
55
|
-
<a class="close-reveal-modal">×</a>
|
56
|
-
</div>
|
57
|
-
|
58
|
-
<div id="secondModal" class="reveal-modal">
|
59
|
-
<h2>This is a second modal.</h2>
|
60
|
-
<p>See? It just slides into place after the other first modal. Very handy when you need subsequent dialogs, or when a modal option impacts or requires another decision.</p>
|
61
|
-
<a class="close-reveal-modal">×</a>
|
62
|
-
</div>
|
63
|
-
|
64
|
-
<div id="videoModal" class="reveal-modal large">
|
65
|
-
<h2>This modal has video</h2>
|
66
|
-
<div class="flex-video">
|
67
|
-
<iframe width="800" height="315" src="http://www.youtube.com/embed/IkOQw96cfyE" frameborder="0" allowfullscreen></iframe>
|
68
|
-
</div>
|
69
|
-
|
70
|
-
<a class="close-reveal-modal">×</a>
|
71
|
-
</div>
|
72
|
-
|
73
|
-
<!-- Included JS Files -->
|
74
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.js"></script>
|
75
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.mediaQueryToggle.js"></script>
|
76
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.placeholder.js"></script>
|
77
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.alerts.js"></script>
|
78
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.accordion.js"></script>
|
79
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.buttons.js"></script>
|
80
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.tooltips.js"></script>
|
81
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.forms.js"></script>
|
82
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.tabs.js"></script>
|
83
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.navigation.js"></script>
|
84
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.reveal.js"></script>
|
85
|
-
<script src="../vendor/assets/javascripts/foundation/jquery.foundation.orbit.js"></script>
|
86
|
-
<script src="../vendor/assets/javascripts/foundation/app.js"></script>
|
87
|
-
<script type="text/javascript">
|
88
|
-
// Page-Specific JavaScript Goes Here
|
89
|
-
</script>
|
90
|
-
</body>
|
91
|
-
</html>
|
data/test/scss/_settings.scss
DELETED
@@ -1,245 +0,0 @@
|
|
1
|
-
@import "foundation/common/ratios";
|
2
|
-
|
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
|
-
// $fontSmoothing: antialiased;
|
29
|
-
// $headerFontFamily: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
|
30
|
-
// $headerFontWeight: bold;
|
31
|
-
// $headerFontStyle: normal;
|
32
|
-
// $headerFontColor: #222;
|
33
|
-
// $bodyFontFamily: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
|
34
|
-
// $bodyFontWeight: normal;
|
35
|
-
// $bodyFontStyle: normal;
|
36
|
-
// $bodyFontColor: $txtColor;
|
37
|
-
|
38
|
-
// Text Direction Settings
|
39
|
-
|
40
|
-
// $textDirection: ltr; // Controls default global text direction, 'rtl' or 'ltr'
|
41
|
-
|
42
|
-
// Button Settings
|
43
|
-
|
44
|
-
// $buttonRadius: 3px;
|
45
|
-
// $btnBase: 10px;
|
46
|
-
|
47
|
-
// $tinyBtnBase: $btnBase - 5;
|
48
|
-
// $smallBtnBase: $btnBase - 3;
|
49
|
-
// $largeBtnBase: $btnBase + 5;
|
50
|
-
|
51
|
-
// Form Settings
|
52
|
-
|
53
|
-
// $formSpacing: 12px;
|
54
|
-
// $labelFontWeight: 500;
|
55
|
-
// $labelFontColor: lighten(#000, 30%);
|
56
|
-
// $labelBtmMargin: 3px;
|
57
|
-
// $inputFontColor: rgba(0,0,0,0.75);
|
58
|
-
// $inputFontSize: 14px;
|
59
|
-
// $inputBgColor: #fff;
|
60
|
-
// $inputFocusBgColor: darken(#fff, 2%);
|
61
|
-
// $inputBorderColor: darken(#fff, 20%);
|
62
|
-
// $inputFocusBorderColor: darken(#fff, 30%);
|
63
|
-
// $inputBorderStyle: solid;
|
64
|
-
// $inputBorderWidth: 1px;
|
65
|
-
// $inputBorderRadius: 2px;
|
66
|
-
// $fieldsetBorderRadius: 3px;
|
67
|
-
|
68
|
-
// Custom Form Settings
|
69
|
-
|
70
|
-
// $custFormBorderColor: #ccc;
|
71
|
-
// $custFormBgColor: #fff;
|
72
|
-
// $custCheckColor: #222;
|
73
|
-
// $custSelectCurrentFontColor: #141414;
|
74
|
-
// $custSelectBgColor: #fff;
|
75
|
-
// $custSelectBorderColor: #ddd;
|
76
|
-
// $custSelectTriangleColor: #aaa;
|
77
|
-
// $custSelectTriangleColorOpen: #222;
|
78
|
-
// $custSelectDropHeight: 200px;
|
79
|
-
// $custDropdownBgColor: #fff;
|
80
|
-
// $custDropdownBorderColor: darken(#fff, 20%);
|
81
|
-
// $custDropdownFontColor: #555;
|
82
|
-
// $custDropdownSelectedBgColor: lighten(#2ba6cb, 40%);
|
83
|
-
// $custDropdownSelectedFontColor: #000;
|
84
|
-
// $custFormDisabledBgColor: #ddd;
|
85
|
-
|
86
|
-
// Tab Settings
|
87
|
-
|
88
|
-
// $tabHeight: 40px;
|
89
|
-
// $tabTermFontSize: 12px;
|
90
|
-
|
91
|
-
// Nav Bar Settings
|
92
|
-
|
93
|
-
// $navBarHeight: 40px;
|
94
|
-
// $navFlyoutBaseWidth: 250px;
|
95
|
-
|
96
|
-
// Top Bar Settings
|
97
|
-
|
98
|
-
// $topBarBgColor: #222;
|
99
|
-
// $topBarHeight: 45px;
|
100
|
-
// $topBarHeightMobile: 45px;
|
101
|
-
// $topBarBtmMargin: 30px;
|
102
|
-
// $topBarTitleWeight: bold;
|
103
|
-
// $topBarTitleSize: 17px;
|
104
|
-
// $topBarLinkColor: #fff;
|
105
|
-
// $topBarLinkWeight: bold;
|
106
|
-
// $topBarLinkSize: 13px;
|
107
|
-
// $topBarDropBgColor: #222;
|
108
|
-
// $topBarDropLinkColor: #fff;
|
109
|
-
// $topBarDropToggleSize: 5px;
|
110
|
-
// $topBarDropToggleColor: #fff;
|
111
|
-
// $topBarDropToggleAlpha: 0.5;
|
112
|
-
// $topBarSearchWidth: 200px;
|
113
|
-
// $topBarBreakPoint: 940px; // Change to 9999px for always mobile layout
|
114
|
-
// $topBarNavToggleSize: 8px;
|
115
|
-
// $topBarNavToggleColor: #fff;
|
116
|
-
|
117
|
-
// UI Settings
|
118
|
-
|
119
|
-
// $thumbRadius: 3px;
|
120
|
-
// $progBarHeight: 25px;
|
121
|
-
// $progBarBorderColor: darken(#fff, 20%);
|
122
|
-
// $progBarBorderSize: 1px;
|
123
|
-
// $progBarPad: 2px;
|
124
|
-
// $linkListBottomMargin: 17px -22px;
|
125
|
-
// $tableBorderRadius: 3px;
|
126
|
-
// $alertBorderRadius: 3px;
|
127
|
-
|
128
|
-
// Tooltip Settings
|
129
|
-
|
130
|
-
// $hasTipBorderBottom: dotted 1px #ccc;
|
131
|
-
// $hasTipFontWeight: bold;
|
132
|
-
// $hasTipFontColor: #333;
|
133
|
-
// $hasTipBorderBottomHover: dotted 1px darken($mainColor, 20%);
|
134
|
-
// $hasTipFontColorHover: $mainColor;
|
135
|
-
// $tooltipBackgroundColor: #000;
|
136
|
-
// $tooltipBackgroundOpacity: 0.85;
|
137
|
-
// $tooltipFontSize: 12px;
|
138
|
-
// $tooltipFontWeight: bold;
|
139
|
-
// $tooltipFontColor: #fff;
|
140
|
-
// $tapToCloseFontSize: 10;
|
141
|
-
// $tapToCloseFontWeight: normal;
|
142
|
-
// $tapToCloseFontColor: #888;
|
143
|
-
// $tooltipFontSizeScreenSm: 14;
|
144
|
-
// $tooltipBgOpacityScreenSm: 0.85;
|
145
|
-
// $tooltipBorderRadius: 4px;
|
146
|
-
|
147
|
-
// Pricing Table Settings
|
148
|
-
|
149
|
-
// $priceTableBorder: solid 1px #ddd;
|
150
|
-
// $priceTitleBgColor: #ddd;
|
151
|
-
// $priceTitlePadding: 15px 20px;
|
152
|
-
// $priceTitleAlign: center;
|
153
|
-
// $priceTitleColor: #333;
|
154
|
-
// $priceTitleWeight: bold;
|
155
|
-
// $priceTitleSize: 16px;
|
156
|
-
|
157
|
-
// $priceMoneyBgColor: #eee;
|
158
|
-
// $priceMoneyPadding: 15px 20px;
|
159
|
-
// $priceMoneyAlign: center;
|
160
|
-
// $priceMoneyColor: #333;
|
161
|
-
// $priceMoneyWeight: normal;
|
162
|
-
// $priceMoneySize: 20px;
|
163
|
-
|
164
|
-
// $priceBgColor: #fff;
|
165
|
-
// $priceDescColor: #777;
|
166
|
-
// $priceDescPadding: 15px;
|
167
|
-
// $priceDescAlign: center;
|
168
|
-
// $priceDescFontSize: 12px;
|
169
|
-
// $priceDescWeight: normal;
|
170
|
-
// $priceDescLineHeight: 1.4;
|
171
|
-
// $priceDescBtmBorder: dotted 1px #ddd;
|
172
|
-
|
173
|
-
// $priceItemColor: #333;
|
174
|
-
// $priceItemPadding: 15px;
|
175
|
-
// $priceItemAlign: center;
|
176
|
-
// $priceItemFontSize: 14px;
|
177
|
-
// $priceItemWeight: normal;
|
178
|
-
// $priceItemBtmBorder: dotted 1px #ddd;
|
179
|
-
|
180
|
-
// $priceCtaBgColor: #f5f5f5;
|
181
|
-
// $priceCtaAlign: center;
|
182
|
-
// $priceCtaPadding: 20px;
|
183
|
-
|
184
|
-
// Orbit Settings
|
185
|
-
|
186
|
-
// $orbitCaptionBgColorOldBrowser: #000;
|
187
|
-
// $orbitCaptionBgColor: rgba(0,0,0,.6);
|
188
|
-
// $orbitCaptionFontColor: #fff;
|
189
|
-
// $orbitBulletNavColor: #999;
|
190
|
-
// $orbitBulletNavColorActive: #222;
|
191
|
-
// $orbitHasThumbBorderColor: #000;
|
192
|
-
// $orbitHasThumbBorderWidth: 2px;
|
193
|
-
// $orbitHasThumbBorderStyle: solid;
|
194
|
-
// $orbitSlideNumBgColor: rgba(0,0,0,0.7);
|
195
|
-
// $orbitSlideNumFontColor: #fff;
|
196
|
-
// $orbitSlideNumPadding: 5px;
|
197
|
-
|
198
|
-
// Clearing Settings
|
199
|
-
|
200
|
-
// $clearingBg: rgba(0,0,0,0.8);
|
201
|
-
// $clearingOldBrowserBg: rgb(0,0,0);
|
202
|
-
// $clearingCaptionBg: rgba(0,0,0,0.7);
|
203
|
-
// $clearingCaptionOldBrowserBg: rgb(0,0,0);
|
204
|
-
// $clearingCaptionFontColor: #fff;
|
205
|
-
// $clearingCloseColor: #fff;
|
206
|
-
// $clearingArrowColor: #fff;
|
207
|
-
// $clearingArrowSize: 16px;
|
208
|
-
// $clearingCarouselBg: rgba(0,0,0,0.75);
|
209
|
-
// $clearingCarouselOldBrowserBg: rgb(0,0,0);
|
210
|
-
// $clearingCarouselHeight: 150px;
|
211
|
-
// $clearingActiveImgHeight: 75%;
|
212
|
-
// $clearingCarouselThumbWidth: 175px;
|
213
|
-
// $clearingCarouselThumbActiveBorder: 4px solid rgb(255,255,255);
|
214
|
-
// $clearingImgBg: rgba(0,0,0,0.75);
|
215
|
-
// $clearingImgOldBrowserBg: rgb(0,0,0);
|
216
|
-
|
217
|
-
// Joyride Settings
|
218
|
-
|
219
|
-
// $tipBg: rgba(0,0,0,0.8);
|
220
|
-
// $tipBgIE8: #000;
|
221
|
-
// $tipFontColor: #fff;
|
222
|
-
// $tipHeaderWeight: bold;
|
223
|
-
// $tipDefaultWidth: 300px;
|
224
|
-
// $tipBorderRadius: 4px;
|
225
|
-
// $tipPadding: 18px 20px 24px;
|
226
|
-
// $tipNubSize: 14px;
|
227
|
-
// $tipFontSize: 14px;
|
228
|
-
// $tipTimerWidth: 50px;
|
229
|
-
// $tipTimerHeight: 3px;
|
230
|
-
// $tipTimerBorder: solid 1px #555;
|
231
|
-
// $tipTimerColor: #666;
|
232
|
-
// $tipCloseColor: #777;
|
233
|
-
// $tipCloseSize: 20px;
|
234
|
-
// $tipCloseWeight: normal;
|
235
|
-
// $tipScreenFill: rgba(0,0,0,0.5);
|
236
|
-
|
237
|
-
// Modular Scale Settings
|
238
|
-
|
239
|
-
// $ratio: $golden; // THIS IS DEFAULT IN MODULAR-SCALE
|
240
|
-
// $baseFontSize: 14px;
|
241
|
-
// $importantModNum: 44px;
|
242
|
-
// $base-size: $baseFontSize $importantModNum;
|
243
|
-
// Produced the following list of values: 14, 17, 23, 27, 37, 44, 59, 71, 95, 115;
|
244
|
-
// http://www.modularscale.com by Tim Brown
|
245
|
-
// https://github.com/scottkellum/modular-scale by scottkellum
|
data/test/scss/styles.scss
DELETED
@@ -1,50 +0,0 @@
|
|
1
|
-
// You custom settings file to override Foundation defaults
|
2
|
-
@import "settings";
|
3
|
-
|
4
|
-
// Comment out this import if you are customizing you imports below
|
5
|
-
@import "foundation";
|
6
|
-
|
7
|
-
// ----------------------------------------
|
8
|
-
// Import specific parts of Foundation by commenting the import "foundation"
|
9
|
-
// and uncommenting what you want below. You must uncomment the following if customizing
|
10
|
-
|
11
|
-
// @import "compass/css3";
|
12
|
-
// @import "foundation/settings";
|
13
|
-
// @import "foundation/functions/all";
|
14
|
-
|
15
|
-
// Control which mixins you have access too
|
16
|
-
|
17
|
-
// @import "foundation/mixins/clearfix";
|
18
|
-
// @import "foundation/mixins/css-triangle";
|
19
|
-
// @import "foundation/mixins/font-size";
|
20
|
-
|
21
|
-
// Must include next two for semantic grid to work
|
22
|
-
|
23
|
-
// @import "foundation/mixins/respond-to";
|
24
|
-
// @import "foundation/mixins/semantic-grid";
|
25
|
-
|
26
|
-
// @import "modular-scale";
|
27
|
-
// @import "foundation/common/globals";
|
28
|
-
|
29
|
-
// Must include the grid for any responsiveness
|
30
|
-
|
31
|
-
// @import "foundation/components/grid";
|
32
|
-
|
33
|
-
// Control which common styles get compiled
|
34
|
-
|
35
|
-
// @import "foundation/common/typography";
|
36
|
-
// @import "foundation/common/forms";
|
37
|
-
|
38
|
-
// Control which components you get if customizing
|
39
|
-
|
40
|
-
// @import "foundation/components/modules/buttons";
|
41
|
-
// @import "foundation/components/modules/tabs";
|
42
|
-
// @import "foundation/components/modules/ui";
|
43
|
-
// @import "foundation/components/modules/topbar";
|
44
|
-
// @import "foundation/components/modules/navbar";
|
45
|
-
// @import "foundation/components/modules/orbit";
|
46
|
-
// @import "foundation/components/modules/reveal";
|
47
|
-
// @import "foundation/components/modules/offcanvas";
|
48
|
-
|
49
|
-
// Media Queries Overrides
|
50
|
-
// @import "foundation/components/modules/mqueries";
|