speedo 0.3.4 → 0.4.0
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/app/assets/javascripts/speedo.js +1 -1
- data/app/assets/javascripts/swim.js.coffee +17 -6
- data/app/assets/stylesheets/speedo/base.css.scss +6 -3
- data/app/assets/stylesheets/speedo/plugins.css.scss +2 -1
- data/app/assets/stylesheets/speedo/speedo.css.scss +1 -2
- data/app/assets/stylesheets/speedo/theme.css.scss +8 -50
- data/app/views/layouts/speedo/_navbar.html.haml +23 -0
- data/app/views/layouts/speedo/application.html.haml +13 -48
- data/app/views/speedo/home/examples.html.haml +98 -98
- data/lib/generators/speedo/install_generator.rb +11 -1
- data/lib/speedo/version.rb +1 -1
- data/lib/speedo.rb +1 -0
- metadata +34 -28
- data/app/assets/stylesheets/speedo/layout.css.scss +0 -220
- data/vendor/assets/javascripts/speedo/bootstrap.js +0 -1825
- data/vendor/assets/stylesheets/speedo/bootstrap/glyphicons-halflings-white.png +0 -0
- data/vendor/assets/stylesheets/speedo/bootstrap/glyphicons-halflings.png +0 -0
- data/vendor/assets/stylesheets/speedo/bootstrap-responsive.css +0 -815
- data/vendor/assets/stylesheets/speedo/bootstrap.css +0 -4983
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: speedo
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.4.0
|
5
5
|
prerelease:
|
6
6
|
platform: ruby
|
7
7
|
authors:
|
@@ -10,11 +10,11 @@ authors:
|
|
10
10
|
autorequire:
|
11
11
|
bindir: bin
|
12
12
|
cert_chain: []
|
13
|
-
date: 2012-07
|
13
|
+
date: 2012-08-07 00:00:00.000000000Z
|
14
14
|
dependencies:
|
15
15
|
- !ruby/object:Gem::Dependency
|
16
16
|
name: rails
|
17
|
-
requirement: &
|
17
|
+
requirement: &2157155620 !ruby/object:Gem::Requirement
|
18
18
|
none: false
|
19
19
|
requirements:
|
20
20
|
- - ! '>='
|
@@ -22,10 +22,10 @@ dependencies:
|
|
22
22
|
version: '3.1'
|
23
23
|
type: :runtime
|
24
24
|
prerelease: false
|
25
|
-
version_requirements: *
|
25
|
+
version_requirements: *2157155620
|
26
26
|
- !ruby/object:Gem::Dependency
|
27
27
|
name: haml
|
28
|
-
requirement: &
|
28
|
+
requirement: &2157154920 !ruby/object:Gem::Requirement
|
29
29
|
none: false
|
30
30
|
requirements:
|
31
31
|
- - ! '>='
|
@@ -33,10 +33,10 @@ dependencies:
|
|
33
33
|
version: '0'
|
34
34
|
type: :runtime
|
35
35
|
prerelease: false
|
36
|
-
version_requirements: *
|
36
|
+
version_requirements: *2157154920
|
37
37
|
- !ruby/object:Gem::Dependency
|
38
38
|
name: coffee-script
|
39
|
-
requirement: &
|
39
|
+
requirement: &2157154440 !ruby/object:Gem::Requirement
|
40
40
|
none: false
|
41
41
|
requirements:
|
42
42
|
- - ! '>='
|
@@ -44,10 +44,10 @@ dependencies:
|
|
44
44
|
version: '0'
|
45
45
|
type: :runtime
|
46
46
|
prerelease: false
|
47
|
-
version_requirements: *
|
47
|
+
version_requirements: *2157154440
|
48
48
|
- !ruby/object:Gem::Dependency
|
49
49
|
name: sass-rails
|
50
|
-
requirement: &
|
50
|
+
requirement: &2157153740 !ruby/object:Gem::Requirement
|
51
51
|
none: false
|
52
52
|
requirements:
|
53
53
|
- - ! '>='
|
@@ -55,10 +55,21 @@ dependencies:
|
|
55
55
|
version: '0'
|
56
56
|
type: :runtime
|
57
57
|
prerelease: false
|
58
|
-
version_requirements: *
|
58
|
+
version_requirements: *2157153740
|
59
|
+
- !ruby/object:Gem::Dependency
|
60
|
+
name: bootstrap-sass
|
61
|
+
requirement: &2157153140 !ruby/object:Gem::Requirement
|
62
|
+
none: false
|
63
|
+
requirements:
|
64
|
+
- - ! '>='
|
65
|
+
- !ruby/object:Gem::Version
|
66
|
+
version: '0'
|
67
|
+
type: :runtime
|
68
|
+
prerelease: false
|
69
|
+
version_requirements: *2157153140
|
59
70
|
- !ruby/object:Gem::Dependency
|
60
71
|
name: bourbon
|
61
|
-
requirement: &
|
72
|
+
requirement: &2157152600 !ruby/object:Gem::Requirement
|
62
73
|
none: false
|
63
74
|
requirements:
|
64
75
|
- - ! '>='
|
@@ -66,10 +77,10 @@ dependencies:
|
|
66
77
|
version: '0'
|
67
78
|
type: :runtime
|
68
79
|
prerelease: false
|
69
|
-
version_requirements: *
|
80
|
+
version_requirements: *2157152600
|
70
81
|
- !ruby/object:Gem::Dependency
|
71
82
|
name: formtastic
|
72
|
-
requirement: &
|
83
|
+
requirement: &2157152060 !ruby/object:Gem::Requirement
|
73
84
|
none: false
|
74
85
|
requirements:
|
75
86
|
- - ~>
|
@@ -77,10 +88,10 @@ dependencies:
|
|
77
88
|
version: 2.1.1
|
78
89
|
type: :runtime
|
79
90
|
prerelease: false
|
80
|
-
version_requirements: *
|
91
|
+
version_requirements: *2157152060
|
81
92
|
- !ruby/object:Gem::Dependency
|
82
93
|
name: speedo-formstrap
|
83
|
-
requirement: &
|
94
|
+
requirement: &2157151480 !ruby/object:Gem::Requirement
|
84
95
|
none: false
|
85
96
|
requirements:
|
86
97
|
- - ! '>='
|
@@ -88,10 +99,10 @@ dependencies:
|
|
88
99
|
version: 1.2.8
|
89
100
|
type: :runtime
|
90
101
|
prerelease: false
|
91
|
-
version_requirements: *
|
102
|
+
version_requirements: *2157151480
|
92
103
|
- !ruby/object:Gem::Dependency
|
93
104
|
name: jquery-rails
|
94
|
-
requirement: &
|
105
|
+
requirement: &2157150960 !ruby/object:Gem::Requirement
|
95
106
|
none: false
|
96
107
|
requirements:
|
97
108
|
- - ! '>='
|
@@ -99,10 +110,10 @@ dependencies:
|
|
99
110
|
version: '0'
|
100
111
|
type: :runtime
|
101
112
|
prerelease: false
|
102
|
-
version_requirements: *
|
113
|
+
version_requirements: *2157150960
|
103
114
|
- !ruby/object:Gem::Dependency
|
104
115
|
name: sqlite3
|
105
|
-
requirement: &
|
116
|
+
requirement: &2157150240 !ruby/object:Gem::Requirement
|
106
117
|
none: false
|
107
118
|
requirements:
|
108
119
|
- - ! '>='
|
@@ -110,7 +121,7 @@ dependencies:
|
|
110
121
|
version: '0'
|
111
122
|
type: :development
|
112
123
|
prerelease: false
|
113
|
-
version_requirements: *
|
124
|
+
version_requirements: *2157150240
|
114
125
|
description: This is a layout gem intended as a backdrop for developing rails applications
|
115
126
|
quickly. Its intention is to speed initial development, removing the need for any
|
116
127
|
intensive front-end development until the app is functional.
|
@@ -127,12 +138,12 @@ files:
|
|
127
138
|
- app/assets/stylesheets/application.css.scss
|
128
139
|
- app/assets/stylesheets/speedo/base.css.scss
|
129
140
|
- app/assets/stylesheets/speedo/helpers.css.scss
|
130
|
-
- app/assets/stylesheets/speedo/layout.css.scss
|
131
141
|
- app/assets/stylesheets/speedo/plugins.css.scss
|
132
142
|
- app/assets/stylesheets/speedo/speedo.css.scss
|
133
143
|
- app/assets/stylesheets/speedo/theme.css.scss
|
134
144
|
- app/controllers/speedo/application_controller.rb
|
135
145
|
- app/controllers/speedo/home_controller.rb
|
146
|
+
- app/views/layouts/speedo/_navbar.html.haml
|
136
147
|
- app/views/layouts/speedo/application.html.haml
|
137
148
|
- app/views/speedo/home/examples.html.haml
|
138
149
|
- config/locales/speedo.en.yml
|
@@ -144,7 +155,6 @@ files:
|
|
144
155
|
- lib/speedo/version.rb
|
145
156
|
- lib/speedo.rb
|
146
157
|
- lib/tasks/speedo_tasks.rake
|
147
|
-
- vendor/assets/javascripts/speedo/bootstrap.js
|
148
158
|
- vendor/assets/javascripts/speedo/chosen.jquery.js
|
149
159
|
- vendor/assets/javascripts/speedo/jquery.autogrow.js
|
150
160
|
- vendor/assets/javascripts/speedo/jquery.autoSuggest.js
|
@@ -158,10 +168,6 @@ files:
|
|
158
168
|
- vendor/assets/javascripts/speedo/respond.js
|
159
169
|
- vendor/assets/javascripts/speedo/spin.js
|
160
170
|
- vendor/assets/stylesheets/speedo/autoSuggest.css
|
161
|
-
- vendor/assets/stylesheets/speedo/bootstrap/glyphicons-halflings-white.png
|
162
|
-
- vendor/assets/stylesheets/speedo/bootstrap/glyphicons-halflings.png
|
163
|
-
- vendor/assets/stylesheets/speedo/bootstrap-responsive.css
|
164
|
-
- vendor/assets/stylesheets/speedo/bootstrap.css
|
165
171
|
- vendor/assets/stylesheets/speedo/chosen-sprite.png
|
166
172
|
- vendor/assets/stylesheets/speedo/chosen.css
|
167
173
|
- vendor/assets/stylesheets/speedo/dataTables/back_disabled.png
|
@@ -373,7 +379,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
373
379
|
version: '0'
|
374
380
|
segments:
|
375
381
|
- 0
|
376
|
-
hash:
|
382
|
+
hash: 2736315222714374532
|
377
383
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
378
384
|
none: false
|
379
385
|
requirements:
|
@@ -382,7 +388,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
382
388
|
version: '0'
|
383
389
|
segments:
|
384
390
|
- 0
|
385
|
-
hash:
|
391
|
+
hash: 2736315222714374532
|
386
392
|
requirements: []
|
387
393
|
rubyforge_project:
|
388
394
|
rubygems_version: 1.8.10
|
@@ -1,220 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
Column Layout
|
3
|
-
=============
|
4
|
-
This layout is designed for mobile-first, so that the 'side' columns go below the main
|
5
|
-
content on narrower screen-widths.
|
6
|
-
|
7
|
-
IMPORTANT: Most of the styles that will be seen by the typical browser (i.e. the 960 design)
|
8
|
-
are in the @media queries below.
|
9
|
-
|
10
|
-
Set the column background colours using the variables (top of file) for consistent
|
11
|
-
column colouration.
|
12
|
-
*/
|
13
|
-
|
14
|
-
#wrapper {
|
15
|
-
max-width: 960px; /* Set the width of the page here */
|
16
|
-
padding:0;
|
17
|
-
margin: 0 auto 20px;
|
18
|
-
@include border-bottom-radius(3px);
|
19
|
-
@include box-shadow(0 2px 2px rgba(0,0,0,0.5));
|
20
|
-
}
|
21
|
-
|
22
|
-
/* Layout for mobile < 480px width screens (see below for media queries) */
|
23
|
-
.colmask {
|
24
|
-
position:relative; /* This fixes the IE7 overflow hidden bug */
|
25
|
-
clear:both;
|
26
|
-
float:left;
|
27
|
-
width:100%; /* width of whole page */
|
28
|
-
@include border-radius(0 0 3px 3px);
|
29
|
-
background:#fff;
|
30
|
-
overflow:hidden; /* This chops off any overhanging divs, including the leftcol bg */
|
31
|
-
}
|
32
|
-
.colright,.colmid,.colleft {
|
33
|
-
float:left;
|
34
|
-
width:100%;
|
35
|
-
position:relative;
|
36
|
-
}
|
37
|
-
.col1,.col2,.col3 {
|
38
|
-
float:left;
|
39
|
-
position:relative;
|
40
|
-
padding:0 0 5em;
|
41
|
-
}
|
42
|
-
.onecol { /* Full page settings */
|
43
|
-
background:$maincolbg; /* page background colour */
|
44
|
-
.col1 {
|
45
|
-
width:96%; /* page width minus left and right padding */
|
46
|
-
left:2%; /* page left padding */
|
47
|
-
}
|
48
|
-
}
|
49
|
-
.threecol, .leftcol, .rightcol {
|
50
|
-
background:$maincolbg; /* main column background colour */
|
51
|
-
.col1, .col2, .col3 {
|
52
|
-
width:100%; /* page width minus left and right padding */
|
53
|
-
padding:0 2% 50px; /* page left padding */
|
54
|
-
}
|
55
|
-
.col2 {background:$leftcolbg;} /* left column background colour */
|
56
|
-
.col3 {background:$rightcolbg;} /* right column background colour */
|
57
|
-
}
|
58
|
-
.rightcol .col2, .leftcol .col3, .onecol .col2, .onecol .col3 { display:none; }
|
59
|
-
|
60
|
-
|
61
|
-
/* Media Queries for Responsive Design. These override the primary ('mobile first') styles */
|
62
|
-
|
63
|
-
@media only screen and (min-width: 480px) {
|
64
|
-
/* Style adjustments for viewports 480px and over go here */
|
65
|
-
/* 2 Column (double page) settings */
|
66
|
-
.threecol {
|
67
|
-
.col2 {
|
68
|
-
width:46%; /* left column content width (column width minus left and right padding) */
|
69
|
-
left:0%; /* right column width plus left column left padding */
|
70
|
-
}
|
71
|
-
.col3 {
|
72
|
-
width:46%; /* right column content width (column width minus left and right padding) */
|
73
|
-
left:0%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */
|
74
|
-
}
|
75
|
-
}
|
76
|
-
}
|
77
|
-
|
78
|
-
@media only screen and (min-width: 768px) {
|
79
|
-
/* Style adjustments for viewports 768px and over (most desktop browsers) go here */
|
80
|
-
.colmask {
|
81
|
-
.col1, .col2, .col3 {
|
82
|
-
padding:0 0 5em;
|
83
|
-
background:transparent
|
84
|
-
}
|
85
|
-
}
|
86
|
-
.col1 { min-height:400px; }
|
87
|
-
.leftcol { /* 2 Column (left menu) settings */
|
88
|
-
background:$maincolbg; /* right column background colour */
|
89
|
-
.colleft {
|
90
|
-
right:75%; /* right column width */
|
91
|
-
background:$leftcolbg; /* left column background colour */
|
92
|
-
@include box-shadow(inset -1px 0 0 #ccc); /* 0 spread so it isn't visible at the top and bottom */
|
93
|
-
}
|
94
|
-
.col1 {
|
95
|
-
width:71%; /* right column content width */
|
96
|
-
left:102%; /* 100% plus left column left padding */
|
97
|
-
}
|
98
|
-
.col2 {
|
99
|
-
width:21%; /* left column content width (column width minus left and right padding) */
|
100
|
-
left:6%; /* (right column left and right padding) plus (left column left padding) */
|
101
|
-
}
|
102
|
-
.col3 {
|
103
|
-
display:none;
|
104
|
-
}
|
105
|
-
}
|
106
|
-
.rightcol { /* 2 Column (right menu) settings */
|
107
|
-
background:$rightcolbg; /* right column background colour */
|
108
|
-
.colleft {
|
109
|
-
right:25%; /* right column width */
|
110
|
-
background:$maincolbg; /* left column background colour */
|
111
|
-
@include box-shadow(inset -1px 0 0 #ccc); /* 0 spread so it isn't visible at the top and bottom */
|
112
|
-
}
|
113
|
-
.col1 {
|
114
|
-
width:71%; /* left column content width (left column width minus left and right padding) */
|
115
|
-
left:27%; /* (right column width) plus (left column left padding) */
|
116
|
-
}
|
117
|
-
.col2 {
|
118
|
-
display:none;
|
119
|
-
}
|
120
|
-
.col3 {
|
121
|
-
width:21%; /* right column content width (right column width minus left and right padding) */
|
122
|
-
left:31%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */
|
123
|
-
}
|
124
|
-
}
|
125
|
-
.threecol { /* 3 Column settings */
|
126
|
-
background:$rightcolbg; /* right column background colour */
|
127
|
-
.colmid {
|
128
|
-
right:25%; /* width of the right column */
|
129
|
-
background:$maincolbg; /* left column background colour */
|
130
|
-
@include box-shadow(1px 0 0 #ccc); /* Use box-shadow for 'borders' so the layout isn't affected */
|
131
|
-
}
|
132
|
-
.colleft {
|
133
|
-
right:50%; /* width of the middle column */
|
134
|
-
background:$leftcolbg; /* left column background colour */
|
135
|
-
@include box-shadow(inset -1px 0 0 #ccc); /* 0 spread so it isn't visible at the top and bottom */
|
136
|
-
}
|
137
|
-
.col1 {
|
138
|
-
width:46%; /* width of center column content (column width minus padding on either side) */
|
139
|
-
left:102%; /* 100% plus left padding of center column */
|
140
|
-
}
|
141
|
-
.col2 {
|
142
|
-
width:21%; /* Width of left column content (column width minus padding on either side) */
|
143
|
-
left:31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
|
144
|
-
}
|
145
|
-
.col3 {
|
146
|
-
width:21%; /* Width of right column content (column width minus padding on either side) */
|
147
|
-
left:85%; /* Please make note of the brackets here:
|
148
|
-
(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
|
149
|
-
}
|
150
|
-
}
|
151
|
-
}
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
/* Below are three options for variations on theming:
|
156
|
-
1. Web-app mode: Full-width, full-height page that doesn't scroll (the columns scroll instead) - also requires JS
|
157
|
-
2. Full-width page, fixed-position header, with scrolling content
|
158
|
-
3. Fixed-position header, with scrolling content (2 sections of CSS to uncomment)
|
159
|
-
*/
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
@media only screen and (min-width: 768px) {
|
164
|
-
/* For Web-app mode, uncomment this (and the JS in home.coffee) * /
|
165
|
-
#wrapper {
|
166
|
-
max-width: 100%;
|
167
|
-
width:100%;
|
168
|
-
margin:0;
|
169
|
-
padding:0;
|
170
|
-
}
|
171
|
-
.col1,.col2,.col3 {
|
172
|
-
overflow-y:auto;
|
173
|
-
}
|
174
|
-
/* */
|
175
|
-
|
176
|
-
/* For full-width fixed header+nav, uncomment this * /
|
177
|
-
#wrapper {
|
178
|
-
max-width: 100%;
|
179
|
-
width:100%;
|
180
|
-
margin:0;
|
181
|
-
padding:0;
|
182
|
-
}
|
183
|
-
.branding, .main_nav {
|
184
|
-
position:fixed;
|
185
|
-
width:100%;
|
186
|
-
top:0;
|
187
|
-
margin:0 auto;
|
188
|
-
z-index:1000;
|
189
|
-
}
|
190
|
-
.main_nav {
|
191
|
-
top:50px; // Height of .branding
|
192
|
-
}
|
193
|
-
.col1,.col2,.col3 {
|
194
|
-
margin-top:83px; // Height of .branding + .main_nav
|
195
|
-
}
|
196
|
-
/* */
|
197
|
-
|
198
|
-
/* For fixed header+nav, uncomment this (and 963 CSS below) * /
|
199
|
-
.branding, .main_nav {
|
200
|
-
position:fixed;
|
201
|
-
width:964px;
|
202
|
-
top:0;
|
203
|
-
margin:0 auto;
|
204
|
-
z-index:1000;
|
205
|
-
}
|
206
|
-
.main_nav {
|
207
|
-
top:50px; // Height of .branding
|
208
|
-
}
|
209
|
-
.col1,.col2,.col3 {
|
210
|
-
margin-top:83px; // Height of .branding + .main_nav
|
211
|
-
}
|
212
|
-
/* */
|
213
|
-
}
|
214
|
-
@media only screen and (max-width: 963px) {
|
215
|
-
/* For fixed header+nav, uncomment this (and above) * /
|
216
|
-
.branding, .main_nav {
|
217
|
-
width:100%;
|
218
|
-
}
|
219
|
-
/* */
|
220
|
-
}
|