grempe-merb_blueprint_sass 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
data/LICENSE ADDED
@@ -0,0 +1,20 @@
1
+ Copyright (c) 2008 Glenn Rempe
2
+
3
+ Permission is hereby granted, free of charge, to any person obtaining
4
+ a copy of this software and associated documentation files (the
5
+ "Software"), to deal in the Software without restriction, including
6
+ without limitation the rights to use, copy, modify, merge, publish,
7
+ distribute, sublicense, and/or sell copies of the Software, and to
8
+ permit persons to whom the Software is furnished to do so, subject to
9
+ the following conditions:
10
+
11
+ The above copyright notice and this permission notice shall be
12
+ included in all copies or substantial portions of the Software.
13
+
14
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
15
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
16
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
17
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
18
+ LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
19
+ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
20
+ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
data/README.rdoc ADDED
@@ -0,0 +1,93 @@
1
+ = Merb BluePrint SASS Plugin (merb_blueprint_sass)
2
+
3
+ == ABOUT
4
+ This is a plugin Merb plugin that provides the SASS version
5
+ of the BluePrint CSS Framework with Merb specific extensions.
6
+ It can be easily updated as BluePrint matures.
7
+
8
+ More information about BluePrint can be found at http://blueprintcss.org/
9
+
10
+ == WARNING
11
+
12
+ This is experimental code and may not be working fully (or at all!) yet.
13
+
14
+ The new HAML gem that this code requires may also not be ready for use with Merb.
15
+
16
+ You have been warned!
17
+
18
+ == REQUIRES
19
+
20
+ This plugin gem requires Haml (http://haml.hamptoncatlin.com/).
21
+ It should be installed automatically as a dependency of this gem.
22
+
23
+ NOTE : Currently the BP SASS requires extensions to SASS which have been
24
+ incorportated into the master HAML dev branch, but have not yet been released.
25
+ You will not be able to use this plugin unless you:
26
+
27
+ # Clone and install the haml git repo using Git
28
+ git clone git://github.com/nex3/haml.git
29
+ rake install
30
+
31
+ # Install the gem from the haml bleeding edge on GitHub
32
+ sudo gem install nex3-haml
33
+
34
+ == INSTALLATION
35
+
36
+ === Install the plugin
37
+
38
+ # ONE TIME ONLY
39
+ # It is highly recommended that you are running RubyGems version >= 1.2.0
40
+ # See : http://blog.segment7.net/articles/2008/06/21/rubygems-1-2-0
41
+ sudo gem update --system
42
+
43
+ # ONE TIME ONLY
44
+ # Execute this on each machine where you install gems to add GitHub as a gem source
45
+ # Do this only once or you may end up with multiple entries in 'gem sources'
46
+ gem sources -a http://gems.github.com/
47
+
48
+ # Install the plugin
49
+ sudo gem install grempe-merb_blueprint_sass
50
+
51
+ === Configure the plugin
52
+
53
+ Tell Merb to use the plugin by adding it as a dependency.
54
+
55
+ # Edit MERB_ROOT/config/init.rb
56
+ ...
57
+ dependencies "merb-haml", "merb_blueprint_sass"
58
+ ...
59
+
60
+ Copy all of the blueprint files from the plugin, into your app. Note that
61
+ if you update the plugin gem later it will NOT automatically update your app.
62
+ You will need to re-run the following rake task for each app you want to update
63
+ which will overwrite your BP SASS files. For this reason it is highly recommended
64
+ that you never modify the BP SASS files directly, and instead override and CSS in
65
+ your own master.css or master.sass file.
66
+
67
+ # In the MERB_ROOT dir
68
+ rake blueprint:install
69
+
70
+ Optionally install the SASS version of the standard Merb master.css file.
71
+ WARNING : Doing this will overwrite your standard master.css file.
72
+
73
+ rake blueprint:install_merb_master_sass
74
+
75
+ Add a link to include BP CSS files in your layout:
76
+
77
+ e.g. app/views/layout/application.html.haml
78
+
79
+ ...
80
+ = css_include_tag :blueprint
81
+ = css_include_tag :master
82
+ ...
83
+
84
+ == USAGE
85
+
86
+ Please refer to the BluePrint site for usage.
87
+
88
+ == CREDITS
89
+
90
+ Many thanks to the BluePrint core team, and especially to
91
+ Chris Eppstein who did the hard work on the awesome SASS
92
+ translation of the raw BluePrint CSS.
93
+
data/Rakefile ADDED
@@ -0,0 +1,57 @@
1
+ require 'rubygems'
2
+ require 'rake/gempackagetask'
3
+ require 'rubygems/specification'
4
+ require 'date'
5
+ require 'merb-core/version'
6
+ require 'merb-core/tasks/merb_rake_helper'
7
+
8
+ NAME = "merb_blueprint_sass"
9
+ GEM_VERSION = "0.0.1"
10
+ AUTHOR = "Glenn Rempe"
11
+ EMAIL = "glenn@rempe.us"
12
+ HOMEPAGE = "http://github.com/grempe"
13
+ SUMMARY = "Merb plugin that provides the SASS version of the BluePrint CSS framework with Merb extensions."
14
+
15
+ spec = Gem::Specification.new do |s|
16
+ s.rubyforge_project = 'merb_blueprint_sass'
17
+ s.name = NAME
18
+ s.version = GEM_VERSION
19
+ s.platform = Gem::Platform::RUBY
20
+ s.has_rdoc = true
21
+ s.extra_rdoc_files = ["README.rdoc", "LICENSE", 'TODO']
22
+ s.summary = SUMMARY
23
+ s.description = s.summary
24
+ s.author = AUTHOR
25
+ s.email = EMAIL
26
+ s.homepage = HOMEPAGE
27
+ s.add_dependency('merb', '>= 0.9.4')
28
+ s.add_dependency('haml', '>= 2.1.0')
29
+ s.require_path = 'lib'
30
+ s.files = %w(LICENSE README.rdoc Rakefile TODO) + Dir.glob("{lib,public,spec}/**/*")
31
+
32
+ end
33
+
34
+ Rake::GemPackageTask.new(spec) do |pkg|
35
+ pkg.gem_spec = spec
36
+ end
37
+
38
+ desc "install the plugin locally"
39
+ task :install => [:package] do
40
+ sh %{#{sudo} gem install #{install_home} pkg/#{NAME}-#{GEM_VERSION} --no-update-sources}
41
+ end
42
+
43
+ desc "create a gemspec file"
44
+ task :make_spec do
45
+ File.open("#{NAME}.gemspec", "w") do |file|
46
+ file.puts spec.to_ruby
47
+ end
48
+ end
49
+
50
+ namespace :jruby do
51
+
52
+ desc "Run :package and install the resulting .gem with jruby"
53
+ task :install => :package do
54
+ sh %{#{sudo} jruby -S gem install #{install_home} pkg/#{NAME}-#{GEM_VERSION}.gem --no-rdoc --no-ri}
55
+ end
56
+
57
+ end
data/TODO ADDED
@@ -0,0 +1,5 @@
1
+ TODO:
2
+ Fix LICENSE with your name
3
+ Fix Rakefile with your name and contact info
4
+ Add your code to lib/merb_blueprint_sass.rb
5
+ Add your Merb rake tasks to lib/merb_blueprint_sass/merbtasks.rb
@@ -0,0 +1,18 @@
1
+ # make sure we're running inside Merb
2
+ if defined?(Merb::Plugins)
3
+
4
+ # Merb gives you a Merb::Plugins.config hash...feel free to put your stuff in your piece of it
5
+ Merb::Plugins.config[:merb_blueprint_sass] = {
6
+ :chickens => false
7
+ }
8
+
9
+ Merb::BootLoader.before_app_loads do
10
+ # require code that must be loaded before the application
11
+ end
12
+
13
+ Merb::BootLoader.after_app_loads do
14
+ # code that can be required after the application loads
15
+ end
16
+
17
+ Merb::Plugins.add_rakefiles "merb_blueprint_sass/merbtasks"
18
+ end
@@ -0,0 +1,45 @@
1
+ require 'rubygems'
2
+ require 'ftools'
3
+
4
+ namespace :blueprint do
5
+
6
+ task :default => [:install] do
7
+ end
8
+
9
+ desc "Install/replace the BluePrint SASS(CSS) framework"
10
+ task :install => [:make_bp_dirs, :copy_bp_files] do
11
+ puts "The BluePrint SASS files have been copied."
12
+ end
13
+
14
+ task :make_bp_dirs do
15
+ File.makedirs(File.join(Merb.root, "public", "stylesheets", "sass", "modules"))
16
+ end
17
+
18
+ task :copy_bp_files do
19
+
20
+ Dir.chdir(File.join(File.dirname(__FILE__), "../", "../"))
21
+
22
+ Dir.glob("{public}/stylesheets/sass/blueprint*.sass").each do |file|
23
+ # Note : __FILE__ e.g. /Library/Ruby/Gems/1.8/gems/merb_blueprint_sass-0.0.1/lib/merb_blueprint_sass/merbtasks.rb
24
+ to_dir = File.join(Merb.root, "public", "stylesheets", "sass")
25
+ File.copy(file, to_dir, verbose = true)
26
+ end
27
+
28
+ Dir.glob("{public}/stylesheets/sass/modules/*.sass").each do |file|
29
+ to_dir = File.join(Merb.root, "public", "stylesheets", "sass", "modules")
30
+ File.copy(file, to_dir, verbose = true)
31
+ end
32
+
33
+ to_dir = File.join(Merb.root, "public", "images")
34
+ File.copy("public/images/grid.png", to_dir, verbose = true)
35
+
36
+ end
37
+
38
+ desc "OVERWRITES standard master.css! Install a SASS version of Merb's master.css."
39
+ task :install_merb_master_sass do
40
+ Dir.chdir(File.join(File.dirname(__FILE__), "../", "../"))
41
+ to_dir = File.join(Merb.root, "public", "stylesheets", "sass")
42
+ File.copy("public/stylesheets/sass/master.sass", to_dir, verbose = true)
43
+ end
44
+
45
+ end
Binary file
@@ -0,0 +1 @@
1
+ @import modules/ie
@@ -0,0 +1 @@
1
+ @import modules/print
@@ -0,0 +1,16 @@
1
+ @import modules/colors
2
+ @import modules/reset
3
+ @import modules/grid
4
+ @import modules/typography
5
+ @import modules/utilities
6
+ @import modules/form
7
+ @import modules/interaction
8
+ @import modules/debug
9
+
10
+ =blueprint
11
+ +blueprint-grid
12
+ +blueprint-typography
13
+ +blueprint-utilities
14
+ +blueprint-debug
15
+ +blueprint-interaction
16
+ +blueprint-form
@@ -0,0 +1,120 @@
1
+ body
2
+ :font-family Arial, Verdana, sans-serif
3
+ :font-size 12px
4
+ :background-color #fff
5
+
6
+ *
7
+ :margin 0px
8
+ :padding 0px
9
+ :text-decoration none
10
+
11
+ html
12
+ :height 100%
13
+ :margin-bottom 1px
14
+
15
+ #container
16
+ :width 80%
17
+ :text-align left
18
+ :background-color #fff
19
+ :margin-right auto
20
+ :margin-left auto
21
+
22
+ #header-container
23
+ :width 100%
24
+ :padding-top 15px
25
+
26
+ h1
27
+ :margin-left 6px
28
+ :margin-bottom 6px
29
+
30
+ #header-container h2
31
+ :margin-left 6px
32
+ :margin-bottom 6px
33
+
34
+ .spacer
35
+ :width 100%
36
+ :height 15px
37
+
38
+ hr
39
+ :border 0px
40
+ :color #ccc
41
+ :background-color #cdcdcd
42
+ :height 1px
43
+ :width 100%
44
+ :text-align left
45
+
46
+ h1
47
+ :font-size 28px
48
+ :color #c55
49
+ :background-color #fff
50
+ :font-family Arial, Verdana, sans-serif
51
+ :font-weight 300
52
+
53
+ h2
54
+ :font-size 15px
55
+ :color #999
56
+ :font-family Arial, Verdana, sans-serif
57
+ :font-weight 300
58
+ :background-color #fff
59
+
60
+ h3
61
+ :color #4d9b12
62
+ :font-size 15px
63
+ :text-align left
64
+ :font-weight 300
65
+ :padding 5px
66
+ :margin-top 5px
67
+
68
+ #left-container
69
+ :float left
70
+ :width 250px
71
+ :background-color #FFFFFF
72
+ :color black
73
+
74
+ h3
75
+ :color #c55
76
+
77
+ #main-container
78
+ :margin 5px 5px 5px 260px
79
+ :padding 15px
80
+ :border-left 1px solid silver
81
+ :min-height 400px
82
+
83
+ ul
84
+ :margin-left 3.0em
85
+
86
+ p
87
+ :color #000
88
+ :background-color #fff
89
+ :line-height 20px
90
+ :padding 5px
91
+
92
+ a
93
+ :color #4d9b12
94
+ :background-color #fff
95
+ :text-decoration none
96
+
97
+ &:hover
98
+ :color #4d9b12
99
+ :background-color #fff
100
+ :text-decoration underline
101
+
102
+ #footer-container
103
+ :clear both
104
+ :font-size 12px
105
+ :font-family Verdana, Arial, sans-serif
106
+
107
+ .right
108
+ :float right
109
+ :font-size 100%
110
+ :margin-top 5px
111
+ :color #999
112
+ :background-color #fff
113
+
114
+ .left
115
+ :float left
116
+ :font-size 100%
117
+ :margin-top 5px
118
+ :color #999
119
+ :background-color #fff
120
+
@@ -0,0 +1,37 @@
1
+ !font_color= #333
2
+ !font_background= transparent
3
+ !quiet_color= !font_color + #333
4
+ !loud_color= !font_color - #222
5
+
6
+ !header_color= !font_color - #111
7
+
8
+ // !link_color= #009
9
+ // !link_hover_color= !link_color
10
+ !link_color= #457ac9
11
+ !link_hover_color= #399999
12
+ !link_focus_color= !link_color
13
+ !link_active_color= !link_color + #c00
14
+ !link_visited_color= !link_color - #333
15
+
16
+ !success_color = #264409
17
+ !success_bg_color = #E6EFC2
18
+ !success_border_color = #C6D880
19
+
20
+ !notice_color = #514721
21
+ !notice_bg_color = #FFF6BF
22
+ !notice_border_color = #FFD324
23
+
24
+ !error_color = #8a1f11
25
+ !error_bg_color = #FBE3E4
26
+ !error_border_color = #FBC2C4
27
+
28
+ =link-colors(!normal = !link_color, !hover = !link_hover_color, !active = !link_active_color, !visited = !link_visited_color, !focus = !link_focus_color)
29
+ :color= !normal
30
+ &:hover
31
+ :color= !hover
32
+ &:active
33
+ :color= !active
34
+ &:visited
35
+ :color= !visited
36
+ &:focus
37
+ :color= !focus
@@ -0,0 +1,8 @@
1
+ =showgrid(!image = images/grid.png)
2
+ :background= url(!image)
3
+
4
+ =blueprint-debug(!grid_image = images/grid.png)
5
+ // Use this class on any div.span / container to see the grid.
6
+ // TODO: prefix this with the project path.
7
+ .showgrid
8
+ +showgrid(!grid_image)
@@ -0,0 +1,82 @@
1
+ /*
2
+ To install the fancy type plugin, mixin +fancy-type to your project's body:
3
+ body
4
+ +fancy-type
5
+
6
+ /* Indentation instead of line shifts for sibling paragraphs. Mixin to a style like p + p
7
+ =sibling-indentation
8
+ :text-indent 2em
9
+ :margin-top -1.5em
10
+ /* Don't want this in forms.
11
+ form &
12
+ :text-indent 0
13
+
14
+ /*
15
+ For great looking type, use this code instead of asdf:
16
+ <span class="alt">asdf</span>
17
+ Best used on prepositions and ampersands.
18
+
19
+ =alt
20
+ :color #666
21
+ :font-family "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif
22
+ :font-style italic
23
+ :font-weight normal
24
+
25
+ /*
26
+ For great looking quote marks in titles, replace "asdf" with:
27
+ <span class="dquo">&#8220;</span>asdf&#8221;
28
+ (That is, when the title starts with a quote mark).
29
+ (You may have to change this value depending on your font size).
30
+ =dquo
31
+ :margin-left -.5em
32
+
33
+ /*
34
+ Reduced size type with incremental leading
35
+ (http://www.markboulton.co.uk/journal/comments/incremental_leading/)
36
+
37
+ This could be used for side notes. For smaller type, you don't necessarily want to
38
+ follow the 1.5x vertical rhythm -- the line-height is too much.
39
+
40
+ Using this class, it reduces your font size and line-height so that for
41
+ every four lines of normal sized type, there is five lines of the sidenote. eg:
42
+
43
+ New type size in em's:
44
+ 10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)
45
+
46
+ New line-height value:
47
+ 12px x 1.5 = 18px (old line-height)
48
+ 18px x 4 = 72px
49
+ 72px / 5 = 14.4px (new line height)
50
+ 14.4px / 10px = 1.44 (new line height in em's)
51
+ =incr
52
+ :font-size 10px
53
+ :line-height 1.44em
54
+ :margin-bottom 1.5em
55
+
56
+ /*
57
+ Surround uppercase words and abbreviations with this class.
58
+ Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
59
+ =caps
60
+ :font-variant small-caps
61
+ :letter-spacing 1px
62
+ :text-transform lowercase
63
+ :font-size 1.2em
64
+ :line-height 1%
65
+ :font-weight bold
66
+ :padding 0 2px
67
+
68
+ =fancy-paragraphs
69
+ p + p
70
+ +sibling-indentation
71
+ p.incr,
72
+ .incr p
73
+ +incr
74
+
75
+ =fancy-type
76
+ +fancy-paragraphs
77
+ .caps
78
+ +caps
79
+ .dquo
80
+ +dquo
81
+ .alt
82
+ +alt
@@ -0,0 +1,43 @@
1
+ @import colors
2
+
3
+ =blueprint-form
4
+ label
5
+ :font-weight bold
6
+ fieldset
7
+ :padding 1.4em
8
+ :margin 0 0 1.5em 0
9
+ :border 1px solid #ccc
10
+ legend
11
+ :font-weight bold
12
+ :font-size 1.2em
13
+ input
14
+ &.text
15
+ :margin 0.5em 0
16
+ :border 1px solid #bbb
17
+ :width 300px
18
+ :padding 5px
19
+ &:focus
20
+ :border 1px solid #666
21
+ &.title
22
+ :font-size 1.5em
23
+ input.title
24
+ :margin 0.5em 0
25
+ :border 1px solid #bbb
26
+ :width 300px
27
+ :padding 5px
28
+ &:focus
29
+ :border 1px solid #666
30
+ textarea
31
+ :margin 0.5em 0
32
+ :border 1px solid #bbb
33
+ &:focus
34
+ :border 1px solid #666
35
+ select
36
+ :margin 0.5em 0
37
+ :border 1px solid #bbb
38
+ &:focus
39
+ :border 1px solid #666
40
+ textarea
41
+ :width 390px
42
+ :height 250px
43
+ :padding 5px
@@ -0,0 +1,148 @@
1
+ // --------------------------------------------------------------
2
+ // SASS Gridification
3
+ // * Author: Chris Eppstein
4
+ // A SASS adaptation of Blueprint CSS
5
+ // * Version: 0.7.1 (2008-02-25)
6
+ // * Website: http://code.google.com/p/blueprintcss/
7
+ // Based on work by:
8
+ // * Lorin Tacket [lorintackett.com]
9
+ // * Olav Bjorkoy [bjorkoy.com]
10
+ // * Nathan Borror [playgroundblues.com]
11
+ // * Jeff Croft [jeffcroft.com]
12
+ // * Christian Metts [mintchaos.com]
13
+ // * Khoi Vinh [subtraction.com]
14
+ // Read more about using a grid here:
15
+ // * subtraction.com/archives/2007/0318_oh_yeeaahh.php
16
+ // --------------------------------------------------------------
17
+
18
+ @import modules/utilities
19
+
20
+ // Main layout grid, edit these parameters to build your grid and container sizes.
21
+ !layout_grid_columns = 24
22
+ !layout_grid_width = 30px
23
+ !layout_grid_margin = 10px
24
+
25
+ // Do not edit below this line unless you really know what you're doing.
26
+ !layout_grid_outer_width = !layout_grid_width + !layout_grid_margin
27
+ !layout_grid_size = !layout_grid_width * !layout_grid_columns + (!layout_grid_margin * (!layout_grid_columns - 1))
28
+
29
+ // Columns
30
+ // Note: If you use this mixin without the class and want to support ie6
31
+ // you must set text-align left on your container element in an IE stylesheet.
32
+ =container
33
+ :width = !layout_grid_size
34
+ :margin 0 auto
35
+ +clearfix
36
+
37
+ // The last column in a row needs this mixin or it will end up on the next row.
38
+ // TODO add this to span mixin when we have optional arguments
39
+ =last
40
+ :margin
41
+ :right 0
42
+
43
+ =span(!n)
44
+ :width = !layout_grid_width * !n + (!layout_grid_margin * (!n - 1))
45
+
46
+ // Use this mixins to set the width of n columns.
47
+ =column(!n, !last = false)
48
+ :float left
49
+ +span(!n)
50
+ @if !last
51
+ +last
52
+ @if !!last
53
+ :margin-right = !layout_grid_margin
54
+
55
+ // Mixin to a column to append n empty cols.
56
+ =append(!n)
57
+ :padding-right = (!layout_grid_outer_width) * !n
58
+
59
+ // Mixin to a column to prepend n empty cols.
60
+ =prepend(!n)
61
+ :padding-left = (!layout_grid_outer_width) * !n
62
+
63
+ // mixin to a column to move it n columns to the left
64
+ =pull(!n)
65
+ :float left
66
+ :position relative
67
+ :margin-left = -!layout_grid_outer_width * !n
68
+
69
+ // mixin to a column to push it n columns to the right
70
+ =push(!n)
71
+ :float right
72
+ :position relative
73
+ :margin
74
+ :top 0
75
+ :right = -!layout_grid_outer_width * !n
76
+ :bottom 1.5em
77
+ :left = -!layout_grid_outer_width * !n
78
+
79
+ // Border on right hand side of a column.
80
+ =border
81
+ :padding-right = !layout_grid_margin / 2 - 1
82
+ :margin-right = !layout_grid_margin / 2
83
+ :border-right 1px solid #eee
84
+
85
+ // Border with more whitespace, spans one column.
86
+ =colborder
87
+ :padding-right= !layout_grid_width - 0.5 * !layout_grid_margin - 1
88
+ :margin-right= !layout_grid_width - 0.5 * !layout_grid_margin
89
+ :border-right 1px solid #eee
90
+
91
+ // Mixin this to an hr to make a horizontal ruler across a column.
92
+ =colruler
93
+ :background #ddd
94
+ :color #ddd
95
+ :clear both
96
+ :float none
97
+ :width 100%
98
+ :height .1em
99
+ :margin 0 0 1.45em
100
+ :border none
101
+
102
+ // Mixin this to an hr to make a horizontal spacer across a column.
103
+ =colspacer
104
+ +colruler
105
+ :background #fff
106
+ :color #fff
107
+
108
+ =blueprint-grid
109
+ // A container should group all your columns
110
+ .container
111
+ +container
112
+ // Use these classes (or mixins) to set the width of a column.
113
+ @for !n from 1 to !layout_grid_columns + 1
114
+ .span-#{!n}
115
+ +span(!n)
116
+ div
117
+ &.span-#{!n}
118
+ +column(!n, !n == !layout_grid_columns)
119
+ // The last column in a row needs this class (or mixin) or it will end up on the next row.
120
+ div.last
121
+ +last
122
+ // Add these to a column to append empty cols.
123
+ @for !n from 1 to !layout_grid_columns
124
+ .append-#{!n}
125
+ +append(!n)
126
+ // Add these to a column to prepend empty cols.
127
+ @for !n from 1 to !layout_grid_columns
128
+ .prepend-#{!n}
129
+ +prepend(!n)
130
+ // Use these classes on an element to push it into the
131
+ // next column, or to pull it into the previous column.
132
+ @for !n from 1 to !layout_grid_columns + 1
133
+ .pull-#{!n}
134
+ +pull(!n)
135
+ @for !n from 1 to !layout_grid_columns + 1
136
+ .push-#{!n}
137
+ +push(!n)
138
+ //*** The following classes are provided for convenience. You can comment them out if you don't want them. ***//
139
+ // Border on right hand side of a column. You can comment this out if you don't plan to use it.
140
+ div.border
141
+ +border
142
+ // Border with more whitespace, spans one column.
143
+ div.colborder
144
+ +colborder
145
+ hr
146
+ +colruler
147
+ hr.space
148
+ +colspacer
@@ -0,0 +1,19 @@
1
+ // mix this into a body element
2
+ =blueprint-ie
3
+ :text-align center
4
+ .container
5
+ :text-align left
6
+ * html &
7
+ legend
8
+ :margin -18px -8px 16px 0
9
+ :padding 0
10
+ ol
11
+ :margin-left 2em
12
+ sup
13
+ :vertical-align text-top
14
+ sub
15
+ :vertical-align text-bottom
16
+ html>& p code
17
+ :*white-space normal
18
+ hr
19
+ :margin -8px auto 11px
@@ -0,0 +1,55 @@
1
+ =feedback-base
2
+ :padding .8em
3
+ :margin-bottom 1em
4
+ :border 2px solid #ddd
5
+
6
+ =error
7
+ +feedback-base
8
+ :background= !error_bg_color
9
+ :color= !error_color
10
+ :border-color= !error_border_color
11
+ a
12
+ :color= !error_color
13
+
14
+ =notice
15
+ +feedback-base
16
+ :background= !notice_bg_color
17
+ :color= !notice_color
18
+ :border-color= !notice_border_color
19
+ a
20
+ :color= !notice_color
21
+
22
+ =success
23
+ +feedback-base
24
+ :background= !success_bg_color
25
+ :color= !success_color
26
+ :border-color= !success_border_color
27
+ a
28
+ :color= !success_color
29
+
30
+ =highlight
31
+ :background #ff0
32
+
33
+ =added
34
+ :background #060
35
+ :color #fff
36
+
37
+ =removed
38
+ :background #900
39
+ :color #fff
40
+
41
+ =blueprint-interaction
42
+ .error
43
+ +error
44
+ .notice
45
+ +notice
46
+ .success
47
+ +success
48
+ .hide
49
+ :display none
50
+ .highlight
51
+ +highlight
52
+ .added
53
+ +added
54
+ .removed
55
+ +removed
@@ -0,0 +1,69 @@
1
+ =blueprint-print
2
+ &
3
+ :line-height 1.5
4
+ :font-family "Helvetica Neue", Helvetica, Arial, sans-serif
5
+ :color #000
6
+ :background none
7
+ :font-size 10pt
8
+ .container
9
+ :background none
10
+ hr
11
+ :background #ccc
12
+ :color #ccc
13
+ :width 100%
14
+ :height 2px
15
+ :margin 2em 0
16
+ :padding 0
17
+ :border none
18
+ &.space
19
+ :background #fff
20
+ :color #fff
21
+ h1, h2, h3, h4, h5, h6
22
+ :font-family "Helvetica Neue", Arial, "Lucida Grande", sans-serif
23
+ code
24
+ :font .9em "Courier New", Monaco, Courier, monospace
25
+ img
26
+ :float left
27
+ :margin 1.5em 1.5em 1.5em 0
28
+ a
29
+ img
30
+ :border none
31
+ &:link
32
+ :background transparent
33
+ :font-weight 700
34
+ :text-decoration underline
35
+ /* This style is in blueprint, but I think it's annoying and it doesn't work in all browsers.
36
+ &:after
37
+ :content " (" attr(href) ") "
38
+ :font-size 90%
39
+ p img.top
40
+ :margin-top 0
41
+ blockquote
42
+ :margin 1.5em
43
+ :padding 1em
44
+ :font-style italic
45
+ :font-size .9em
46
+ .small
47
+ :font-size .9em
48
+ .large
49
+ :font-size 1.1em
50
+ .quiet
51
+ :color #999
52
+ .hide,
53
+ .noprint,
54
+ .no-print
55
+ :display none
56
+ address, blockquote, center, dir, div, dd, dl, dt, fieldset, form, frameset, h1, h2, h3, h4, h5, h6, hr, isindex, li, menu, noframes, noscript, ol, p, pre, table, tbody, td, tfoot, th, thead, tr, ul
57
+ &.print-only
58
+ :display block
59
+ a, abbr, acronym, b, basefont, bdo, big, br, cite, code, dfn, em, font, i, img, input, kbd, label, q, s, samp, select, small, span, strike, strong, sub, sup, textarea, tt, u, var
60
+ &.print-only
61
+ :display inline
62
+ a:visited
63
+ :background transparent
64
+ :font-weight 700
65
+ :text-decoration underline
66
+ /*
67
+ a:visited:after
68
+ :content " (" attr(href) ") "
69
+ :font-size 90%
@@ -0,0 +1,73 @@
1
+ =reset
2
+ :margin 0
3
+ :padding 0
4
+ :border 0
5
+ :font
6
+ :weight inherit
7
+ :style inherit
8
+ :size 100%
9
+ :family inherit
10
+ :vertical-align baseline
11
+
12
+ =reset-quotation
13
+ +reset
14
+ :quotes "" ""
15
+ &:before,
16
+ &:after
17
+ :content ""
18
+
19
+ =reset-table-cell
20
+ +reset
21
+ :text-align left
22
+ :font-weight normal
23
+ :vertical-align middle
24
+
25
+ =reset-table
26
+ +reset
27
+ :border-collapse separate
28
+ :border-spacing 0
29
+ :vertical-align middle
30
+
31
+ =reset-body
32
+ +reset
33
+ :line-height 1.5
34
+
35
+ // Mix this into the html element of your application
36
+ // if you want a global reset (recommended).
37
+ =blueprint-reset-html
38
+ +reset
39
+ div, span, object, iframe, h1, h2, h3, h4, h5, h6, p
40
+ +reset
41
+ body
42
+ +reset-body
43
+ blockquote, q
44
+ +reset-quotation
45
+ pre, a, abbr, acronym, address, code, del, dfn, em, img
46
+ +reset
47
+ dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr
48
+ +reset
49
+ th, td, caption
50
+ +reset-table-cell
51
+ table
52
+ +reset-table
53
+ a img
54
+ :border none
55
+
56
+ // Mix this into the body element of a blueprint page
57
+ // if you want a selective reset
58
+ =blueprint-reset-body
59
+ +reset-body
60
+ div, span, object, iframe, h1, h2, h3, h4, h5, h6, p
61
+ +reset
62
+ blockquote, q
63
+ +reset-quotation
64
+ pre, a, abbr, acronym, address, code, del, dfn, em, img
65
+ +reset
66
+ dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr
67
+ +reset
68
+ th, td, caption
69
+ +reset-table-cell
70
+ table
71
+ +reset-table
72
+ a img
73
+ :border none
@@ -0,0 +1,18 @@
1
+ /*
2
+ The styles contained here are meant to provide for an attractive experience out of the box
3
+ and are meant to be removed once custom visual design begins.
4
+
5
+ =body-margins
6
+ :margin 1.5em 0
7
+
8
+ // Mixin +box to create a padded box inside a column.
9
+ =box
10
+ :padding 1.5em
11
+ :margin-bottom 1.5em
12
+ :background #E5ECF9
13
+
14
+ =scaffolding
15
+ html &
16
+ +body-margins
17
+ .box
18
+ +box
@@ -0,0 +1,129 @@
1
+ @import colors
2
+
3
+ =normal-text
4
+ :font-family "Helvetica Neue", Helvetica, Arial, sans-serif
5
+ :color= !font_color
6
+ :background= !font_background
7
+
8
+ =fixed-width-text
9
+ :font 1em 'andale mono', 'lucida console', monospace
10
+ :line-height 1.5
11
+
12
+ =header-text
13
+ :font-weight normal
14
+ :color= !header_color
15
+
16
+ =quiet
17
+ :color= !quiet_color
18
+
19
+ =loud
20
+ :color= !loud_color
21
+
22
+ =blueprint-typography
23
+ html &
24
+ +normal-text
25
+ :font-size 75%
26
+ h1
27
+ +header-text
28
+ :font-size 3em
29
+ :line-height 1
30
+ :margin-bottom 0.5em
31
+ img
32
+ :margin 0
33
+ h2
34
+ +header-text
35
+ :font-size 2em
36
+ :margin-bottom 0.75em
37
+ h3
38
+ +header-text
39
+ :font-size 1.5em
40
+ :line-height 1
41
+ :margin-bottom 1em
42
+ h4
43
+ +header-text
44
+ :font-size 1.2em
45
+ :line-height 1.25
46
+ :margin-bottom 1.25em
47
+ :height 1.25em
48
+ h5
49
+ +header-text
50
+ :font-size 1em
51
+ :font-weight bold
52
+ :margin-bottom 1.5em
53
+ h6
54
+ +header-text
55
+ :font-size 1em
56
+ :font-weight bold
57
+ h2 img, h3 img, h4 img, h5 img, h6 img
58
+ :margin 0
59
+ p
60
+ :margin 0 0 1.5em
61
+ img
62
+ :float left
63
+ :margin 1.5em 1.5em 1.5em 0
64
+ :padding 0
65
+ &.right
66
+ :float right
67
+ :margin 1.5em 0 1.5em 1.5em
68
+ a
69
+ :text-decoration underline
70
+ +link-colors
71
+ blockquote
72
+ :margin 1.5em
73
+ :color #666
74
+ :font-style italic
75
+ strong
76
+ :font-weight bold
77
+ em
78
+ :font-style italic
79
+ dfn
80
+ :font-style italic
81
+ :font-weight bold
82
+ sup, sub
83
+ :line-height 0
84
+ abbr, acronym
85
+ :border-bottom 1px dotted #666
86
+ address
87
+ :margin 0 0 1.5em
88
+ :font-style italic
89
+ del
90
+ :color #666
91
+ pre, code
92
+ :margin 1.5em 0
93
+ :white-space pre
94
+ +fixed-width-text
95
+ tt
96
+ +fixed-width-text
97
+ li ul, li ol
98
+ :margin 0 1.5em
99
+ ul
100
+ :margin 0 1.5em 1.5em 1.5em
101
+ :list-style-type disc
102
+ ol
103
+ :margin 0 1.5em 1.5em 1.5em
104
+ :list-style-type decimal
105
+ dl
106
+ :margin 0 0 1.5em 0
107
+ dt
108
+ :font-weight bold
109
+ dd
110
+ :margin-left 1.5em
111
+ table
112
+ :margin-bottom 1.4em
113
+ :width 100%
114
+ th
115
+ :font-weight bold
116
+ :background #C3D9FF
117
+ :padding 4px 10px 4px 5px
118
+ td
119
+ :padding 4px 10px 4px 5px
120
+ tr.even td
121
+ :background #E5ECF9
122
+ tfoot
123
+ :font-style italic
124
+ caption
125
+ :background #eee
126
+ .quiet
127
+ +quiet
128
+ .loud
129
+ +loud
@@ -0,0 +1,54 @@
1
+ // Clearing floats without extra markup
2
+ // Based on How To Clear Floats Without Structural Markup by PiE
3
+ // [http://www.positioniseverything.net/easyclearing.html]
4
+ // The above article no longer recommends its approach instead
5
+ // This is recommended now:
6
+ // [http://www.sitepoint.com/examples/clearing_floats/example2.php]
7
+ =clearfix
8
+ :overflow auto
9
+ // This makes ie6 get layout
10
+ :display inline-block
11
+ // and this puts it back to block
12
+ &
13
+ :display block
14
+
15
+ =nowrap
16
+ :white-space nowrap
17
+
18
+
19
+ // Most of these utility classes are not "semantic". If you use them,
20
+ // you are mixing your content and presentation. For shame!
21
+
22
+ =blueprint-utilities
23
+ // Regular clearing apply to column that should drop below previous ones.
24
+ .clear
25
+ :clear both
26
+ // turn off text wrapping for the element.
27
+ .nowrap
28
+ +nowrap
29
+ // Apply to an element that has floated children to make the bottom
30
+ // of the element fall _below_ the floated children.
31
+ .clearfix
32
+ +clearfix
33
+ .small
34
+ :font-size .8em
35
+ :margin-bottom 1.875em
36
+ :line-height 1.875em
37
+ .large
38
+ :font-size 1.2em
39
+ :line-height 2.5em
40
+ :margin-bottom 1.25em
41
+ .first
42
+ :margin-left 0
43
+ :padding-left 0
44
+ .last
45
+ :margin-right 0
46
+ :padding-right 0
47
+ .top
48
+ :margin-top 0
49
+ :padding-top 0
50
+ .bottom
51
+ :margin-bottom 0
52
+ :padding-bottom 0
53
+ .print-only
54
+ :display none
@@ -0,0 +1,7 @@
1
+ require File.dirname(__FILE__) + '/spec_helper'
2
+
3
+ describe "merb_blueprint_sass" do
4
+ it "should do nothing" do
5
+ true.should == true
6
+ end
7
+ end
@@ -0,0 +1,2 @@
1
+ $TESTING=true
2
+ $:.push File.join(File.dirname(__FILE__), '..', 'lib')
metadata ADDED
@@ -0,0 +1,101 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: grempe-merb_blueprint_sass
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.0.1
5
+ platform: ruby
6
+ authors:
7
+ - Glenn Rempe
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+
12
+ date: 2008-08-23 00:00:00 -07:00
13
+ default_executable:
14
+ dependencies:
15
+ - !ruby/object:Gem::Dependency
16
+ name: merb
17
+ version_requirement:
18
+ version_requirements: !ruby/object:Gem::Requirement
19
+ requirements:
20
+ - - ">="
21
+ - !ruby/object:Gem::Version
22
+ version: 0.9.4
23
+ version:
24
+ - !ruby/object:Gem::Dependency
25
+ name: haml
26
+ version_requirement:
27
+ version_requirements: !ruby/object:Gem::Requirement
28
+ requirements:
29
+ - - ">="
30
+ - !ruby/object:Gem::Version
31
+ version: 2.1.0
32
+ version:
33
+ description: Merb plugin that provides the SASS version of the BluePrint CSS framework with Merb extensions.
34
+ email: glenn@rempe.us
35
+ executables: []
36
+
37
+ extensions: []
38
+
39
+ extra_rdoc_files:
40
+ - README.rdoc
41
+ - LICENSE
42
+ - TODO
43
+ files:
44
+ - LICENSE
45
+ - README.rdoc
46
+ - Rakefile
47
+ - TODO
48
+ - lib/merb_blueprint_sass
49
+ - lib/merb_blueprint_sass/merbtasks.rb
50
+ - lib/merb_blueprint_sass.rb
51
+ - public/images
52
+ - public/images/grid.png
53
+ - public/stylesheets
54
+ - public/stylesheets/sass
55
+ - public/stylesheets/sass/blueprint-ie.sass
56
+ - public/stylesheets/sass/blueprint-print.sass
57
+ - public/stylesheets/sass/blueprint.sass
58
+ - public/stylesheets/sass/master.sass
59
+ - public/stylesheets/sass/modules
60
+ - public/stylesheets/sass/modules/colors.sass
61
+ - public/stylesheets/sass/modules/debug.sass
62
+ - public/stylesheets/sass/modules/fancy_type.sass
63
+ - public/stylesheets/sass/modules/form.sass
64
+ - public/stylesheets/sass/modules/grid.sass
65
+ - public/stylesheets/sass/modules/ie.sass
66
+ - public/stylesheets/sass/modules/interaction.sass
67
+ - public/stylesheets/sass/modules/print.sass
68
+ - public/stylesheets/sass/modules/reset.sass
69
+ - public/stylesheets/sass/modules/scaffolding.sass
70
+ - public/stylesheets/sass/modules/typography.sass
71
+ - public/stylesheets/sass/modules/utilities.sass
72
+ - spec/merb_blueprint_sass_spec.rb
73
+ - spec/spec_helper.rb
74
+ has_rdoc: true
75
+ homepage: http://github.com/grempe
76
+ post_install_message:
77
+ rdoc_options: []
78
+
79
+ require_paths:
80
+ - lib
81
+ required_ruby_version: !ruby/object:Gem::Requirement
82
+ requirements:
83
+ - - ">="
84
+ - !ruby/object:Gem::Version
85
+ version: "0"
86
+ version:
87
+ required_rubygems_version: !ruby/object:Gem::Requirement
88
+ requirements:
89
+ - - ">="
90
+ - !ruby/object:Gem::Version
91
+ version: "0"
92
+ version:
93
+ requirements: []
94
+
95
+ rubyforge_project: merb_blueprint_sass
96
+ rubygems_version: 1.2.0
97
+ signing_key:
98
+ specification_version: 2
99
+ summary: Merb plugin that provides the SASS version of the BluePrint CSS framework with Merb extensions.
100
+ test_files: []
101
+