modui-rails 0.0.1
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/.gitignore +18 -0
- data/.rvmrc +1 -0
- data/Gemfile +4 -0
- data/README.md +24 -0
- data/lib/modui/rails.rb +6 -0
- data/lib/modui/rails/engine.rb +6 -0
- data/lib/modui/rails/version.rb +5 -0
- data/modui-rails.gemspec +21 -0
- data/vendor/assets/stylesheets/modui.css.scss +278 -0
- metadata +87 -0
data/.gitignore
ADDED
data/.rvmrc
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
rvm use 1.9.2@skinny-rails --create
|
data/Gemfile
ADDED
data/README.md
ADDED
@@ -0,0 +1,24 @@
|
|
1
|
+
# modui
|
2
|
+
|
3
|
+
A Modern User Interface bundled in a Rails 3.1+ Engine. It's incredibly lightweight and optimized for simple CRUD interfaces.
|
4
|
+
|
5
|
+
## Installation
|
6
|
+
|
7
|
+
* Add `modui-rails` to your Gemfile
|
8
|
+
* Run `bundle`
|
9
|
+
* Add the following line to the file `app/assets/javascripts/application.js` (or other [sprockets](https://github.com/sstephenson/sprockets) manifest):
|
10
|
+
|
11
|
+
``` javascript
|
12
|
+
//= require modui
|
13
|
+
```
|
14
|
+
|
15
|
+
## Support
|
16
|
+
|
17
|
+
* Rails 3 with Engines support is necessary, so you'll need Rails 3.1+.
|
18
|
+
* Styling is in SCSS, so you'll want to include `sass-rails` in your Gemfile.
|
19
|
+
* Browser support is limited to Webkit, IE9+ and modern versions of FireFox.
|
20
|
+
|
21
|
+
## License
|
22
|
+
|
23
|
+
* Freely distributable and licensed under the [MIT license](http://kjohnston.mit-license.org/license.html).
|
24
|
+
* Copyright (c) 2012 Kenny Johnston [](http://coderwall.com/kjohnston)
|
data/lib/modui/rails.rb
ADDED
data/modui-rails.gemspec
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
# -*- encoding: utf-8 -*-
|
2
|
+
require File.expand_path('../lib/modui/rails/version', __FILE__)
|
3
|
+
|
4
|
+
Gem::Specification.new do |gem|
|
5
|
+
gem.authors = ["Kenny Johnston"]
|
6
|
+
gem.email = ["kjohnston.ca@gmail.com"]
|
7
|
+
gem.description = %q{A Modern User Interface for Rails 3.1 and up.}
|
8
|
+
gem.summary = %q{A Modern User Interface for Rails 3.1 and up.}
|
9
|
+
gem.homepage = "https://github.com/kjohnston/modui-rails"
|
10
|
+
|
11
|
+
gem.executables = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
|
12
|
+
gem.files = `git ls-files`.split("\n")
|
13
|
+
gem.test_files = `git ls-files -- {test,spec,features}/*`.split("\n")
|
14
|
+
gem.name = "modui-rails"
|
15
|
+
gem.require_paths = ["lib"]
|
16
|
+
gem.version = Modui::Rails::VERSION
|
17
|
+
|
18
|
+
gem.add_dependency "railties", ">= 3.0.0"
|
19
|
+
gem.add_development_dependency "bundler", "~> 1.1.1"
|
20
|
+
gem.add_development_dependency "rake", "~> 0.9.2.2"
|
21
|
+
end
|
@@ -0,0 +1,278 @@
|
|
1
|
+
* {
|
2
|
+
padding: 0;
|
3
|
+
margin: 0;
|
4
|
+
font-family: Helvetica;
|
5
|
+
}
|
6
|
+
|
7
|
+
html, body {
|
8
|
+
font-family: Helvetica;
|
9
|
+
font-size: 14px;
|
10
|
+
}
|
11
|
+
|
12
|
+
body {
|
13
|
+
padding: 30px;
|
14
|
+
min-width: 640px;
|
15
|
+
}
|
16
|
+
|
17
|
+
h1, h2, h3, h4, h5, h6 {
|
18
|
+
font-family: "Lucida Grande", Helvetica;
|
19
|
+
margin: 0 0 1em 0;
|
20
|
+
color: #555;
|
21
|
+
}
|
22
|
+
|
23
|
+
p {
|
24
|
+
font: normal 14px/20px Helvetica;
|
25
|
+
margin: 0 20px 18px 20px;
|
26
|
+
}
|
27
|
+
|
28
|
+
a, a:active, a:hover, a:visited {
|
29
|
+
color: #467cad;
|
30
|
+
font-size: 14px;
|
31
|
+
}
|
32
|
+
|
33
|
+
a {
|
34
|
+
text-decoration: none;
|
35
|
+
}
|
36
|
+
|
37
|
+
a:hover {
|
38
|
+
text-decoration: underline;
|
39
|
+
}
|
40
|
+
|
41
|
+
a.button {
|
42
|
+
padding: 3px 10px;
|
43
|
+
border-radius: 6px;
|
44
|
+
border: 1px solid #aaa;
|
45
|
+
text-decoration: none;
|
46
|
+
text-shadow: 0 1px 1px #fff;
|
47
|
+
background-color: #cccccc;
|
48
|
+
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#cccccc));
|
49
|
+
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
|
50
|
+
color: #555;
|
51
|
+
font: bold 13px/13px Helvetica;
|
52
|
+
}
|
53
|
+
|
54
|
+
a.button:hover {
|
55
|
+
color: #fff;
|
56
|
+
background-color: #467cad;
|
57
|
+
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#699fd0), to(#467cad));
|
58
|
+
background-image: -moz-linear-gradient(top, #699fd0, #467cad);
|
59
|
+
text-shadow: none;
|
60
|
+
}
|
61
|
+
|
62
|
+
#header {
|
63
|
+
overflow: auto;
|
64
|
+
padding: 0 0 10px 0;
|
65
|
+
|
66
|
+
h1 {
|
67
|
+
float: left;
|
68
|
+
font-size: 20px;
|
69
|
+
}
|
70
|
+
|
71
|
+
#header-links {
|
72
|
+
float: right;
|
73
|
+
margin: 5px 0 0 0;
|
74
|
+
}
|
75
|
+
|
76
|
+
}
|
77
|
+
|
78
|
+
#content {
|
79
|
+
display: table;
|
80
|
+
width: 100%;
|
81
|
+
|
82
|
+
.wrapper {
|
83
|
+
border: 1px solid #eee;
|
84
|
+
padding: 2px;
|
85
|
+
background-color: #eee;
|
86
|
+
border-radius: 2px;
|
87
|
+
|
88
|
+
nav {
|
89
|
+
border: 1px solid #ccc;
|
90
|
+
background-color: #fff;
|
91
|
+
|
92
|
+
a {
|
93
|
+
display:block;
|
94
|
+
font: bold 13px/36px Tahoma, "Lucida Sans", Helvetica;
|
95
|
+
background-color: #f5f5f5;
|
96
|
+
color: #8A8A8A;
|
97
|
+
text-decoration: none;
|
98
|
+
padding: 4px 12px;
|
99
|
+
border-bottom: 1px solid #ccc;
|
100
|
+
letter-spacing: 1px;
|
101
|
+
}
|
102
|
+
|
103
|
+
a:last-child {
|
104
|
+
border: none;
|
105
|
+
}
|
106
|
+
|
107
|
+
a.selected, a:hover {
|
108
|
+
background-color: #333;
|
109
|
+
color: #fff;
|
110
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#699fd0", endColorstr="#467cad");
|
111
|
+
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#699fd0), to(#467cad));
|
112
|
+
background-image: -moz-linear-gradient(top, #699fd0, #467cad);
|
113
|
+
}
|
114
|
+
}
|
115
|
+
}
|
116
|
+
|
117
|
+
#sidebar {
|
118
|
+
display: table-cell;
|
119
|
+
vertical-align: top;
|
120
|
+
width: 220px;
|
121
|
+
}
|
122
|
+
|
123
|
+
#main {
|
124
|
+
display: table-cell;
|
125
|
+
padding-left: 30px;
|
126
|
+
|
127
|
+
section {
|
128
|
+
border: 1px solid #ccc;
|
129
|
+
background-color: #fff;
|
130
|
+
overflow: auto;
|
131
|
+
|
132
|
+
.section-header {
|
133
|
+
color: #8A8A8A;
|
134
|
+
height: 40px;
|
135
|
+
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebebeb", endColorstr="#d1d1d1");
|
136
|
+
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebebeb), to(#d1d1d1));
|
137
|
+
background-image: -moz-linear-gradient(top, #ebebeb, #d1d1d1);
|
138
|
+
border-bottom: 1px solid #ccc;
|
139
|
+
padding: 0 0 0 15px;
|
140
|
+
|
141
|
+
h2 {
|
142
|
+
float: left;
|
143
|
+
font: bold 20px/40px Helvetica;
|
144
|
+
text-shadow: 0 1px 1px #fff;
|
145
|
+
margin: 0;
|
146
|
+
}
|
147
|
+
|
148
|
+
.section-controls {
|
149
|
+
float: right;
|
150
|
+
margin: 10px 15px 0 0;
|
151
|
+
|
152
|
+
a.button {
|
153
|
+
margin-left: 10px;
|
154
|
+
}
|
155
|
+
}
|
156
|
+
}
|
157
|
+
|
158
|
+
.section-content {
|
159
|
+
p:first-child, form:first-child {
|
160
|
+
margin-top: 20px;
|
161
|
+
}
|
162
|
+
|
163
|
+
table {
|
164
|
+
width: 100%;
|
165
|
+
border-collapse: collapse;
|
166
|
+
|
167
|
+
tr {
|
168
|
+
border-bottom: 1px solid #ccc;
|
169
|
+
}
|
170
|
+
|
171
|
+
tr:nth-child(odd) {
|
172
|
+
background-color:#F8F8F8;
|
173
|
+
}
|
174
|
+
|
175
|
+
tr:nth-child(even) {
|
176
|
+
background-color:#fff;
|
177
|
+
}
|
178
|
+
|
179
|
+
tr:last-child {
|
180
|
+
border: none;
|
181
|
+
}
|
182
|
+
|
183
|
+
tr:hover {
|
184
|
+
background-color: #FCF4DD;
|
185
|
+
}
|
186
|
+
|
187
|
+
th, td {
|
188
|
+
padding: 6px 8px;
|
189
|
+
border-right: 1px solid #ccc;
|
190
|
+
}
|
191
|
+
|
192
|
+
th:first-child, td:first-child {
|
193
|
+
padding-left: 15px;
|
194
|
+
}
|
195
|
+
|
196
|
+
th:last-child, td:last-child {
|
197
|
+
padding-right: 15px;
|
198
|
+
border: none;
|
199
|
+
}
|
200
|
+
|
201
|
+
th {
|
202
|
+
color: #333;
|
203
|
+
background-color: #eee;
|
204
|
+
}
|
205
|
+
|
206
|
+
th:first-child {
|
207
|
+
text-align: left;
|
208
|
+
}
|
209
|
+
|
210
|
+
td {
|
211
|
+
color: #555;
|
212
|
+
text-align: center;
|
213
|
+
}
|
214
|
+
|
215
|
+
td:first-child {
|
216
|
+
text-align: left;
|
217
|
+
}
|
218
|
+
|
219
|
+
td.controls {
|
220
|
+
text-align: right;
|
221
|
+
}
|
222
|
+
|
223
|
+
td.controls a {
|
224
|
+
padding: 0 0 0 10px;
|
225
|
+
}
|
226
|
+
}
|
227
|
+
}
|
228
|
+
}
|
229
|
+
|
230
|
+
.wrapper {
|
231
|
+
margin: 0 0 30px 0;
|
232
|
+
}
|
233
|
+
}
|
234
|
+
|
235
|
+
}
|
236
|
+
|
237
|
+
|
238
|
+
form {
|
239
|
+
margin: 0 20px;
|
240
|
+
|
241
|
+
label {
|
242
|
+
font: bold 14px/18px Helvetica;
|
243
|
+
display: block;
|
244
|
+
color: #555;
|
245
|
+
margin-bottom: 4px;
|
246
|
+
}
|
247
|
+
|
248
|
+
.full {
|
249
|
+
float: left;
|
250
|
+
width: 99%;
|
251
|
+
}
|
252
|
+
|
253
|
+
.half {
|
254
|
+
float: left;
|
255
|
+
width: 45%;
|
256
|
+
}
|
257
|
+
|
258
|
+
.half.first {
|
259
|
+
margin-right: 9%;
|
260
|
+
}
|
261
|
+
|
262
|
+
.full input, .half input, .full textarea, .half textarea {
|
263
|
+
padding: 4px;
|
264
|
+
color: #555;
|
265
|
+
width: 100%;
|
266
|
+
margin: 0 0 18px 0;
|
267
|
+
border: 1px solid #999;
|
268
|
+
}
|
269
|
+
|
270
|
+
input, textarea {
|
271
|
+
font-size: 14px;
|
272
|
+
}
|
273
|
+
|
274
|
+
textarea {
|
275
|
+
width: 99%;
|
276
|
+
}
|
277
|
+
|
278
|
+
}
|
metadata
ADDED
@@ -0,0 +1,87 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: modui-rails
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.0.1
|
5
|
+
prerelease:
|
6
|
+
platform: ruby
|
7
|
+
authors:
|
8
|
+
- Kenny Johnston
|
9
|
+
autorequire:
|
10
|
+
bindir: bin
|
11
|
+
cert_chain: []
|
12
|
+
date: 2012-03-17 00:00:00.000000000Z
|
13
|
+
dependencies:
|
14
|
+
- !ruby/object:Gem::Dependency
|
15
|
+
name: railties
|
16
|
+
requirement: &2196432960 !ruby/object:Gem::Requirement
|
17
|
+
none: false
|
18
|
+
requirements:
|
19
|
+
- - ! '>='
|
20
|
+
- !ruby/object:Gem::Version
|
21
|
+
version: 3.0.0
|
22
|
+
type: :runtime
|
23
|
+
prerelease: false
|
24
|
+
version_requirements: *2196432960
|
25
|
+
- !ruby/object:Gem::Dependency
|
26
|
+
name: bundler
|
27
|
+
requirement: &2196432460 !ruby/object:Gem::Requirement
|
28
|
+
none: false
|
29
|
+
requirements:
|
30
|
+
- - ~>
|
31
|
+
- !ruby/object:Gem::Version
|
32
|
+
version: 1.1.1
|
33
|
+
type: :development
|
34
|
+
prerelease: false
|
35
|
+
version_requirements: *2196432460
|
36
|
+
- !ruby/object:Gem::Dependency
|
37
|
+
name: rake
|
38
|
+
requirement: &2196432000 !ruby/object:Gem::Requirement
|
39
|
+
none: false
|
40
|
+
requirements:
|
41
|
+
- - ~>
|
42
|
+
- !ruby/object:Gem::Version
|
43
|
+
version: 0.9.2.2
|
44
|
+
type: :development
|
45
|
+
prerelease: false
|
46
|
+
version_requirements: *2196432000
|
47
|
+
description: A Modern User Interface for Rails 3.1 and up.
|
48
|
+
email:
|
49
|
+
- kjohnston.ca@gmail.com
|
50
|
+
executables: []
|
51
|
+
extensions: []
|
52
|
+
extra_rdoc_files: []
|
53
|
+
files:
|
54
|
+
- .gitignore
|
55
|
+
- .rvmrc
|
56
|
+
- Gemfile
|
57
|
+
- README.md
|
58
|
+
- lib/modui/rails.rb
|
59
|
+
- lib/modui/rails/engine.rb
|
60
|
+
- lib/modui/rails/version.rb
|
61
|
+
- modui-rails.gemspec
|
62
|
+
- vendor/assets/stylesheets/modui.css.scss
|
63
|
+
homepage: https://github.com/kjohnston/modui-rails
|
64
|
+
licenses: []
|
65
|
+
post_install_message:
|
66
|
+
rdoc_options: []
|
67
|
+
require_paths:
|
68
|
+
- lib
|
69
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
70
|
+
none: false
|
71
|
+
requirements:
|
72
|
+
- - ! '>='
|
73
|
+
- !ruby/object:Gem::Version
|
74
|
+
version: '0'
|
75
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
76
|
+
none: false
|
77
|
+
requirements:
|
78
|
+
- - ! '>='
|
79
|
+
- !ruby/object:Gem::Version
|
80
|
+
version: '0'
|
81
|
+
requirements: []
|
82
|
+
rubyforge_project:
|
83
|
+
rubygems_version: 1.8.10
|
84
|
+
signing_key:
|
85
|
+
specification_version: 3
|
86
|
+
summary: A Modern User Interface for Rails 3.1 and up.
|
87
|
+
test_files: []
|