grempe-merb_blueprint_sass 0.0.1

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/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
+