flutie 1.1.5 → 1.1.6

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.
@@ -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