ZURB-foundation 2.1.3 → 2.1.3.1
Sign up to get free protection for your applications and to get access to all the features.
- data/README.mkdn +1 -1
- data/lib/ZURB-foundation.rb +2 -2
- data/stylesheets/ZURB/_forms.sass +6 -6
- data/stylesheets/ZURB/_globals.sass +1 -1
- data/stylesheets/ZURB/_grid.sass +2 -2
- data/stylesheets/ZURB/_mobile.sass +5 -5
- data/stylesheets/ZURB/_orbit.sass +20 -20
- data/stylesheets/ZURB/_reveal.sass +11 -11
- data/stylesheets/ZURB/_typography.sass +3 -3
- data/stylesheets/ZURB/_ui.sass +15 -15
- metadata +4 -4
data/README.mkdn
CHANGED
@@ -18,7 +18,7 @@ In Terminal:
|
|
18
18
|
* `git clone git://github.com/zurb/foundation-sass.git`
|
19
19
|
* `cd foundation-sass`
|
20
20
|
* `sudo gem build ZURB-foundation.gemspec`
|
21
|
-
* `sudo gem install ZURB-foundation-2.1.3.gem`
|
21
|
+
* `sudo gem install ZURB-foundation-2.1.3.1.gem`
|
22
22
|
|
23
23
|
To create your first project
|
24
24
|
----------------------------
|
data/lib/ZURB-foundation.rb
CHANGED
@@ -76,13 +76,13 @@ form
|
|
76
76
|
margin-bottom: 9px
|
77
77
|
+font-size(11)
|
78
78
|
color: red
|
79
|
-
width:
|
79
|
+
width: 260px
|
80
80
|
.small+.error
|
81
|
-
width:
|
81
|
+
width: 140px
|
82
82
|
.medium+.error
|
83
|
-
width:
|
83
|
+
width: 260px
|
84
84
|
.large+.error
|
85
|
-
width:
|
85
|
+
width: 440px
|
86
86
|
|
87
87
|
/* Nicer Forms */
|
88
88
|
form.nice
|
@@ -101,7 +101,7 @@ form.nice
|
|
101
101
|
padding: 6px 4px
|
102
102
|
border: solid 0 #c00000
|
103
103
|
border-width: 0 1px 1px 1px
|
104
|
-
margin-top: -
|
104
|
+
margin-top: -10px
|
105
105
|
background: #c00000
|
106
106
|
color: #fff
|
107
107
|
+font-size(12)
|
@@ -153,7 +153,7 @@ form.custom
|
|
153
153
|
display: block
|
154
154
|
background: image-url('misc/custom-form-sprites.png') -14px 0 no-repeat
|
155
155
|
right: 0
|
156
|
-
top:
|
156
|
+
top: 0
|
157
157
|
border: solid 1px #ddd
|
158
158
|
ul
|
159
159
|
position: absolute
|
data/stylesheets/ZURB/_grid.sass
CHANGED
@@ -2,11 +2,11 @@
|
|
2
2
|
/* Grid :: This is the mobile-friendly, responsive grid that lets Foundation work much of its magic. */
|
3
3
|
|
4
4
|
.container
|
5
|
-
padding: 0
|
5
|
+
padding: 0 20px
|
6
6
|
// To set the grid to a certain size, set max-width to width
|
7
7
|
.row
|
8
8
|
width: 100%
|
9
|
-
max-width:
|
9
|
+
max-width: 980px
|
10
10
|
min-width: 727px
|
11
11
|
margin: 0 auto
|
12
12
|
.row
|
@@ -193,7 +193,7 @@ table
|
|
193
193
|
@media only screen and (max-width: 767px)
|
194
194
|
dl.tabs.mobile, dl.nice.tabs.mobile
|
195
195
|
width: auto
|
196
|
-
margin:
|
196
|
+
margin: 20px -20px 40px
|
197
197
|
height: auto
|
198
198
|
dl.tabs.mobile dt, dl.tabs.mobile dd, dl.nice.tabs.mobile dt, dl.nice.tabs.mobile dd
|
199
199
|
float: none
|
@@ -203,7 +203,7 @@ table
|
|
203
203
|
display: block
|
204
204
|
width: auto
|
205
205
|
height: auto
|
206
|
-
padding: 18px
|
206
|
+
padding: 18px 20px
|
207
207
|
line-height: 1
|
208
208
|
border: solid 0 #ccc
|
209
209
|
border-width: 1px 0 0
|
@@ -220,7 +220,7 @@ table
|
|
220
220
|
border-bottom: solid 1px #ccc
|
221
221
|
height: auto
|
222
222
|
.nice.tabs.mobile dd a
|
223
|
-
padding: 18px
|
223
|
+
padding: 18px 20px
|
224
224
|
border: none
|
225
225
|
border-left: none
|
226
226
|
border-right: none
|
@@ -240,9 +240,9 @@ table
|
|
240
240
|
dl.contained.mobile, dl.nice.contained.mobile
|
241
241
|
margin-bottom: 0
|
242
242
|
dl.contained.tabs.mobile dd a
|
243
|
-
padding: 18px
|
243
|
+
padding: 18px 20px
|
244
244
|
dl.nice.contained.tabs.mobile dd a
|
245
|
-
padding: 18px
|
245
|
+
padding: 18px 20px
|
246
246
|
|
247
247
|
/* Nav Bar with Dropdowns */
|
248
248
|
.nav-bar
|
@@ -5,8 +5,8 @@
|
|
5
5
|
|
6
6
|
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY */
|
7
7
|
#featured
|
8
|
-
width:
|
9
|
-
height:
|
8
|
+
width: 940px
|
9
|
+
height: 450px
|
10
10
|
background: #000 image-url('orbit/loading.gif') no-repeat center center
|
11
11
|
overflow: hidden
|
12
12
|
&>img, &>div, &>a
|
@@ -23,7 +23,7 @@ div.orbit
|
|
23
23
|
position: relative
|
24
24
|
overflow: hidden
|
25
25
|
&.with-bullets
|
26
|
-
margin-bottom:
|
26
|
+
margin-bottom: 40px
|
27
27
|
&>img
|
28
28
|
position: absolute
|
29
29
|
top: 0
|
@@ -39,43 +39,43 @@ div.orbit
|
|
39
39
|
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
|
40
40
|
/* Timer */
|
41
41
|
div.timer
|
42
|
-
width:
|
43
|
-
height:
|
42
|
+
width: 40px
|
43
|
+
height: 40px
|
44
44
|
overflow: hidden
|
45
45
|
position: absolute
|
46
|
-
top:
|
47
|
-
right:
|
46
|
+
top: 10px
|
47
|
+
right: 10px
|
48
48
|
+opacity(0.6)
|
49
49
|
cursor: pointer
|
50
50
|
z-index: 1001
|
51
51
|
span.rotator
|
52
52
|
display: block
|
53
|
-
width:
|
54
|
-
height:
|
53
|
+
width: 40px
|
54
|
+
height: 40px
|
55
55
|
position: absolute
|
56
56
|
top: 0
|
57
|
-
left: -
|
57
|
+
left: -20px
|
58
58
|
background: image-url('orbit/rotator-black.png') no-repeat
|
59
59
|
z-index: 3
|
60
60
|
&.move
|
61
61
|
left: 0
|
62
62
|
span.mask
|
63
63
|
display: block
|
64
|
-
width:
|
65
|
-
height:
|
64
|
+
width: 20px
|
65
|
+
height: 40px
|
66
66
|
position: absolute
|
67
67
|
top: 0
|
68
68
|
right: 0
|
69
69
|
z-index: 2
|
70
70
|
overflow: hidden
|
71
71
|
&.move
|
72
|
-
width:
|
72
|
+
width: 40px
|
73
73
|
left: 0
|
74
74
|
background: image-url('orbit/timer-black.png') repeat 0 0
|
75
75
|
span.pause
|
76
76
|
display: block
|
77
|
-
width:
|
78
|
-
height:
|
77
|
+
width: 40px
|
78
|
+
height: 40px
|
79
79
|
position: absolute
|
80
80
|
top: 0
|
81
81
|
left: 0
|
@@ -109,12 +109,12 @@ div.slider-nav
|
|
109
109
|
display: block
|
110
110
|
span
|
111
111
|
width: 78px
|
112
|
-
height:
|
112
|
+
height: 100px
|
113
113
|
text-indent: -99999px
|
114
114
|
position: absolute
|
115
115
|
z-index: 1000
|
116
116
|
top: 50%
|
117
|
-
margin-top: -
|
117
|
+
margin-top: -50px
|
118
118
|
cursor: pointer
|
119
119
|
&.right
|
120
120
|
background: image-url('orbit/right-arrow.png')
|
@@ -128,9 +128,9 @@ div.slider-nav
|
|
128
128
|
position: absolute
|
129
129
|
z-index: 1000
|
130
130
|
list-style: none
|
131
|
-
bottom: -
|
131
|
+
bottom: -40px
|
132
132
|
left: 50%
|
133
|
-
margin-left: -
|
133
|
+
margin-left: -50px
|
134
134
|
padding: 0
|
135
135
|
li
|
136
136
|
float: left
|
@@ -147,7 +147,7 @@ div.slider-nav
|
|
147
147
|
background-position: -8px 0
|
148
148
|
&.has-thumb
|
149
149
|
background: none
|
150
|
-
width:
|
150
|
+
width: 100px
|
151
151
|
height: 75px
|
152
152
|
&.active
|
153
153
|
&.has-thumb
|
@@ -15,10 +15,10 @@
|
|
15
15
|
|
16
16
|
.reveal-modal
|
17
17
|
visibility: hidden
|
18
|
-
top:
|
18
|
+
top: 100px
|
19
19
|
left: 50%
|
20
|
-
margin-left: -
|
21
|
-
width:
|
20
|
+
margin-left: -300px
|
21
|
+
width: 520px
|
22
22
|
background: #eee image-url('misc/modal-gloss.png') no-repeat -200 -80
|
23
23
|
position: absolute
|
24
24
|
z-index: 101
|
@@ -26,17 +26,17 @@
|
|
26
26
|
+border-radius(5px)
|
27
27
|
+box-shadow(0 0 10 rgba(0,0,0,0.4))
|
28
28
|
&.small
|
29
|
-
width:
|
30
|
-
margin-left: -
|
29
|
+
width: 200px
|
30
|
+
margin-left: -140px
|
31
31
|
&.medium
|
32
|
-
width:
|
33
|
-
margin-left: -
|
32
|
+
width: 400px
|
33
|
+
margin-left: -240px
|
34
34
|
&.large
|
35
|
-
width:
|
36
|
-
margin-left: -
|
35
|
+
width: 600px
|
36
|
+
margin-left: -340px
|
37
37
|
&.xlarge
|
38
|
-
width:
|
39
|
-
margin-left: -
|
38
|
+
width: 800px
|
39
|
+
margin-left: -440px
|
40
40
|
.close-reveal-modal
|
41
41
|
+font-size(22)
|
42
42
|
line-height: .5
|
@@ -55,13 +55,13 @@ small
|
|
55
55
|
|
56
56
|
/* Blockquotes */
|
57
57
|
blockquote
|
58
|
-
line-height:
|
58
|
+
line-height: 20px
|
59
59
|
color: #777
|
60
60
|
margin: 0 0 18px
|
61
|
-
padding: 9px
|
61
|
+
padding: 9px 20px 0 19px
|
62
62
|
border-left: 1px solid #ddd
|
63
63
|
p
|
64
|
-
line-height:
|
64
|
+
line-height: 20px
|
65
65
|
color: #777
|
66
66
|
cite
|
67
67
|
display: block
|
data/stylesheets/ZURB/_ui.sass
CHANGED
@@ -55,7 +55,7 @@ input[type=submit].button
|
|
55
55
|
.button
|
56
56
|
&.small
|
57
57
|
+font-size(11)
|
58
|
-
padding: 8px
|
58
|
+
padding: 8px 20px 10px
|
59
59
|
width: auto
|
60
60
|
&.medium
|
61
61
|
+font-size(13)
|
@@ -149,16 +149,16 @@ div.alert-box
|
|
149
149
|
/* Tabs */
|
150
150
|
dl.tabs
|
151
151
|
display: block
|
152
|
-
margin: 0 0
|
152
|
+
margin: 0 0 20px
|
153
153
|
padding: 0
|
154
|
-
height:
|
154
|
+
height: 30px
|
155
155
|
border-bottom: solid 1px #ddd
|
156
156
|
dt
|
157
157
|
display: block
|
158
158
|
width: auto
|
159
|
-
height:
|
160
|
-
padding: 0 9px 0
|
161
|
-
line-height:
|
159
|
+
height: 30px
|
160
|
+
padding: 0 9px 0 20px
|
161
|
+
line-height: 30px
|
162
162
|
float: left
|
163
163
|
color: #999
|
164
164
|
+font-size(11)
|
@@ -169,7 +169,7 @@ dl.tabs
|
|
169
169
|
dd
|
170
170
|
display: block
|
171
171
|
width: auto
|
172
|
-
height:
|
172
|
+
height: 30px
|
173
173
|
padding: 0
|
174
174
|
float: left
|
175
175
|
a
|
@@ -185,11 +185,11 @@ dl.tabs
|
|
185
185
|
&.active
|
186
186
|
background: #fff
|
187
187
|
border-width: 1px 1px 0 1px
|
188
|
-
height:
|
188
|
+
height: 30px
|
189
189
|
.nice
|
190
190
|
&.tabs
|
191
191
|
border-bottom: solid 1px #eee
|
192
|
-
margin: 0 0
|
192
|
+
margin: 0 0 30px
|
193
193
|
height: 43px
|
194
194
|
dd
|
195
195
|
a
|
@@ -205,7 +205,7 @@ dl.tabs
|
|
205
205
|
border-left: 1px solid #eee
|
206
206
|
border-right: 1px solid #eee
|
207
207
|
border-top: 1px solid #00a6fc
|
208
|
-
margin: 0
|
208
|
+
margin: 0 10px
|
209
209
|
position: relative
|
210
210
|
top: -5px
|
211
211
|
&:first-child
|
@@ -220,7 +220,7 @@ dl.tabs.vertical dd a
|
|
220
220
|
display: block
|
221
221
|
width: auto
|
222
222
|
height: auto
|
223
|
-
padding: 15px
|
223
|
+
padding: 15px 20px
|
224
224
|
line-height: 1
|
225
225
|
border: solid 0 #ccc
|
226
226
|
border-width: 1px 1px 0
|
@@ -238,7 +238,7 @@ dl.tabs.vertical dd a
|
|
238
238
|
height: auto
|
239
239
|
dd
|
240
240
|
a
|
241
|
-
padding: 15px
|
241
|
+
padding: 15px 20px
|
242
242
|
background: $white
|
243
243
|
border: none
|
244
244
|
border-left: 1px solid #eee
|
@@ -276,7 +276,7 @@ dl.nice.contained.tabs dd a
|
|
276
276
|
ul.contained.tabs-content
|
277
277
|
padding: 0
|
278
278
|
&>li
|
279
|
-
padding:
|
279
|
+
padding: 20px
|
280
280
|
border: solid 0 #ddd
|
281
281
|
border-width: 0 1px 1px 1px
|
282
282
|
ul.nice.contained.tabs-content
|
@@ -326,11 +326,11 @@ ul.nice li span.bullet, ol.nice li span.number
|
|
326
326
|
|
327
327
|
/* Panels */
|
328
328
|
div.panel
|
329
|
-
padding:
|
329
|
+
padding: 20px 20px 2px 20px
|
330
330
|
background-color: #efefef
|
331
331
|
+background-image(linear-gradient(#ffffff 0%, #f4f4f4 100%))
|
332
332
|
+box-shadow(0 2px 5px rgba(0,0,0,0.15))
|
333
|
-
margin: 0 0
|
333
|
+
margin: 0 0 20px 0
|
334
334
|
|
335
335
|
/* Nav Bar with Dropdowns */
|
336
336
|
.nav-bar
|
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
|
4
|
+
version: 2.1.3.1
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -9,11 +9,11 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2011-12-
|
12
|
+
date: 2011-12-21 00:00:00.000000000Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: compass
|
16
|
-
requirement: &
|
16
|
+
requirement: &70280835914140 !ruby/object:Gem::Requirement
|
17
17
|
none: false
|
18
18
|
requirements:
|
19
19
|
- - ! '>='
|
@@ -21,7 +21,7 @@ dependencies:
|
|
21
21
|
version: 0.11.5
|
22
22
|
type: :runtime
|
23
23
|
prerelease: false
|
24
|
-
version_requirements: *
|
24
|
+
version_requirements: *70280835914140
|
25
25
|
description: ZURB Foundation ported over to work with the power of Compass.
|
26
26
|
email: foundation@zurb.com
|
27
27
|
executables: []
|