flutie 1.1.5 → 1.1.6
Sign up to get free protection for your applications and to get access to all the features.
- data/{README.textile → README.md} +43 -26
- data/public/stylesheets/flutie.css +4 -0
- data/public/stylesheets/sass/_border-radius.scss +5 -0
- data/public/stylesheets/sass/_box-shadow.scss +35 -0
- data/public/stylesheets/sass/_box-sizing.scss +7 -0
- data/public/stylesheets/sass/_inline-block.scss +10 -0
- data/public/stylesheets/sass/_linear-gradient.scss +5 -0
- data/public/stylesheets/sass/flutie.scss +5 -1
- metadata +9 -4
@@ -1,18 +1,20 @@
|
|
1
|
-
|
1
|
+
Flutie
|
2
|
+
======
|
2
3
|
|
3
4
|
Basic, default styles for rails applications
|
4
5
|
|
5
|
-
|
6
|
+
Installation & Upgrading
|
7
|
+
------------------------
|
6
8
|
|
7
9
|
Flutie is a Rails engine. It works with versions of Rails greater than 3.0.
|
8
10
|
|
9
11
|
Flutie is recommended to be run as a gem and included in your Gemfile:
|
10
12
|
|
11
|
-
|
13
|
+
gem "flutie", "~> 1.1"
|
12
14
|
|
13
15
|
After you've bundled, run the installer:
|
14
16
|
|
15
|
-
|
17
|
+
rake flutie:install
|
16
18
|
|
17
19
|
The installer will copy the Flutie stylesheets into public/flutie/stylesheets
|
18
20
|
|
@@ -22,7 +24,8 @@ Click on the "Default styles" link to view the same markup with a barebones layo
|
|
22
24
|
|
23
25
|
To upgrade, bump the gem version in your Gemfile, and then run 'rake flutie:install' again to get the latest changes moved into your application.
|
24
26
|
|
25
|
-
|
27
|
+
Usage
|
28
|
+
-----
|
26
29
|
|
27
30
|
Flutie registers a :flutie shortcut for stylesheets, so in your layout you can do...
|
28
31
|
|
@@ -30,48 +33,62 @@ bc. <%= stylesheet_link_tag :flutie, 'admin', :cache => true %>
|
|
30
33
|
|
31
34
|
...this will include all the flutie stylesheets, then the 'admin' stylesheet, and it will cache them all into one file.
|
32
35
|
|
33
|
-
|
36
|
+
### Sass
|
34
37
|
|
35
38
|
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:
|
36
39
|
|
37
|
-
|
40
|
+
@import "flutie";
|
38
41
|
|
39
42
|
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.
|
40
43
|
|
41
|
-
|
44
|
+
### Custom Styles
|
42
45
|
|
43
46
|
To add custom styles to the styleguide add partials to the app/views/styleguides directory. For example:
|
44
47
|
|
45
|
-
app/views/styleguides/_todo_item.erb:
|
48
|
+
app/views/styleguides/_todo_item.erb:
|
46
49
|
|
47
|
-
|
48
|
-
|
49
|
-
</ol>
|
50
|
+
<ol>
|
51
|
+
<li class="todo">This is a todo item</li>
|
52
|
+
</ol>
|
50
53
|
|
51
|
-
|
54
|
+
Plugin authors can also add to the styleguide by ensuring that their view path
|
52
55
|
is in ActionController::Base.view_paths and by placing a partial under the
|
53
56
|
styleguides directory. For example:
|
54
57
|
|
55
|
-
|
58
|
+
ActionController::Base.append_view_path(File.join(File.dirname(__FILE__), 'views'))
|
56
59
|
|
57
|
-
|
60
|
+
my_awesome_plugin/views/styleguides/_pagination.erb:
|
58
61
|
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
</div>
|
62
|
+
<div class="pagination">
|
63
|
+
<a href="#prev">Previous</a>
|
64
|
+
<a href="#next">Next</a>
|
65
|
+
</div>
|
63
66
|
|
64
|
-
|
65
|
-
|
66
|
-
Flutie was written by thoughtbot, inc.
|
67
|
-
|
68
|
-
h2. Suggestions, Bugs, Refactoring?
|
67
|
+
Suggestions, Bugs, Refactoring?
|
68
|
+
-------------------------------
|
69
69
|
|
70
70
|
Fork away and create a "Github Issue":http://github.com/thoughtbot/flutie/issues. Please don't send pull requests.
|
71
71
|
|
72
|
-
|
72
|
+
Development
|
73
|
+
-----------
|
73
74
|
|
74
75
|
The actual stylesheet source files are sass, so edit the files in public/stylesheets/sass.
|
75
76
|
To rebuild the normal scss run:
|
76
77
|
|
77
|
-
|
78
|
+
sass -C --update public/stylesheets/sass:public/stylesheets
|
79
|
+
|
80
|
+
Credits
|
81
|
+
-------
|
82
|
+
|
83
|
+
![thoughtbot](http://thoughtbot.com/images/tm/logo.png)
|
84
|
+
|
85
|
+
Flutie is maintained and funded by [thoughtbot, inc](http://thoughtbot.com/community)
|
86
|
+
|
87
|
+
Thank you to all [the contributors](https://github.com/thoughtbot/flutie/contributors)!
|
88
|
+
|
89
|
+
The names and logos for thoughtbot are trademarks of thoughtbot, inc.
|
90
|
+
|
91
|
+
License
|
92
|
+
-------
|
93
|
+
|
94
|
+
Flutie is Copyright © 2010-2011 thoughtbot. It is free software, and may be redistributed under the terms specified in the LICENSE file.
|
@@ -78,6 +78,10 @@ hr {
|
|
78
78
|
input, select {
|
79
79
|
vertical-align: middle; }
|
80
80
|
|
81
|
+
/* this hack is courtesy of gbbowers on github
|
82
|
+
https://gist.github.com/601810 */
|
83
|
+
/* Useful with form inputs and textareas */
|
84
|
+
/* Legacy support for inline-block in IE7 (maybe IE6) */
|
81
85
|
body {
|
82
86
|
color: #222;
|
83
87
|
font-size: 13px;
|
@@ -0,0 +1,35 @@
|
|
1
|
+
/* this hack is courtesy of gbbowers on github
|
2
|
+
https://gist.github.com/601810 */
|
3
|
+
@mixin box-shadow ($shadow-1, $shadow-2: false, $shadow-3: false, $shadow-4: false, $shadow-5: false, $shadow-6: false, $shadow-7: false, $shadow-8: false, $shadow-9: false) {
|
4
|
+
$full: $shadow-1;
|
5
|
+
|
6
|
+
@if $shadow-2 {
|
7
|
+
$full: $full + ", " + $shadow-2;
|
8
|
+
}
|
9
|
+
@if $shadow-3 {
|
10
|
+
$full: $full + ", " + $shadow-3;
|
11
|
+
}
|
12
|
+
@if $shadow-4 {
|
13
|
+
$full: $full + ", " + $shadow-4;
|
14
|
+
}
|
15
|
+
@if $shadow-5 {
|
16
|
+
$full: $full + ", " + $shadow-5;
|
17
|
+
}
|
18
|
+
@if $shadow-6 {
|
19
|
+
$full: $full + ", " + $shadow-6;
|
20
|
+
}
|
21
|
+
@if $shadow-7 {
|
22
|
+
$full: $full + ", " + $shadow-7;
|
23
|
+
}
|
24
|
+
@if $shadow-8 {
|
25
|
+
$full: $full + ", " + $shadow-8;
|
26
|
+
}
|
27
|
+
@if $shadow-9 {
|
28
|
+
$full: $full + ", " + $shadow-9;
|
29
|
+
}
|
30
|
+
|
31
|
+
-moz-box-shadow: $full;
|
32
|
+
-webkit-box-shadow: $full;
|
33
|
+
-o-box-shadow: $full;
|
34
|
+
box-shadow: $full;
|
35
|
+
}
|
@@ -1,7 +1,11 @@
|
|
1
1
|
@import 'reset';
|
2
|
+
@import 'border-radius';
|
3
|
+
@import 'box-shadow';
|
4
|
+
@import 'box-sizing';
|
5
|
+
@import 'inline-block';
|
2
6
|
@import 'defaults';
|
3
7
|
@import 'type';
|
4
8
|
@import 'forms';
|
5
9
|
@import 'tables';
|
6
10
|
@import 'lists';
|
7
|
-
@import 'screen';
|
11
|
+
@import 'screen';
|
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: 31
|
5
5
|
prerelease: false
|
6
6
|
segments:
|
7
7
|
- 1
|
8
8
|
- 1
|
9
|
-
-
|
10
|
-
version: 1.1.
|
9
|
+
- 6
|
10
|
+
version: 1.1.6
|
11
11
|
platform: ruby
|
12
12
|
authors:
|
13
13
|
- Chad Pytel
|
@@ -45,7 +45,7 @@ extensions: []
|
|
45
45
|
extra_rdoc_files: []
|
46
46
|
|
47
47
|
files:
|
48
|
-
- README.
|
48
|
+
- README.md
|
49
49
|
- Rakefile
|
50
50
|
- app/controllers/flutie/styleguides_controller.rb
|
51
51
|
- app/views/flutie/styleguides/show.erb
|
@@ -57,8 +57,13 @@ files:
|
|
57
57
|
- lib/flutie.rb
|
58
58
|
- lib/tasks/flutie.rake
|
59
59
|
- public/stylesheets/flutie.css
|
60
|
+
- public/stylesheets/sass/_border-radius.scss
|
61
|
+
- public/stylesheets/sass/_box-shadow.scss
|
62
|
+
- public/stylesheets/sass/_box-sizing.scss
|
60
63
|
- public/stylesheets/sass/_defaults.scss
|
61
64
|
- public/stylesheets/sass/_forms.scss
|
65
|
+
- public/stylesheets/sass/_inline-block.scss
|
66
|
+
- public/stylesheets/sass/_linear-gradient.scss
|
62
67
|
- public/stylesheets/sass/_lists.scss
|
63
68
|
- public/stylesheets/sass/_reset.scss
|
64
69
|
- public/stylesheets/sass/_screen.scss
|