zurb-foundation 2.1.0 → 2.1.2
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.
- data/build.rb +16 -8
- data/lib/foundation/generators/templates/application.html.erb +1 -1
- data/lib/foundation/version.rb +2 -2
- data/vendor/assets/javascripts/foundation/app.js +78 -0
- data/vendor/assets/javascripts/foundation/forms.jquery.js +59 -0
- data/vendor/assets/javascripts/foundation/index.js +6 -0
- data/vendor/assets/javascripts/foundation/jquery.customforms.js +169 -0
- data/vendor/assets/javascripts/{foundation.js → foundation/jquery.orbit-1.3.0.js} +0 -407
- data/vendor/assets/javascripts/foundation/jquery.placeholder.min.js +3 -0
- data/vendor/assets/javascripts/foundation/jquery.reveal.js +127 -0
- data/vendor/assets/stylesheets/foundation/forms.css.scss +89 -0
- data/vendor/assets/stylesheets/foundation/globals.css.scss +129 -0
- data/vendor/assets/stylesheets/foundation/grid.css.scss +94 -0
- data/vendor/assets/stylesheets/foundation/index.css +10 -0
- data/vendor/assets/stylesheets/foundation/mobile.css.scss +181 -0
- data/vendor/assets/stylesheets/foundation/orbit.css.scss +250 -0
- data/vendor/assets/stylesheets/foundation/reveal.css.scss +95 -0
- data/vendor/assets/stylesheets/foundation/typography.css.scss +60 -0
- data/vendor/assets/stylesheets/foundation/ui.css.scss +234 -0
- metadata +24 -10
- data/vendor/assets/stylesheets/foundation.scss +0 -1084
@@ -0,0 +1,3 @@
|
|
1
|
+
/*! http://mths.be/placeholder v1.8.5 by @mathias */
|
2
|
+
(function(g,a,$){var f='placeholder' in a.createElement('input'),b='placeholder' in a.createElement('textarea');if(f&&b){$.fn.placeholder=function(){return this};$.fn.placeholder.input=$.fn.placeholder.textarea=true}else{$.fn.placeholder=function(){return this.filter((f?'textarea':':input')+'[placeholder]').bind('focus.placeholder',c).bind('blur.placeholder',e).trigger('blur.placeholder').end()};$.fn.placeholder.input=f;$.fn.placeholder.textarea=b;$(function(){$('form').bind('submit.placeholder',function(){var h=$('.placeholder',this).each(c);setTimeout(function(){h.each(e)},10)})});$(g).bind('unload.placeholder',function(){$('.placeholder').val('')})}function d(i){var h={},j=/^jQuery\d+$/;$.each(i.attributes,function(l,k){if(k.specified&&!j.test(k.name)){h[k.name]=k.value}});return h}function c(){var h=$(this);if(h.val()===h.attr('placeholder')&&h.hasClass('placeholder')){if(h.data('placeholder-password')){h.hide().next().show().focus().attr('id',h.removeAttr('id').data('placeholder-id'))}else{h.val('').removeClass('placeholder')}}}function e(){var l,k=$(this),h=k,j=this.id;if(k.val()===''){if(k.is(':password')){if(!k.data('placeholder-textinput')){try{l=k.clone().attr({type:'text'})}catch(i){l=$('<input>').attr($.extend(d(this),{type:'text'}))}l.removeAttr('name').data('placeholder-password',true).data('placeholder-id',j).bind('focus.placeholder',c);k.data('placeholder-textinput',l).data('placeholder-id',j).before(l)}k=k.removeAttr('id').hide().prev().attr('id',j).show()}k.addClass('placeholder').val(k.attr('placeholder'))}else{k.removeClass('placeholder')}}}(this,document,jQuery));
|
3
|
+
|
@@ -0,0 +1,127 @@
|
|
1
|
+
/*
|
2
|
+
* jQuery Reveal Plugin 1.0
|
3
|
+
* www.ZURB.com
|
4
|
+
* Copyright 2010, ZURB
|
5
|
+
* Free to use under the MIT license.
|
6
|
+
* http://www.opensource.org/licenses/mit-license.php
|
7
|
+
*/
|
8
|
+
|
9
|
+
|
10
|
+
(function ($) {
|
11
|
+
$('a[data-reveal-id]').live('click', function (event) {
|
12
|
+
event.preventDefault();
|
13
|
+
var modalLocation = $(this).attr('data-reveal-id');
|
14
|
+
$('#' + modalLocation).reveal($(this).data());
|
15
|
+
});
|
16
|
+
|
17
|
+
$.fn.reveal = function (options) {
|
18
|
+
var defaults = {
|
19
|
+
animation: 'fadeAndPop', // fade, fadeAndPop, none
|
20
|
+
animationSpeed: 300, // how fast animtions are
|
21
|
+
closeOnBackgroundClick: true, // if you click background will modal close?
|
22
|
+
dismissModalClass: 'close-reveal-modal' // the class of a button or element that will close an open modal
|
23
|
+
};
|
24
|
+
var options = $.extend({}, defaults, options);
|
25
|
+
|
26
|
+
return this.each(function () {
|
27
|
+
var modal = $(this),
|
28
|
+
topMeasure = parseInt(modal.css('top')),
|
29
|
+
topOffset = modal.height() + topMeasure,
|
30
|
+
locked = false,
|
31
|
+
modalBg = $('.reveal-modal-bg');
|
32
|
+
|
33
|
+
if (modalBg.length == 0) {
|
34
|
+
modalBg = $('<div class="reveal-modal-bg" />').insertAfter(modal);
|
35
|
+
modalBg.fadeTo('fast', 0.8);
|
36
|
+
}
|
37
|
+
|
38
|
+
function openAnimation() {
|
39
|
+
modalBg.unbind('click.modalEvent');
|
40
|
+
$('.' + options.dismissModalClass).unbind('click.modalEvent');
|
41
|
+
if (!locked) {
|
42
|
+
lockModal();
|
43
|
+
if (options.animation == "fadeAndPop") {
|
44
|
+
modal.css({'top': $(document).scrollTop() - topOffset, 'opacity': 0, 'visibility': 'visible'});
|
45
|
+
modalBg.fadeIn(options.animationSpeed / 2);
|
46
|
+
modal.delay(options.animationSpeed / 2).animate({
|
47
|
+
"top": $(document).scrollTop() + topMeasure + 'px',
|
48
|
+
"opacity": 1
|
49
|
+
}, options.animationSpeed, unlockModal);
|
50
|
+
}
|
51
|
+
if (options.animation == "fade") {
|
52
|
+
modal.css({'opacity': 0, 'visibility': 'visible', 'top': $(document).scrollTop() + topMeasure});
|
53
|
+
modalBg.fadeIn(options.animationSpeed / 2);
|
54
|
+
modal.delay(options.animationSpeed / 2).animate({
|
55
|
+
"opacity": 1
|
56
|
+
}, options.animationSpeed, unlockModal);
|
57
|
+
}
|
58
|
+
if (options.animation == "none") {
|
59
|
+
modal.css({'visibility': 'visible', 'top': $(document).scrollTop() + topMeasure});
|
60
|
+
modalBg.css({"display": "block"});
|
61
|
+
unlockModal();
|
62
|
+
}
|
63
|
+
}
|
64
|
+
modal.unbind('reveal:open', openAnimation);
|
65
|
+
}
|
66
|
+
modal.bind('reveal:open', openAnimation);
|
67
|
+
|
68
|
+
function closeAnimation() {
|
69
|
+
if (!locked) {
|
70
|
+
lockModal();
|
71
|
+
if (options.animation == "fadeAndPop") {
|
72
|
+
modalBg.delay(options.animationSpeed).fadeOut(options.animationSpeed);
|
73
|
+
modal.animate({
|
74
|
+
"top": $(document).scrollTop() - topOffset + 'px',
|
75
|
+
"opacity": 0
|
76
|
+
}, options.animationSpeed / 2, function () {
|
77
|
+
modal.css({'top': topMeasure, 'opacity': 1, 'visibility': 'hidden'});
|
78
|
+
unlockModal();
|
79
|
+
});
|
80
|
+
}
|
81
|
+
if (options.animation == "fade") {
|
82
|
+
modalBg.delay(options.animationSpeed).fadeOut(options.animationSpeed);
|
83
|
+
modal.animate({
|
84
|
+
"opacity" : 0
|
85
|
+
}, options.animationSpeed, function () {
|
86
|
+
modal.css({'opacity': 1, 'visibility': 'hidden', 'top': topMeasure});
|
87
|
+
unlockModal();
|
88
|
+
});
|
89
|
+
}
|
90
|
+
if (options.animation == "none") {
|
91
|
+
modal.css({'visibility': 'hidden', 'top': topMeasure});
|
92
|
+
modalBg.css({'display': 'none'});
|
93
|
+
}
|
94
|
+
}
|
95
|
+
modal.unbind('reveal:close', closeAnimation);
|
96
|
+
}
|
97
|
+
modal.bind('reveal:close', closeAnimation);
|
98
|
+
modal.trigger('reveal:open');
|
99
|
+
|
100
|
+
var closeButton = $('.' + options.dismissModalClass).bind('click.modalEvent', function () {
|
101
|
+
modal.trigger('reveal:close');
|
102
|
+
});
|
103
|
+
|
104
|
+
if (options.closeOnBackgroundClick) {
|
105
|
+
modalBg.css({"cursor": "pointer"});
|
106
|
+
modalBg.bind('click.modalEvent', function () {
|
107
|
+
modal.trigger('reveal:close');
|
108
|
+
});
|
109
|
+
}
|
110
|
+
|
111
|
+
$('body').keyup(function (event) {
|
112
|
+
if (event.which === 27) { // 27 is the keycode for the Escape key
|
113
|
+
modal.trigger('reveal:close');
|
114
|
+
}
|
115
|
+
});
|
116
|
+
|
117
|
+
function unlockModal() {
|
118
|
+
locked = false;
|
119
|
+
}
|
120
|
+
|
121
|
+
function lockModal() {
|
122
|
+
locked = true;
|
123
|
+
}
|
124
|
+
});
|
125
|
+
};
|
126
|
+
})(jQuery);
|
127
|
+
|
@@ -0,0 +1,89 @@
|
|
1
|
+
/* Artfully masterminded by ZURB
|
2
|
+
Make sure to include app.js / foundation.js if you are going to use inline label inputs
|
3
|
+
*/
|
4
|
+
|
5
|
+
|
6
|
+
/* -----------------------------------------
|
7
|
+
Standard Forms
|
8
|
+
----------------------------------------- */
|
9
|
+
|
10
|
+
form { margin: 0 0 18px; }
|
11
|
+
form label { display: block; font-size: 13px; line-height: 18px; cursor: pointer; margin-bottom: 9px; }
|
12
|
+
|
13
|
+
input.input-text, textarea { border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; }
|
14
|
+
input.input-text, textarea, select { display: block; margin-bottom: 9px; }
|
15
|
+
label + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown { margin-top: -9px; }
|
16
|
+
|
17
|
+
/* Text input and textarea font and padding */
|
18
|
+
input.input-text, textarea { font-size: 13px; padding: 4px 3px 2px; background: #fff; }
|
19
|
+
input.input-text:focus, textarea:focus { outline: none !important; }
|
20
|
+
input.input-text.oversize, textarea.oversize { font-size: 18px !important; padding: 4px 5px !important; }
|
21
|
+
input.input-text:focus, textarea:focus { background: #f9f9f9; }
|
22
|
+
|
23
|
+
/* Inlined Label Style */
|
24
|
+
input.placeholder, textarea.placeholder { color: #888; }
|
25
|
+
|
26
|
+
/* Text input and textarea sizes */
|
27
|
+
input.input-text, textarea { width: 254px; }
|
28
|
+
input.small, textarea.small { width: 134px; }
|
29
|
+
input.medium, textarea.medium { width: 254px; }
|
30
|
+
input.large, textarea.large { width: 434px; }
|
31
|
+
|
32
|
+
/* Fieldsets */
|
33
|
+
form fieldset { padding: 9px 9px 2px 9px; border: solid 1px #ddd; margin: 18px 0; }
|
34
|
+
|
35
|
+
/* Inlined Radio & Checkbox */
|
36
|
+
.form-field input[type=radio], div.form-field input[type=checkbox] { display: inline; width:auto; margin-bottom:0; }
|
37
|
+
|
38
|
+
/* Errors */
|
39
|
+
.form-field.error input, input.input-text.red { border-color: red; background-color: rgba(255,0,0,0.15); }
|
40
|
+
.form-field.error label, label.red { color: red; }
|
41
|
+
.form-field.error small, small.error { margin-top: -6px; display: block; margin-bottom: 9px; font-size: 11px; color: red; width: 260px; }
|
42
|
+
|
43
|
+
.small + small.error { width: 140px; }
|
44
|
+
.medium + small.error { width: 260px; }
|
45
|
+
.large + small.error { width: 440px; }
|
46
|
+
|
47
|
+
/* -----------------------------------------
|
48
|
+
Nicer Forms
|
49
|
+
----------------------------------------- */
|
50
|
+
form.nice div.form-field input, form.nice input.input-text, form.nice textarea { border: solid 1px #bbb; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
|
51
|
+
form.nice div.form-field input, form.nice input.input-text, form.nice textarea { font-size: 13px; padding: 6px 3px 4px; outline: none !important; background: image-url("foundation/misc/input-bg.png") #fff; }
|
52
|
+
form.nice div.form-field input:focus, form.nice input.input-text:focus, form.nice textarea:focus { background-color: #f9f9f9; }
|
53
|
+
|
54
|
+
form.nice fieldset { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
|
55
|
+
|
56
|
+
form.nice div.form-field input[type=radio], form.nice div.form-field input[type=checkbox] { display: inline; width:auto; margin-bottom:0; }
|
57
|
+
|
58
|
+
form.nice div.form-field.error small, form.nice small.error { padding: 6px 4px; border: solid 0 red; border-width: 0 1px 1px 1px; margin-top: -10px; background: red; color: #fff; font-size: 12px; font-weight: bold; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; }
|
59
|
+
|
60
|
+
form.nice div.form-field.error .small + small, form.nice .small + small.error { width: 132px; }
|
61
|
+
form.nice div.form-field.error .medium + small, form.nice .medium + small.error { width: 252px; }
|
62
|
+
form.nice div.form-field.error .large + small, form.nice .large + small.error { width: 432px; }
|
63
|
+
|
64
|
+
/* -----------------------------------------
|
65
|
+
Custom Forms
|
66
|
+
----------------------------------------- */
|
67
|
+
|
68
|
+
form.custom span.custom { display: inline-block; width: 14px; height: 14px; position: relative; top: 2px; border: solid 1px #ccc; background: image-url("foundation/misc/custom-form-sprites.png") 0 0 no-repeat; }
|
69
|
+
form.custom span.custom.radio { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
|
70
|
+
form.custom span.custom.radio.checked { background-position: 0 -14px; }
|
71
|
+
form.custom span.custom.checkbox.checked { background-position: 0 -28px; }
|
72
|
+
|
73
|
+
form.custom div.custom.dropdown { position: relative; display: inline-block; width: auto; height: 28px; margin-bottom: 9px; }
|
74
|
+
form.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; padding: 0 38px 0 6px; border: solid 1px #ddd; color: #141414; }
|
75
|
+
form.custom div.custom.dropdown a.selector { position: absolute; width: 26px; height: 26px; display: block; background: image-url("foundation/misc/custom-form-sprites.png") -14px 0 no-repeat; right: 0; top: 0; border: solid 1px #ddd; }
|
76
|
+
form.custom div.custom.dropdown:hover a.selector,
|
77
|
+
form.custom div.custom.dropdown.open a.selector { background-position: -14px -26px; }
|
78
|
+
|
79
|
+
form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 27px; margin: 0; padding: 0; background: rgba(255,255,255,0.9); border: solid 1px #ddd; z-index: 10; }
|
80
|
+
form.custom div.custom.dropdown ul li { cursor: pointer; padding: 3px 38px 3px 6px; margin: 0; }
|
81
|
+
form.custom div.custom.dropdown ul li.selected { background: image-url("foundation/misc/custom-form-sprites.png") right -52px no-repeat; }
|
82
|
+
form.custom div.custom.dropdown ul li:hover { background-color: #2a85e8; color: #fff; }
|
83
|
+
form.custom div.custom.dropdown ul li.selected:hover { background: image-url("foundation/misc/custom-form-sprites.png") #2a85e8 right -78px no-repeat; }
|
84
|
+
form.custom div.custom.dropdown ul.show { display: block; }
|
85
|
+
|
86
|
+
form.custom div.custom.dropdown.open ul { display: block; }
|
87
|
+
|
88
|
+
|
89
|
+
|
@@ -0,0 +1,129 @@
|
|
1
|
+
/* Artfully Masterminded by ZURB */
|
2
|
+
|
3
|
+
/* --------------------------------------------------
|
4
|
+
Table of Contents
|
5
|
+
-----------------------------------------------------
|
6
|
+
:: Reset & Standards
|
7
|
+
:: Links
|
8
|
+
:: Lists
|
9
|
+
:: Tables
|
10
|
+
:: Misc
|
11
|
+
*/
|
12
|
+
|
13
|
+
|
14
|
+
/* --------------------------------------------------
|
15
|
+
:: Global Reset & Standards
|
16
|
+
-------------------------------------------------- */
|
17
|
+
|
18
|
+
/*
|
19
|
+
Eric Meyer's CSS Reset
|
20
|
+
http://meyerweb.com/eric/tools/css/reset/
|
21
|
+
v2.0 | 20110126
|
22
|
+
License: none (public domain)
|
23
|
+
*/
|
24
|
+
|
25
|
+
html, body, div, span, applet, object, iframe,
|
26
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
27
|
+
a, abbr, acronym, address, big, cite, code,
|
28
|
+
del, dfn, em, img, ins, kbd, q, s, samp,
|
29
|
+
small, strike, strong, sub, sup, tt, var,
|
30
|
+
b, u, i, center,
|
31
|
+
dl, dt, dd, ol, ul, li,
|
32
|
+
fieldset, form, label, legend,
|
33
|
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
34
|
+
article, aside, canvas, details, embed,
|
35
|
+
figure, figcaption, footer, header, hgroup,
|
36
|
+
menu, nav, output, ruby, section, summary,
|
37
|
+
time, mark, audio, video {
|
38
|
+
margin: 0;
|
39
|
+
padding: 0;
|
40
|
+
border: 0;
|
41
|
+
font: inherit;
|
42
|
+
vertical-align: baseline;
|
43
|
+
}
|
44
|
+
html {
|
45
|
+
font-size: 62.5%;
|
46
|
+
}
|
47
|
+
/* HTML5 display-role reset for older browsers */
|
48
|
+
article, aside, details, figcaption, figure,
|
49
|
+
footer, header, hgroup, menu, nav, section {
|
50
|
+
display: block;
|
51
|
+
}
|
52
|
+
body {
|
53
|
+
line-height: 1;
|
54
|
+
}
|
55
|
+
ol, ul {
|
56
|
+
list-style: none;
|
57
|
+
}
|
58
|
+
blockquote, q {
|
59
|
+
quotes: none;
|
60
|
+
}
|
61
|
+
blockquote:before, blockquote:after,
|
62
|
+
q:before, q:after {
|
63
|
+
content: '';
|
64
|
+
content: none;
|
65
|
+
}
|
66
|
+
table {
|
67
|
+
border-collapse: collapse;
|
68
|
+
border-spacing: 0;
|
69
|
+
}
|
70
|
+
|
71
|
+
|
72
|
+
|
73
|
+
body { background: #fff; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; line-height: 18px; color: #555; position: relative; -webkit-font-smoothing: antialiased; }
|
74
|
+
|
75
|
+
|
76
|
+
|
77
|
+
/* --------------------------------------------------
|
78
|
+
:: Links
|
79
|
+
-------------------------------------------------- */
|
80
|
+
a { color: #2a85e8; text-decoration: none; line-height: inherit; }
|
81
|
+
a:hover { color: #11639d; }
|
82
|
+
a:focus { color: #cc4714; outline: none; }
|
83
|
+
p a, p a:visited { line-height: inherit; }
|
84
|
+
|
85
|
+
|
86
|
+
/* --------------------------------------------------
|
87
|
+
:: Lists
|
88
|
+
-------------------------------------------------- */
|
89
|
+
ul, ol { margin-bottom: 18px; }
|
90
|
+
ul { list-style: none outside; }
|
91
|
+
ol { list-style: decimal; }
|
92
|
+
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
|
93
|
+
ul.square { list-style: square outside; }
|
94
|
+
ul.circle { list-style: circle outside; }
|
95
|
+
ul.disc { list-style: disc outside; }
|
96
|
+
ul ul, ol ol { margin: 4px 0 5px 30px; }
|
97
|
+
li { margin-bottom: 12px; }
|
98
|
+
ul.large li { line-height: 21px; }
|
99
|
+
|
100
|
+
|
101
|
+
/* --------------------------------------------------
|
102
|
+
:: Tables
|
103
|
+
-------------------------------------------------- */
|
104
|
+
table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block; margin: 0 0 18px; border: 1px solid #ddd; }
|
105
|
+
|
106
|
+
table thead, table tfoot { background: #f5f5f5; }
|
107
|
+
table thead tr th,
|
108
|
+
table tfoot tr th
|
109
|
+
table tbody tr td,
|
110
|
+
table tfoot tr td { font-size: 12px; line-height: 18px; text-align: left; }
|
111
|
+
table thead tr th,
|
112
|
+
table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }
|
113
|
+
table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
|
114
|
+
table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }
|
115
|
+
|
116
|
+
table tbody tr.even,
|
117
|
+
table tbody tr.alt { background: #f9f9f9; }
|
118
|
+
table tbody tr:nth-child(even) { background: #f9f9f9; }
|
119
|
+
table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }
|
120
|
+
|
121
|
+
/* --------------------------------------------------
|
122
|
+
:: Misc
|
123
|
+
---------------------------------------------------*/
|
124
|
+
.left { float: left; }
|
125
|
+
.right { float: right; }
|
126
|
+
.hide { display: none; }
|
127
|
+
.highlight { background: #ff0; }
|
128
|
+
|
129
|
+
|
@@ -0,0 +1,94 @@
|
|
1
|
+
/* Arfully Masterminded by ZURB */
|
2
|
+
|
3
|
+
/* --------------------------------------------------
|
4
|
+
:: Grid
|
5
|
+
|
6
|
+
This is the mobile-friendly, responsive grid that
|
7
|
+
lets Foundation work much of its magic.
|
8
|
+
|
9
|
+
-------------------------------------------------- */
|
10
|
+
|
11
|
+
.container { padding: 0 20px; }
|
12
|
+
|
13
|
+
.row { width: 100%; max-width: 980px; min-width: 727px; margin: 0 auto; }
|
14
|
+
/* To fix the grid into a certain size, set max-width to width */
|
15
|
+
.row .row { min-width: 0; }
|
16
|
+
|
17
|
+
.column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; }
|
18
|
+
.column:first-child, .columns:first-child { margin-left: 0; }
|
19
|
+
|
20
|
+
.row .one.columns { width: 4.3%; }
|
21
|
+
.row .two.columns { width: 13%; }
|
22
|
+
.row .three.columns { width: 21.68%; }
|
23
|
+
.row .four.columns { width: 30.4%; }
|
24
|
+
.row .five.columns { width: 39.1%; }
|
25
|
+
.row .six.columns { width: 47.8%; }
|
26
|
+
.row .seven.columns { width: 56.5%; }
|
27
|
+
.row .eight.columns { width: 65.2%; }
|
28
|
+
.row .nine.columns { width: 73.9%; }
|
29
|
+
.row .ten.columns { width: 82.6%; }
|
30
|
+
.row .eleven.columns { width: 91.3%; }
|
31
|
+
.row .twelve.columns { width: 100%; }
|
32
|
+
|
33
|
+
.row .offset-by-one { margin-left: 13.1%; }
|
34
|
+
.row .offset-by-two { margin-left: 21.8%; }
|
35
|
+
.row .offset-by-three { margin-left: 30.5%; }
|
36
|
+
.row .offset-by-four { margin-left: 39.2%; }
|
37
|
+
.row .offset-by-five { margin-left: 47.9%; }
|
38
|
+
.row .offset-by-six { margin-left: 56.6%; }
|
39
|
+
.row .offset-by-seven { margin-left: 65.3%; }
|
40
|
+
.row .offset-by-eight { margin-left: 74.0%; }
|
41
|
+
.row .offset-by-nine { margin-left: 82.7%; }
|
42
|
+
.row .offset-by-ten { margin-left: 91.4%; }
|
43
|
+
|
44
|
+
.row .centered { float: none; margin: 0 auto; }
|
45
|
+
|
46
|
+
.row .offset-by-one:first-child { margin-left: 8.7%; }
|
47
|
+
.row .offset-by-two:first-child { margin-left: 17.4%; }
|
48
|
+
.row .offset-by-three:first-child { margin-left: 26.1%; }
|
49
|
+
.row .offset-by-four:first-child { margin-left: 34.8%; }
|
50
|
+
.row .offset-by-five:first-child { margin-left: 43.5%; }
|
51
|
+
.row .offset-by-six:first-child { margin-left: 52.2%; }
|
52
|
+
.row .offset-by-seven:first-child { margin-left: 60.9%; }
|
53
|
+
.row .offset-by-eight:first-child { margin-left: 69.6%; }
|
54
|
+
.row .offset-by-nine:first-child { margin-left: 78.3%; }
|
55
|
+
.row .offset-by-ten:first-child { margin-left: 87%; }
|
56
|
+
.row .offset-by-eleven:first-child { margin-left: 95.7%; }
|
57
|
+
|
58
|
+
img, object, embed { max-width: 100%; height: auto; }
|
59
|
+
img { -ms-interpolation-mode: bicubic; }
|
60
|
+
|
61
|
+
/* Nicolas Gallagher's micro clearfix */
|
62
|
+
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
|
63
|
+
.row:after, .clearfix:after { clear: both; }
|
64
|
+
.row, .clearfix { zoom: 1; }
|
65
|
+
|
66
|
+
|
67
|
+
|
68
|
+
|
69
|
+
/* --------------------------------------------------
|
70
|
+
:: Block grids
|
71
|
+
|
72
|
+
These are 2-up, 3-up, 4-up and 5-up ULs, suited
|
73
|
+
for repeating blocks of content. Add 'mobile' to
|
74
|
+
them to switch them just like the layout grid
|
75
|
+
(one item per line) on phones
|
76
|
+
-------------------------------------------------- */
|
77
|
+
|
78
|
+
.block-grid { display: block; overflow: hidden; }
|
79
|
+
.block-grid>li { display: block; height: auto; float: left; }
|
80
|
+
|
81
|
+
.block-grid.two-up { margin-left: -4% }
|
82
|
+
.block-grid.two-up>li { margin-left: 4%; width: 46%; }
|
83
|
+
|
84
|
+
.block-grid.three-up { margin-left: -2% }
|
85
|
+
.block-grid.three-up>li { margin-left: 2%; width: 31.3%; }
|
86
|
+
|
87
|
+
.block-grid.four-up { margin-left: -2% }
|
88
|
+
.block-grid.four-up>li { margin-left: 2%; width: 23%; }
|
89
|
+
|
90
|
+
.block-grid.five-up { margin-left: -1.5% }
|
91
|
+
.block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; }
|
92
|
+
|
93
|
+
|
94
|
+
|
@@ -0,0 +1,10 @@
|
|
1
|
+
/*
|
2
|
+
*= require 'foundation/globals'
|
3
|
+
*= require 'foundation/typography'
|
4
|
+
*= require 'foundation/grid'
|
5
|
+
*= require 'foundation/ui'
|
6
|
+
*= require 'foundation/forms'
|
7
|
+
*= require 'foundation/orbit'
|
8
|
+
*= require 'foundation/reveal'
|
9
|
+
*= require 'foundation/mobile'
|
10
|
+
*/
|