flutie 1.0.1 → 1.0.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/Rakefile +23 -0
- data/public/stylesheets/defaults.css +85 -0
- data/public/stylesheets/forms.css +117 -0
- data/public/stylesheets/lists.css +25 -0
- data/public/stylesheets/reset.css +49 -0
- data/public/stylesheets/screen.css +0 -0
- data/public/stylesheets/tables.css +27 -0
- data/public/stylesheets/type.css +90 -0
- metadata +13 -5
data/Rakefile
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
# encoding: utf-8
|
|
2
|
+
|
|
3
|
+
require 'rake'
|
|
4
|
+
require 'rake/testtask'
|
|
5
|
+
require 'rake/rdoctask'
|
|
6
|
+
|
|
7
|
+
desc 'Default: run unit tests.'
|
|
8
|
+
task :default => :test
|
|
9
|
+
|
|
10
|
+
Rake::TestTask.new(:test) do |t|
|
|
11
|
+
t.libs << 'lib'
|
|
12
|
+
t.libs << 'test'
|
|
13
|
+
t.pattern = 'test/**/*_test.rb'
|
|
14
|
+
t.verbose = true
|
|
15
|
+
end
|
|
16
|
+
|
|
17
|
+
Rake::RDocTask.new(:rdoc) do |rdoc|
|
|
18
|
+
rdoc.rdoc_dir = 'rdoc'
|
|
19
|
+
rdoc.title = 'Flutie'
|
|
20
|
+
rdoc.options << '--line-numbers' << '--inline-source'
|
|
21
|
+
rdoc.rdoc_files.include('README')
|
|
22
|
+
rdoc.rdoc_files.include('lib/**/*.rb')
|
|
23
|
+
end
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
body {
|
|
2
|
+
color: #222;
|
|
3
|
+
font-size: 13px;
|
|
4
|
+
font-family: arial, "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
h1, h2, h3, h4, h5, h6 {
|
|
8
|
+
color: #111;
|
|
9
|
+
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
/* Success, error & notice boxes for messages and errors. */
|
|
13
|
+
div.error, div.notice, div.success,
|
|
14
|
+
#flash_failure, #flash_success, #flash_notice {
|
|
15
|
+
padding: .8em;
|
|
16
|
+
margin-bottom: 1em;
|
|
17
|
+
border: 1px solid #ddd;
|
|
18
|
+
-moz-border-radius: 8px;
|
|
19
|
+
-webkit-border-radius: 8px;
|
|
20
|
+
}
|
|
21
|
+
div.error,
|
|
22
|
+
#flash_failure {
|
|
23
|
+
background: #FBE3E4;
|
|
24
|
+
color: #D12F19;
|
|
25
|
+
border-color: #FBC2C4;
|
|
26
|
+
}
|
|
27
|
+
div.error a,
|
|
28
|
+
#flash_failure a { color: #D12F19; }
|
|
29
|
+
|
|
30
|
+
div.notice,
|
|
31
|
+
#flash_notice {
|
|
32
|
+
background: #FFF6BF;
|
|
33
|
+
color: #817134;
|
|
34
|
+
border-color: #FFD324;
|
|
35
|
+
}
|
|
36
|
+
div.notice a,
|
|
37
|
+
#flash_notice a { color: #817134; }
|
|
38
|
+
|
|
39
|
+
div.success,
|
|
40
|
+
#flash_success {
|
|
41
|
+
background: #E6EFC2;
|
|
42
|
+
color: #529214;
|
|
43
|
+
border-color: #C6D880;
|
|
44
|
+
}
|
|
45
|
+
div.success a,
|
|
46
|
+
#flash_success a { color: #529214; }
|
|
47
|
+
|
|
48
|
+
/* Misc classes and elements */
|
|
49
|
+
|
|
50
|
+
/* Use a .box to create a padded box inside a column. */
|
|
51
|
+
.box {
|
|
52
|
+
padding: 1.5em;
|
|
53
|
+
margin-bottom: 1.5em;
|
|
54
|
+
background: #eee;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
/* Use this to create a horizontal ruler across a column. */
|
|
58
|
+
hr {
|
|
59
|
+
background: #ddd;
|
|
60
|
+
color: #ddd;
|
|
61
|
+
clear: both;
|
|
62
|
+
float: none;
|
|
63
|
+
width: 100%;
|
|
64
|
+
height: 1px;
|
|
65
|
+
margin: 0 0 1.4em;
|
|
66
|
+
border: none;
|
|
67
|
+
}
|
|
68
|
+
hr.space {
|
|
69
|
+
background: #fff;
|
|
70
|
+
color: #fff;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
/* Clearfix hack I love you */
|
|
74
|
+
.clearfix:after {
|
|
75
|
+
content:".";
|
|
76
|
+
display:block;
|
|
77
|
+
height:0;
|
|
78
|
+
clear:both;
|
|
79
|
+
visibility:hidden;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.clearfix {display:inline-block;}
|
|
83
|
+
/* Hide from IE Mac \*/
|
|
84
|
+
.clearfix {display:block;}
|
|
85
|
+
/* End hide from IE Mac */
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
/* Forms */
|
|
2
|
+
|
|
3
|
+
input[type="submit"]::-moz-focus-inner {
|
|
4
|
+
border: none;
|
|
5
|
+
} /*removes dotted outline on submit buttons when clicking in firefox */
|
|
6
|
+
|
|
7
|
+
form ol {
|
|
8
|
+
list-style: none;
|
|
9
|
+
margin: 0 0 1em 0;
|
|
10
|
+
}
|
|
11
|
+
form ol ol { margin-left: 0; }
|
|
12
|
+
form ol li { margin: 0 0 1em 0; list-style-position: outside; }
|
|
13
|
+
form ol ol li { margin: 0 0 .25em 0; list-style-position: outside; } /*list-style-position fixes IE label margin bug*/
|
|
14
|
+
|
|
15
|
+
form ol li.error input { background: #FBE3E4; }
|
|
16
|
+
p.inline-errors { color: #D12F19; }
|
|
17
|
+
form ol li.file {
|
|
18
|
+
background: #e1e1e1;
|
|
19
|
+
border: 1px solid #c8c8c8;
|
|
20
|
+
padding: 10px;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
form abbr { border-bottom: 0; }
|
|
24
|
+
|
|
25
|
+
label { display: block; }
|
|
26
|
+
.required label { font-weight: bold; }
|
|
27
|
+
.checkbox_field label, .radio_field label { font-weight: normal; }
|
|
28
|
+
|
|
29
|
+
a.cancel { color: #7d0d0d; }
|
|
30
|
+
.inline-hints {
|
|
31
|
+
font-size: .8em;
|
|
32
|
+
color: #666;
|
|
33
|
+
margin-bottom: .25em;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
/* Fieldsets */
|
|
37
|
+
fieldset {
|
|
38
|
+
margin: 0 0 1.5em 0;
|
|
39
|
+
background: #f1f1f1;
|
|
40
|
+
padding: 1.5em 1.5em 1em 1.5em;
|
|
41
|
+
border: 1px solid #e3e3e3;
|
|
42
|
+
}
|
|
43
|
+
fieldset fieldset, fieldset fieldset fieldset {
|
|
44
|
+
padding: 0;
|
|
45
|
+
border: 0;
|
|
46
|
+
}
|
|
47
|
+
legend { font-weight: bold; }
|
|
48
|
+
fieldset.buttons {
|
|
49
|
+
background: inherit;
|
|
50
|
+
border: 0;
|
|
51
|
+
padding: 0;
|
|
52
|
+
}
|
|
53
|
+
fieldset.buttons li { display: inline; }
|
|
54
|
+
.radio fieldset {
|
|
55
|
+
padding: 0;
|
|
56
|
+
margin: 0;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
/* Text fields */
|
|
60
|
+
input[type="text"], input[type="password"] {
|
|
61
|
+
width: 300px;
|
|
62
|
+
padding: 3px 2px;
|
|
63
|
+
font-size: inherit;
|
|
64
|
+
}
|
|
65
|
+
input[disabled='disabled'] {
|
|
66
|
+
background-color: #fcfcfc;
|
|
67
|
+
cursor:default;
|
|
68
|
+
}
|
|
69
|
+
input[type="checkbox"] {
|
|
70
|
+
margin: 0 3px 0 0;
|
|
71
|
+
vertical-align: middle;
|
|
72
|
+
position: relative;
|
|
73
|
+
top: -2px;
|
|
74
|
+
}
|
|
75
|
+
input[type="radio"] {
|
|
76
|
+
margin: 0 3px 0 0;
|
|
77
|
+
vertical-align: middle;
|
|
78
|
+
position: relative;
|
|
79
|
+
top: -2px;
|
|
80
|
+
}
|
|
81
|
+
.check_boxes label {
|
|
82
|
+
vertical-align: middle;
|
|
83
|
+
padding: 0;
|
|
84
|
+
display: inline;
|
|
85
|
+
}
|
|
86
|
+
.radio label { padding: 0; }
|
|
87
|
+
|
|
88
|
+
/* Textareas */
|
|
89
|
+
textarea {
|
|
90
|
+
width: 440px;
|
|
91
|
+
height: 200px;
|
|
92
|
+
margin: 0 0.5em 0.5em 0;
|
|
93
|
+
padding: 5px;
|
|
94
|
+
font-size: inherit;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
/* Select fields */
|
|
98
|
+
fieldset .select select {
|
|
99
|
+
width:200px;
|
|
100
|
+
font-size: .9em;
|
|
101
|
+
}
|
|
102
|
+
optgroup { margin: 0 0 .5em 0; }
|
|
103
|
+
|
|
104
|
+
/* Date & Time */
|
|
105
|
+
form ol li.date ol li, form ol li.time ol li {
|
|
106
|
+
display: inline;
|
|
107
|
+
}
|
|
108
|
+
form ol li.datetime ol li {
|
|
109
|
+
display: inline-block;
|
|
110
|
+
}
|
|
111
|
+
form ol li.datetime select, form ol li.date select, form ol li.time select {
|
|
112
|
+
display: inline;
|
|
113
|
+
width: auto;
|
|
114
|
+
}
|
|
115
|
+
form ol li.date label, form ol li.time label {
|
|
116
|
+
display: none;
|
|
117
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/* Lists */
|
|
2
|
+
|
|
3
|
+
ul, ol {
|
|
4
|
+
margin-bottom: 1.5em;
|
|
5
|
+
list-style-position: inside;
|
|
6
|
+
}
|
|
7
|
+
ul { list-style-type: disc; }
|
|
8
|
+
ol { list-style-type: decimal; }
|
|
9
|
+
|
|
10
|
+
dl {
|
|
11
|
+
margin-bottom: 1.5em;
|
|
12
|
+
line-height: 1.4;
|
|
13
|
+
}
|
|
14
|
+
dl dt {
|
|
15
|
+
font-weight: bold;
|
|
16
|
+
margin-top: .5em;
|
|
17
|
+
}
|
|
18
|
+
dl dd { margin-bottom: 0em;}
|
|
19
|
+
dd { margin-left: .5em; }
|
|
20
|
+
|
|
21
|
+
li { line-height: 1.4; }
|
|
22
|
+
|
|
23
|
+
ol ol, ol ul, ul ul, ul ol {
|
|
24
|
+
margin-left: 1em;
|
|
25
|
+
}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
/* http://meyerweb.com/eric/tools/css/reset/ */
|
|
2
|
+
/* v1.0 | 20080212 */
|
|
3
|
+
|
|
4
|
+
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
|
|
5
|
+
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
|
|
6
|
+
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
|
|
7
|
+
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
|
|
8
|
+
caption, tbody, tfoot, thead, tr, th, td {
|
|
9
|
+
margin: 0;
|
|
10
|
+
padding: 0;
|
|
11
|
+
border: 0;
|
|
12
|
+
outline: 0;
|
|
13
|
+
font-size: 100%;
|
|
14
|
+
vertical-align: baseline;
|
|
15
|
+
background: transparent;
|
|
16
|
+
}
|
|
17
|
+
body {
|
|
18
|
+
line-height: 1;
|
|
19
|
+
}
|
|
20
|
+
ol, ul {
|
|
21
|
+
list-style: none;
|
|
22
|
+
}
|
|
23
|
+
blockquote, q {
|
|
24
|
+
quotes: none;
|
|
25
|
+
}
|
|
26
|
+
blockquote:before, blockquote:after,
|
|
27
|
+
q:before, q:after {
|
|
28
|
+
content: '';
|
|
29
|
+
content: none;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
/* remember to define focus styles! */
|
|
33
|
+
:focus {
|
|
34
|
+
outline: 0;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
/* remember to highlight inserts somehow! */
|
|
38
|
+
ins {
|
|
39
|
+
text-decoration: none;
|
|
40
|
+
}
|
|
41
|
+
del {
|
|
42
|
+
text-decoration: line-through;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/* tables still need 'cellspacing="0"' in the markup */
|
|
46
|
+
table {
|
|
47
|
+
border-collapse: collapse;
|
|
48
|
+
border-spacing: 0;
|
|
49
|
+
}
|
|
File without changes
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/* Tables */
|
|
2
|
+
|
|
3
|
+
table {
|
|
4
|
+
margin-bottom: 2em;
|
|
5
|
+
width: 100%;
|
|
6
|
+
}
|
|
7
|
+
th {
|
|
8
|
+
border-bottom: 2px solid #ccc;
|
|
9
|
+
font-weight: bold;
|
|
10
|
+
text-align: left;
|
|
11
|
+
}
|
|
12
|
+
td { border-bottom: 1px solid #ddd; }
|
|
13
|
+
caption, th, td {
|
|
14
|
+
padding: 4px 10px 4px 0;
|
|
15
|
+
}
|
|
16
|
+
caption {
|
|
17
|
+
background: #f1f1f1;
|
|
18
|
+
padding: 10px 0;
|
|
19
|
+
margin-bottom: 1em;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
tr,td,th {
|
|
23
|
+
vertical-align: middle;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
/* Use this if you use span-x classes on th/td. */
|
|
27
|
+
table .last { padding-right: 0; }
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
/* Headings */
|
|
2
|
+
|
|
3
|
+
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
|
|
4
|
+
|
|
5
|
+
h1 {
|
|
6
|
+
font-size: 2.2em;
|
|
7
|
+
line-height: 1;
|
|
8
|
+
margin-bottom: 0.25em;
|
|
9
|
+
}
|
|
10
|
+
h2 {
|
|
11
|
+
font-size: 1.6em;
|
|
12
|
+
margin-bottom: 0.25em;
|
|
13
|
+
line-height: 1.1;
|
|
14
|
+
}
|
|
15
|
+
h3 {
|
|
16
|
+
font-size: 1.3em;
|
|
17
|
+
line-height: 1;
|
|
18
|
+
margin-bottom: .25em;
|
|
19
|
+
}
|
|
20
|
+
h4 {
|
|
21
|
+
font-size: 1.1em;
|
|
22
|
+
line-height: 1.25;
|
|
23
|
+
margin-bottom: .25em;
|
|
24
|
+
}
|
|
25
|
+
h5 {
|
|
26
|
+
font-size: 1em;
|
|
27
|
+
margin-bottom: .25em;
|
|
28
|
+
}
|
|
29
|
+
h6 {
|
|
30
|
+
font-size: 1em;
|
|
31
|
+
margin-bottom: .25em;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
/* Text elements */
|
|
35
|
+
|
|
36
|
+
p.last { margin-bottom: 0; }
|
|
37
|
+
p img {
|
|
38
|
+
float: left;
|
|
39
|
+
margin: 1.5em 1.5em 1.5em 0;
|
|
40
|
+
padding: 0;
|
|
41
|
+
}
|
|
42
|
+
p img.top { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
|
|
43
|
+
img { margin: 0 0 1.5em; }
|
|
44
|
+
|
|
45
|
+
abbr, acronym {
|
|
46
|
+
border-bottom: 1px dotted #666;
|
|
47
|
+
cursor: help;
|
|
48
|
+
}
|
|
49
|
+
address {
|
|
50
|
+
margin-top: 1.5em;
|
|
51
|
+
font-style: italic;
|
|
52
|
+
}
|
|
53
|
+
del { color:#666; }
|
|
54
|
+
|
|
55
|
+
a, a:link {
|
|
56
|
+
color: #1a4882;
|
|
57
|
+
text-decoration: underline;
|
|
58
|
+
}
|
|
59
|
+
a:visited { color: #1a4882; }
|
|
60
|
+
a:hover { color: #052246; }
|
|
61
|
+
a:active, a:focus { color: #1a4882; }
|
|
62
|
+
|
|
63
|
+
blockquote {
|
|
64
|
+
margin: 1.5em 0;
|
|
65
|
+
color: #666;
|
|
66
|
+
font-style: italic;
|
|
67
|
+
padding-left: 1em;
|
|
68
|
+
border-left: 4px solid #d1d1d1;
|
|
69
|
+
}
|
|
70
|
+
strong { font-weight: bold; }
|
|
71
|
+
em, dfn { font-style: italic; }
|
|
72
|
+
dfn { font-weight: bold; }
|
|
73
|
+
pre, code {
|
|
74
|
+
margin: 1.5em 0;
|
|
75
|
+
white-space: pre;
|
|
76
|
+
}
|
|
77
|
+
pre, code, tt {
|
|
78
|
+
font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;
|
|
79
|
+
line-height: 1.5;
|
|
80
|
+
}
|
|
81
|
+
pre.code {
|
|
82
|
+
background: #000;
|
|
83
|
+
color: #fff;
|
|
84
|
+
padding: 20px;
|
|
85
|
+
}
|
|
86
|
+
tt {
|
|
87
|
+
display: block;
|
|
88
|
+
margin: 1.5em 0;
|
|
89
|
+
line-height: 1.5;
|
|
90
|
+
}
|
metadata
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: flutie
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
hash:
|
|
4
|
+
hash: 19
|
|
5
5
|
prerelease: false
|
|
6
6
|
segments:
|
|
7
7
|
- 1
|
|
8
8
|
- 0
|
|
9
|
-
-
|
|
10
|
-
version: 1.0.
|
|
9
|
+
- 2
|
|
10
|
+
version: 1.0.2
|
|
11
11
|
platform: ruby
|
|
12
12
|
authors:
|
|
13
13
|
- Chad Pytel
|
|
@@ -19,7 +19,7 @@ autorequire:
|
|
|
19
19
|
bindir: bin
|
|
20
20
|
cert_chain: []
|
|
21
21
|
|
|
22
|
-
date: 2010-07-
|
|
22
|
+
date: 2010-07-11 00:00:00 -04:00
|
|
23
23
|
default_executable:
|
|
24
24
|
dependencies: []
|
|
25
25
|
|
|
@@ -32,6 +32,8 @@ extensions: []
|
|
|
32
32
|
extra_rdoc_files: []
|
|
33
33
|
|
|
34
34
|
files:
|
|
35
|
+
- README.textile
|
|
36
|
+
- Rakefile
|
|
35
37
|
- app/controllers/flutie/styleguides_controller.rb
|
|
36
38
|
- app/views/flutie/styleguides/show.erb
|
|
37
39
|
- app/views/layouts/flutie.erb
|
|
@@ -40,7 +42,13 @@ files:
|
|
|
40
42
|
- lib/flutie/engine.rb
|
|
41
43
|
- lib/flutie.rb
|
|
42
44
|
- lib/tasks/flutie.rake
|
|
43
|
-
-
|
|
45
|
+
- public/stylesheets/defaults.css
|
|
46
|
+
- public/stylesheets/forms.css
|
|
47
|
+
- public/stylesheets/lists.css
|
|
48
|
+
- public/stylesheets/reset.css
|
|
49
|
+
- public/stylesheets/screen.css
|
|
50
|
+
- public/stylesheets/tables.css
|
|
51
|
+
- public/stylesheets/type.css
|
|
44
52
|
has_rdoc: true
|
|
45
53
|
homepage: http://github.com/thoughtbot/flutie
|
|
46
54
|
licenses: []
|