zurb-foundation 2.1.3.1 → 2.1.4

Sign up to get free protection for your applications and to get access to all the features.
@@ -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