flutie 1.1.5 → 1.1.6

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,18 +1,20 @@
1
- h1. Flutie
1
+ Flutie
2
+ ======
2
3
 
3
4
  Basic, default styles for rails applications
4
5
 
5
- h2. Installation & Upgrading
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
- bc. gem "flutie", "~> 1.1"
13
+ gem "flutie", "~> 1.1"
12
14
 
13
15
  After you've bundled, run the installer:
14
16
 
15
- bc. rake flutie:install
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
- h2. Usage
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
- h3. Sass
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
- bc. @import "flutie";
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
- h3. Custom Styles
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
- bc.. <ol>
48
- <li class="todo">This is a todo item</li>
49
- </ol>
50
+ <ol>
51
+ <li class="todo">This is a todo item</li>
52
+ </ol>
50
53
 
51
- p. Plugin authors can also add to the styleguide by ensuring that their view path
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
- bc. ActionController::Base.append_view_path(File.join(File.dirname(__FILE__), 'views'))
58
+ ActionController::Base.append_view_path(File.join(File.dirname(__FILE__), 'views'))
56
59
 
57
- bc. my_awesome_plugin/views/styleguides/_pagination.erb:
60
+ my_awesome_plugin/views/styleguides/_pagination.erb:
58
61
 
59
- bc.. <div class="pagination">
60
- <a href="#prev">Previous</a>
61
- <a href="#next">Next</a>
62
- </div>
62
+ <div class="pagination">
63
+ <a href="#prev">Previous</a>
64
+ <a href="#next">Next</a>
65
+ </div>
63
66
 
64
- h2. Authors
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
- h2. Development
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
- bc. sass -C --update public/stylesheets/sass:public/stylesheets
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,5 @@
1
+ @mixin border-radius ($radii) {
2
+ -moz-border-radius: $radii;
3
+ -webkit-border-radius: $radii;
4
+ border-radius: $radii;
5
+ }
@@ -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
+ }
@@ -0,0 +1,7 @@
1
+ /* Useful with form inputs and textareas */
2
+ @mixin box-sizing ($box) {
3
+ -webkit-box-sizing: $box;
4
+ -moz-box-sizing: $box;
5
+ box-sizing: $box; // border-box, content-box, padding-box (moz), margin-box (moz)
6
+ }
7
+
@@ -0,0 +1,10 @@
1
+ /* Legacy support for inline-block in IE7 (maybe IE6) */
2
+ @mixin inline-block {
3
+ display: -moz-inline-box;
4
+ -moz-box-orient: vertical;
5
+ display: inline-block;
6
+ vertical-align: baseline;
7
+ zoom: 1;
8
+ *display: inline;
9
+ *vertical-align: auto;
10
+ }
@@ -0,0 +1,5 @@
1
+ @mixin linear-gradient ($from, $to) {
2
+ background: $from;
3
+ background: -moz-linear-gradient(top, $from, $to);
4
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, $from), color-stop(1, $to));
5
+ }
@@ -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: 25
4
+ hash: 31
5
5
  prerelease: false
6
6
  segments:
7
7
  - 1
8
8
  - 1
9
- - 5
10
- version: 1.1.5
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.textile
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