zurb-foundation 2.1.3.1 → 2.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
1
  module Foundation
2
- COMMIT = "65920cc5c72c1dc82902e29afd9fa97ab5982535"
3
- VERSION = "2.1.3.1"
2
+ COMMIT = "46e71bf06a61fdb8adf3d41aa754a93c61757c59"
3
+ VERSION = "2.1.4"
4
4
  end
@@ -29,10 +29,11 @@ $(document).ready(function () {
29
29
  if (window.location.hash) {
30
30
  activateTab($('a[href="' + window.location.hash + '"]'));
31
31
  }
32
-
32
+
33
33
  /* ALERT BOXES ------------ */
34
- $(".alert-box").delegate("a.close", "click", function() {
35
- $(this).closest(".alert-box").fadeOut(function(){
34
+ $(".alert-box").delegate("a.close", "click", function(event) {
35
+ event.preventDefault();
36
+ $(this).closest(".alert-box").fadeOut(function(event){
36
37
  $(this).remove();
37
38
  });
38
39
  });
@@ -43,40 +44,48 @@ $(document).ready(function () {
43
44
 
44
45
  $('input, textarea').placeholder();
45
46
 
47
+
48
+
49
+ /* UNCOMMENT THE LINE YOU WANT BELOW IF YOU WANT IE6/7/8 SUPPORT AND ARE USING .block-grids */
50
+ // $('.block-grid.two-up>li:nth-child(2n+1)').css({clear: 'left'});
51
+ // $('.block-grid.three-up>li:nth-child(3n+1)').css({clear: 'left'});
52
+ // $('.block-grid.four-up>li:nth-child(4n+1)').css({clear: 'left'});
53
+ // $('.block-grid.five-up>li:nth-child(5n+1)').css({clear: 'left'});
54
+
55
+
56
+
46
57
  /* DROPDOWN NAV ------------- */
47
- /*
58
+
59
+ var currentFoundationDropdown = null;
48
60
  $('.nav-bar li a, .nav-bar li a:after').each(function() {
49
61
  $(this).data('clicks', 0);
50
62
  });
51
- $('.nav-bar li a, .nav-bar li a:after').bind('touchend click', function(e){
52
- e.stopPropagation();
63
+ $('.nav-bar li a, .nav-bar li a:after').live('click', function(e) {
53
64
  e.preventDefault();
54
- var f = $(this).siblings('.flyout');
65
+ if (currentFoundationDropdown !== $(this).index() || currentFoundationDropdown === null) {
66
+ $(this).data('clicks', 0);
67
+ currentFoundationDropdown = $(this).index();
68
+ }
55
69
  $(this).data('clicks', ($(this).data('clicks') + 1));
56
- if (!f.is(':visible') && f.length > 0) {
70
+ var f = $(this).siblings('.flyout');
71
+ if (!f.is(':visible') && $(this).parent('.has-flyout').length > 1) {
57
72
  $('.nav-bar li .flyout').hide();
58
73
  f.show();
59
- }
60
- });
61
- $('.nav-bar li a, .nav-bar li a:after').bind(' touchend click', function(e) {
62
- e.stopPropagation();
63
- e.preventDefault();
64
- if ($(this).data('clicks') > 1) {
74
+ } else if (($(this).data('clicks') > 1) || ($(this).parent('.has-flyout').length < 1)) {
65
75
  window.location = $(this).attr('href');
66
76
  }
67
77
  });
68
- $('.nav-bar').bind('touchend click', function(e) {
78
+ $('.nav-bar').live('click', function(e) {
69
79
  e.stopPropagation();
70
- if (!$(e.target).parents('.nav-bar li .flyout') || $(e.target) != $('.nav-bar li .flyout')) {
80
+ if ($(e.target).parents().is('.flyout') || $(e.target).is('.flyout')) {
71
81
  e.preventDefault();
72
82
  }
73
83
  });
74
- $('body').bind('touchend', function(e) {
75
- if (!$(e.target).parents('.nav-bar li .flyout') || $(e.target) != $('.nav-bar li .flyout')) {
76
- $('.nav-bar li .flyout').hide();
77
- }
78
- });
79
- */
84
+ // $('body').bind('touchend', function(e) {
85
+ // if (!$(e.target).parents().is('.nav-bar') || !$(e.target).is('.nav-bar')) {
86
+ // $('.nav-bar li .flyout').is(':visible').hide();
87
+ // }
88
+ // });
80
89
 
81
90
  /* DISABLED BUTTONS ------------- */
82
91
  /* Gives elements with a class of 'disabled' a return: false; */
@@ -55,6 +55,29 @@
55
55
  .row .offset-by-ten:first-child { margin-left: 87%; }
56
56
  .row .offset-by-eleven:first-child { margin-left: 95.7%; }
57
57
 
58
+ /* Source Ordering */
59
+ .push-two { left: 17.4% }
60
+ .push-three { left: 26.1%; }
61
+ .push-four { left: 34.8%; }
62
+ .push-five { left: 43.5%; }
63
+ .push-six { left: 52.2%; }
64
+ .push-seven { left: 60.9%; }
65
+ .push-eight { left: 69.6%; }
66
+ .push-nine { left: 78.3%; }
67
+ .push-ten { left: 87%; }
68
+
69
+ .pull-two { right: 17.4% }
70
+ .pull-three { right: 26.1%; }
71
+ .pull-four { right: 34.8%; }
72
+ .pull-five { right: 43.5%; }
73
+ .pull-six { right: 52.2%; }
74
+ .pull-seven { right: 60.9%; }
75
+ .pull-eight { right: 69.6%; }
76
+ .pull-nine { right: 78.3%; }
77
+ .pull-ten { right: 87%; }
78
+
79
+
80
+
58
81
  img, object, embed { max-width: 100%; height: auto; }
59
82
  img { -ms-interpolation-mode: bicubic; }
60
83
 
@@ -73,6 +96,11 @@
73
96
  for repeating blocks of content. Add 'mobile' to
74
97
  them to switch them just like the layout grid
75
98
  (one item per line) on phones
99
+
100
+ For IE7/8 compatibility block-grid items need to be
101
+ the same height. You can optionally uncomment the
102
+ lines below to support arbitrary height, but know
103
+ that IE7/8 do not support :nth-child.
76
104
  -------------------------------------------------- */
77
105
 
78
106
  .block-grid { display: block; overflow: hidden; }
@@ -80,15 +108,19 @@
80
108
 
81
109
  .block-grid.two-up { margin-left: -4% }
82
110
  .block-grid.two-up>li { margin-left: 4%; width: 46%; }
111
+ /* .block-grid.two-up>li:nth-child(2n+1) {clear: left;} */
83
112
 
84
113
  .block-grid.three-up { margin-left: -2% }
85
114
  .block-grid.three-up>li { margin-left: 2%; width: 31.3%; }
115
+ /* .block-grid.three-up>li:nth-child(3n+1) {clear: left;} */
86
116
 
87
117
  .block-grid.four-up { margin-left: -2% }
88
118
  .block-grid.four-up>li { margin-left: 2%; width: 23%; }
119
+ /* .block-grid.four-up>li:nth-child(4n+1) {clear: left;} */
89
120
 
90
121
  .block-grid.five-up { margin-left: -1.5% }
91
122
  .block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; }
123
+ /* .block-grid.five-up>li:nth-child(5n+1) {clear: left;} */
92
124
 
93
125
 
94
126
 
@@ -31,8 +31,11 @@
31
31
  .row .row .column, .row .row .columns { padding: 0; }
32
32
  .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
33
33
  .column:last-child, .columns:last-child { margin-right: 0; }
34
+
34
35
  .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .centered { margin-left: 0 !important; }
35
36
 
37
+ .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
38
+ .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
36
39
 
37
40
  /* Mobile 4-column Grid */
38
41
  .row .phone-one.column:first-child, .row .phone-two.column:first-child, .row .phone-three.column:first-child, .row .phone-four.column:first-child, .row .phone-one.columns:first-child, .row .phone-two.columns:first-child, .row .phone-three.columns:first-child, .row .phone-four.columns:first-child { margin-left: 0; }
@@ -40,10 +43,18 @@
40
43
  .row .phone-one.column, .row .phone-two.column, .row .phone-three.column, .row .phone-four.column,
41
44
  .row .phone-one.columns, .row .phone-two.columns, .row .phone-three.columns, .row .phone-four.columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; padding: 0; }
42
45
 
43
- .row .phone-one.columns { width: 21.68% !important; }
44
- .row .phone-two.columns { width: 47.8% !important; }
45
- .row .phone-three.columns { width: 73.9% !important; }
46
- .row .phone-four.columns { width: 100% !important; }
46
+ .row .phone-one.columns { width: 21.68% !important; }
47
+ .row .phone-two.columns { width: 47.8% !important; }
48
+ .row .phone-three.columns { width: 73.9% !important; }
49
+ .row .phone-four.columns { width: 100% !important; }
50
+
51
+ .row .columns.push-one-phone { left: 26.08%; }
52
+ .row .columns.push-two-phone { left: 52.2% }
53
+ .row .columns.push-three-phone { left: 78.3% }
54
+
55
+ .row .columns.pull-one-phone { right: 26.08% }
56
+ .row .columns.pull-two-phone { right: 52.2% }
57
+ .row .columns.pull-three-phone { right: 78.3%; }
47
58
 
48
59
 
49
60
  }
@@ -178,5 +189,11 @@
178
189
  .flyout.small, .flyout.large { width: auto; }
179
190
  .flyout p:last-child { margin-bottom: 18px; }
180
191
  }
192
+
193
+ /* Nav Bar */
194
+
195
+ @media 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) {
196
+ .video { padding-top: 0; }
197
+ }
181
198
 
182
199
 
@@ -24,7 +24,7 @@
24
24
 
25
25
  h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }
26
26
 
27
- /* Blockquotes */
27
+ /* Blockquotes */
28
28
  blockquote, blockquote p { line-height: 20px; color: #777; }
29
29
  blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
30
30
  blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; }
@@ -42,19 +42,22 @@
42
42
  * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
43
43
  * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
44
44
  */
45
+ .print-only { display: none !important; }
45
46
  @media print {
46
- * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
47
- -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
48
- p a, p a:visited { color: #444 !important; text-decoration: underline; }
49
- p a[href]:after { content: " (" attr(href) ")"; }
50
- abbr[title]:after { content: " (" attr(title) ")"; }
51
- .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
52
- pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
53
- thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
54
- tr, img { page-break-inside: avoid; }
55
- @page { margin: 0.5cm; }
56
- p, h2, h3 { orphans: 3; widows: 3; }
57
- h2, h3{ page-break-after: avoid; }
47
+ * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
48
+ -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
49
+ p a, p a:visited { color: #444 !important; text-decoration: underline; }
50
+ p a[href]:after { content: " (" attr(href) ")"; }
51
+ abbr[title]:after { content: " (" attr(title) ")"; }
52
+ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
53
+ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
54
+ thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
55
+ tr, img { page-break-inside: avoid; }
56
+ @page { margin: 0.5cm; }
57
+ p, h2, h3 { orphans: 3; widows: 3; }
58
+ h2, h3{ page-break-after: avoid; }
59
+ .hide-on-print { display: none !important; }
60
+ .print-only { display: block !important; }
58
61
  }
59
62
 
60
63
 
@@ -13,6 +13,7 @@
13
13
  :: Lists
14
14
  :: Panels
15
15
  :: Nav
16
+ :: Video
16
17
  :: Microformats
17
18
  */
18
19
 
@@ -216,6 +217,34 @@
216
217
  .nav-bar>li:hover .flyout { display: block; }
217
218
 
218
219
 
220
+ /* --------------------------------------------------
221
+ Video
222
+ Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
223
+ -------------------------------------------------- */
224
+
225
+ .flex-video {
226
+ position: relative;
227
+ padding-top: 25px;
228
+ padding-bottom: 67.5%;
229
+ height: 0;
230
+ margin-bottom: 16px;
231
+ overflow: hidden;
232
+ }
233
+
234
+ .flex-video.widescreen { padding-bottom: 57.25%; }
235
+ .flex-video.vimeo { padding-top: 0; }
236
+
237
+ .flex-video iframe,
238
+ .flex-video object,
239
+ .flex-video embed {
240
+ position: absolute;
241
+ top: 0;
242
+ left: 0;
243
+ width: 100%;
244
+ height: 100%;
245
+ }
246
+
247
+
219
248
 
220
249
  /* --------------------------------------------------
221
250
  Microformats
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: zurb-foundation
3
3
  version: !ruby/object:Gem::Version
4
- version: 2.1.3.1
4
+ version: 2.1.4
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,12 +9,12 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2011-12-14 00:00:00.000000000 -08:00
12
+ date: 2011-12-19 00:00:00.000000000 -08:00
13
13
  default_executable:
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: rails
17
- requirement: &2154910460 !ruby/object:Gem::Requirement
17
+ requirement: &2153306600 !ruby/object:Gem::Requirement
18
18
  none: false
19
19
  requirements:
20
20
  - - ~>
@@ -22,10 +22,10 @@ dependencies:
22
22
  version: 3.1.0
23
23
  type: :runtime
24
24
  prerelease: false
25
- version_requirements: *2154910460
25
+ version_requirements: *2153306600
26
26
  - !ruby/object:Gem::Dependency
27
27
  name: jquery-rails
28
- requirement: &2154909960 !ruby/object:Gem::Requirement
28
+ requirement: &2153306100 !ruby/object:Gem::Requirement
29
29
  none: false
30
30
  requirements:
31
31
  - - ~>
@@ -33,7 +33,7 @@ dependencies:
33
33
  version: '1.0'
34
34
  type: :runtime
35
35
  prerelease: false
36
- version_requirements: *2154909960
36
+ version_requirements: *2153306100
37
37
  description: An easy to use, powerful, and flexible framework for building prototypes
38
38
  and production code on any kind of device.
39
39
  email:
@@ -104,7 +104,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
104
104
  version: '0'
105
105
  segments:
106
106
  - 0
107
- hash: 2248147296894698664
107
+ hash: -4548788144942681149
108
108
  required_rubygems_version: !ruby/object:Gem::Requirement
109
109
  none: false
110
110
  requirements:
@@ -113,7 +113,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
113
113
  version: '0'
114
114
  segments:
115
115
  - 0
116
- hash: 2248147296894698664
116
+ hash: -4548788144942681149
117
117
  requirements: []
118
118
  rubyforge_project: foundation
119
119
  rubygems_version: 1.6.2