flutie 1.1.3 → 1.1.4
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/README.textile +5 -3
- data/public/stylesheets/flutie.css +147 -26
- data/public/stylesheets/sass/_reset.scss +1 -1
- metadata +11 -4
data/README.textile
CHANGED
@@ -22,15 +22,17 @@ h2. Usage
|
|
22
22
|
|
23
23
|
Flutie registers a :flutie shortcut for stylesheets, so in your layout you can do...
|
24
24
|
|
25
|
-
bc
|
25
|
+
bc. <%= stylesheet_link_tag :flutie, 'admin', :cache => true %>
|
26
26
|
|
27
27
|
...this will include all the flutie stylesheets, then the 'admin' stylesheet, and it will cache them all into one file.
|
28
28
|
|
29
29
|
h3. Sass
|
30
30
|
|
31
|
-
If you use Sass in your application, the flutie stylesheets are also available as scss files, installed in public/flutie/sass. This location is automatically added to your Sass template load path. These files can be imported into your own
|
31
|
+
If you use Sass in your application, the flutie stylesheets are also available as scss files, installed in public/flutie/sass. This location is automatically added to your Sass template load path. These files can be imported into your own sass files for use with the following:
|
32
32
|
|
33
|
-
bc. @import "flutie"
|
33
|
+
bc. @import "flutie";
|
34
|
+
|
35
|
+
You'll want to import flutie before any of your own styles so that you can do things like extend your classes with flutie classes.
|
34
36
|
|
35
37
|
h3. Custom Styles
|
36
38
|
|
@@ -1,10 +1,20 @@
|
|
1
|
-
/*
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
1
|
+
/*
|
2
|
+
html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
|
3
|
+
v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
|
4
|
+
html5doctor.com/html-5-reset-stylesheet/
|
5
|
+
*/
|
6
|
+
html, body, div, span, object, iframe,
|
7
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
8
|
+
abbr, address, cite, code,
|
9
|
+
del, dfn, em, img, ins, kbd, q, samp,
|
10
|
+
small, strong, sub, sup, var,
|
11
|
+
b, i,
|
12
|
+
dl, dt, dd, ol, ul, li,
|
13
|
+
fieldset, form, label, legend,
|
14
|
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
15
|
+
article, aside, canvas, details, figcaption, figure,
|
16
|
+
footer, header, hgroup, menu, nav, section, summary,
|
17
|
+
time, mark, audio, video {
|
8
18
|
margin: 0;
|
9
19
|
padding: 0;
|
10
20
|
border: 0;
|
@@ -13,10 +23,11 @@ caption, tbody, tfoot, thead, tr, th, td {
|
|
13
23
|
vertical-align: baseline;
|
14
24
|
background: transparent; }
|
15
25
|
|
16
|
-
|
17
|
-
|
26
|
+
article, aside, details, figcaption, figure,
|
27
|
+
footer, header, hgroup, menu, nav, section {
|
28
|
+
display: block; }
|
18
29
|
|
19
|
-
|
30
|
+
nav ul {
|
20
31
|
list-style: none; }
|
21
32
|
|
22
33
|
blockquote, q {
|
@@ -27,22 +38,46 @@ q:before, q:after {
|
|
27
38
|
content: '';
|
28
39
|
content: none; }
|
29
40
|
|
30
|
-
|
31
|
-
:
|
32
|
-
|
41
|
+
a {
|
42
|
+
margin: 0;
|
43
|
+
padding: 0;
|
44
|
+
font-size: 100%;
|
45
|
+
vertical-align: baseline;
|
46
|
+
background: transparent; }
|
33
47
|
|
34
|
-
/* remember to highlight inserts somehow! */
|
35
48
|
ins {
|
49
|
+
background-color: #ff9;
|
50
|
+
color: #000;
|
36
51
|
text-decoration: none; }
|
37
52
|
|
53
|
+
mark {
|
54
|
+
background-color: #ff9;
|
55
|
+
color: #000;
|
56
|
+
font-style: italic;
|
57
|
+
font-weight: bold; }
|
58
|
+
|
38
59
|
del {
|
39
60
|
text-decoration: line-through; }
|
40
61
|
|
41
|
-
|
62
|
+
abbr[title], dfn[title] {
|
63
|
+
cursor: help; }
|
64
|
+
|
65
|
+
/* tables still need cellspacing="0" in the markup */
|
42
66
|
table {
|
43
67
|
border-collapse: collapse;
|
44
68
|
border-spacing: 0; }
|
45
69
|
|
70
|
+
hr {
|
71
|
+
display: block;
|
72
|
+
height: 1px;
|
73
|
+
border: 0;
|
74
|
+
border-top: 1px solid #ccc;
|
75
|
+
margin: 1em 0;
|
76
|
+
padding: 0; }
|
77
|
+
|
78
|
+
input, select {
|
79
|
+
vertical-align: middle; }
|
80
|
+
|
46
81
|
body {
|
47
82
|
color: #222;
|
48
83
|
font-size: 13px;
|
@@ -113,22 +148,91 @@ hr.space {
|
|
113
148
|
background: #fff;
|
114
149
|
color: #fff; }
|
115
150
|
|
116
|
-
/*
|
117
|
-
.
|
118
|
-
|
151
|
+
/* for image replacement */
|
152
|
+
.ir {
|
153
|
+
display: block;
|
154
|
+
text-indent: -999em;
|
155
|
+
overflow: hidden;
|
156
|
+
background-repeat: no-repeat;
|
157
|
+
text-align: left;
|
158
|
+
direction: ltr; }
|
159
|
+
|
160
|
+
/* Hide for both screenreaders and browsers
|
161
|
+
css-discuss.incutio.com/wiki/Screenreader_Visibility */
|
162
|
+
.hidden {
|
163
|
+
display: none;
|
164
|
+
visibility: hidden; }
|
165
|
+
|
166
|
+
/* Hide only visually, but have it available for screenreaders
|
167
|
+
www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
|
168
|
+
.visuallyhidden {
|
169
|
+
position: absolute !important;
|
170
|
+
clip: rect(1px 1px 1px 1px);
|
171
|
+
/* IE6, IE7 */
|
172
|
+
clip: rect(1px, 1px, 1px, 1px); }
|
173
|
+
|
174
|
+
/* Hide visually and from screenreaders, but maintain layout */
|
175
|
+
.invisible {
|
176
|
+
visibility: hidden; }
|
177
|
+
|
178
|
+
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
|
179
|
+
.clearfix:before, .clearfix:after {
|
180
|
+
content: "\0020";
|
119
181
|
display: block;
|
120
182
|
height: 0;
|
121
|
-
clear: both;
|
122
183
|
visibility: hidden; }
|
123
184
|
|
124
|
-
.clearfix {
|
125
|
-
|
185
|
+
.clearfix:after {
|
186
|
+
clear: both; }
|
126
187
|
|
127
|
-
/*
|
188
|
+
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
|
128
189
|
.clearfix {
|
129
|
-
|
190
|
+
zoom: 1; }
|
191
|
+
|
192
|
+
.ie7 img {
|
193
|
+
-ms-interpolation-mode: bicubic; }
|
194
|
+
|
195
|
+
@media print {
|
196
|
+
* {
|
197
|
+
background: transparent !important;
|
198
|
+
color: #444 !important;
|
199
|
+
text-shadow: none !important; }
|
200
|
+
|
201
|
+
a, a:visited {
|
202
|
+
color: #444 !important;
|
203
|
+
text-decoration: underline; }
|
204
|
+
|
205
|
+
a:after {
|
206
|
+
content: " (" attr(href) ")"; }
|
207
|
+
|
208
|
+
abbr:after {
|
209
|
+
content: " (" attr(title) ")"; }
|
210
|
+
|
211
|
+
.ir a:after {
|
212
|
+
content: ""; }
|
213
|
+
|
214
|
+
/* Don't show links for images */
|
215
|
+
pre, blockquote {
|
216
|
+
border: 1px solid #999;
|
217
|
+
page-break-inside: avoid; }
|
218
|
+
|
219
|
+
thead {
|
220
|
+
display: table-header-group; }
|
221
|
+
|
222
|
+
/* css-discuss.incutio.com/wiki/Printing_Tables */
|
223
|
+
tr, img {
|
224
|
+
page-break-inside: avoid; }
|
225
|
+
|
226
|
+
@page {
|
227
|
+
margin: 0.5cm; }
|
228
|
+
|
229
|
+
p, h2, h3 {
|
230
|
+
orphans: 3;
|
231
|
+
widows: 3; }
|
232
|
+
|
233
|
+
h2, h3 {
|
234
|
+
page-break-after: avoid; } }
|
130
235
|
|
131
|
-
/* End hide from IE Mac */
|
132
236
|
/* Headings */
|
133
237
|
h1, h2, h3, h4, h5, h6 {
|
134
238
|
font-weight: bold; }
|
@@ -224,7 +328,14 @@ dfn {
|
|
224
328
|
|
225
329
|
pre, code {
|
226
330
|
margin: 1.5em 0;
|
227
|
-
white-space: pre;
|
331
|
+
white-space: pre;
|
332
|
+
/* CSS2 */
|
333
|
+
white-space: pre-wrap;
|
334
|
+
/* CSS 2.1 */
|
335
|
+
white-space: pre-line;
|
336
|
+
/* CSS 3 (and 2.1 as well, actually) */
|
337
|
+
word-wrap: break-word;
|
338
|
+
/* IE */ }
|
228
339
|
|
229
340
|
pre, code, tt {
|
230
341
|
font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;
|
@@ -308,6 +419,9 @@ fieldset fieldset fieldset {
|
|
308
419
|
legend {
|
309
420
|
font-weight: bold; }
|
310
421
|
|
422
|
+
.ie6 legend, .ie7 legend {
|
423
|
+
margin-left: -7px; }
|
424
|
+
|
311
425
|
fieldset.buttons {
|
312
426
|
background: inherit;
|
313
427
|
border: 0;
|
@@ -340,6 +454,9 @@ input[type="week"] {
|
|
340
454
|
padding: 3px 2px;
|
341
455
|
width: 300px; }
|
342
456
|
|
457
|
+
.ie6 input {
|
458
|
+
vertical-align: text-bottom; }
|
459
|
+
|
343
460
|
input[disabled='disabled'] {
|
344
461
|
background-color: #fcfcfc;
|
345
462
|
cursor: default; }
|
@@ -350,6 +467,9 @@ input[type="checkbox"] {
|
|
350
467
|
top: -2px;
|
351
468
|
vertical-align: middle; }
|
352
469
|
|
470
|
+
.ie7 input[type="checkbox"] {
|
471
|
+
vertical-align: baseline; }
|
472
|
+
|
353
473
|
input[type="radio"] {
|
354
474
|
margin: 0 3px 0 0;
|
355
475
|
position: relative;
|
@@ -370,7 +490,8 @@ textarea {
|
|
370
490
|
height: 200px;
|
371
491
|
margin: 0 0.5em 0.5em 0;
|
372
492
|
padding: 5px;
|
373
|
-
width: 440px;
|
493
|
+
width: 440px;
|
494
|
+
overflow: auto; }
|
374
495
|
|
375
496
|
/* Select fields */
|
376
497
|
fieldset .select select {
|
@@ -45,7 +45,7 @@ mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
|
|
45
45
|
|
46
46
|
del { text-decoration: line-through; }
|
47
47
|
|
48
|
-
abbr[title], dfn[title] {
|
48
|
+
abbr[title], dfn[title] { cursor:help; }
|
49
49
|
|
50
50
|
/* tables still need cellspacing="0" in the markup */
|
51
51
|
table { border-collapse:collapse; border-spacing:0; }
|
metadata
CHANGED
@@ -1,12 +1,13 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: flutie
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
+
hash: 27
|
4
5
|
prerelease: false
|
5
6
|
segments:
|
6
7
|
- 1
|
7
8
|
- 1
|
8
|
-
-
|
9
|
-
version: 1.1.
|
9
|
+
- 4
|
10
|
+
version: 1.1.4
|
10
11
|
platform: ruby
|
11
12
|
authors:
|
12
13
|
- Chad Pytel
|
@@ -18,16 +19,18 @@ autorequire:
|
|
18
19
|
bindir: bin
|
19
20
|
cert_chain: []
|
20
21
|
|
21
|
-
date: 2010-
|
22
|
+
date: 2010-12-01 00:00:00 -05:00
|
22
23
|
default_executable:
|
23
24
|
dependencies:
|
24
25
|
- !ruby/object:Gem::Dependency
|
25
26
|
name: haml
|
26
27
|
prerelease: false
|
27
28
|
requirement: &id001 !ruby/object:Gem::Requirement
|
29
|
+
none: false
|
28
30
|
requirements:
|
29
31
|
- - ">="
|
30
32
|
- !ruby/object:Gem::Version
|
33
|
+
hash: 3
|
31
34
|
segments:
|
32
35
|
- 0
|
33
36
|
version: "0"
|
@@ -72,23 +75,27 @@ rdoc_options: []
|
|
72
75
|
require_paths:
|
73
76
|
- lib
|
74
77
|
required_ruby_version: !ruby/object:Gem::Requirement
|
78
|
+
none: false
|
75
79
|
requirements:
|
76
80
|
- - ">="
|
77
81
|
- !ruby/object:Gem::Version
|
82
|
+
hash: 3
|
78
83
|
segments:
|
79
84
|
- 0
|
80
85
|
version: "0"
|
81
86
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
87
|
+
none: false
|
82
88
|
requirements:
|
83
89
|
- - ">="
|
84
90
|
- !ruby/object:Gem::Version
|
91
|
+
hash: 3
|
85
92
|
segments:
|
86
93
|
- 0
|
87
94
|
version: "0"
|
88
95
|
requirements: []
|
89
96
|
|
90
97
|
rubyforge_project:
|
91
|
-
rubygems_version: 1.3.
|
98
|
+
rubygems_version: 1.3.7
|
92
99
|
signing_key:
|
93
100
|
specification_version: 3
|
94
101
|
summary: Flutie adds default stylesheets to web apps
|