chriseppstein-compass 0.6.15 → 0.7.0
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGELOG.markdown +170 -0
- data/LICENSE.markdown +29 -0
- data/README.markdown +10 -2
- data/REVISION +1 -1
- data/Rakefile +126 -0
- data/VERSION.yml +2 -2
- data/deps.rip +1 -0
- data/examples/blueprint_default/src/images/grid.png +0 -0
- data/examples/blueprint_plugins/src/images/grid.png +0 -0
- data/examples/blueprint_scoped/images/grid.png +0 -0
- data/examples/blueprint_scoped_form/images/grid.png +0 -0
- data/examples/blueprint_semantic/src/images/grid.png +0 -0
- data/examples/blueprint_semantic/src/liquid.sass +2 -2
- data/examples/blueprint_semantic/src/screen.sass +3 -3
- data/examples/compass/src/images/blue_arrow.gif +0 -0
- data/frameworks/blueprint/stylesheets/blueprint/_ie.sass +42 -0
- data/frameworks/blueprint/stylesheets/blueprint/_reset.sass +3 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass +10 -9
- data/frameworks/blueprint/stylesheets/blueprint/modules/_form.sass +35 -23
- data/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass +7 -7
- data/frameworks/blueprint/stylesheets/blueprint/modules/_reset.sass +56 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_rtl.sass +2 -2
- data/frameworks/blueprint/stylesheets/blueprint/modules/_scaffolding.sass +2 -1
- data/frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass +3 -2
- data/frameworks/blueprint/templates/project/manifest.rb +2 -1
- data/frameworks/blueprint/templates/project/partials/_base.sass +11 -0
- data/frameworks/blueprint/templates/project/screen.sass +38 -6
- data/frameworks/compass/stylesheets/compass/_utilities.sass +1 -0
- data/frameworks/compass/stylesheets/compass/utilities/_sprites.sass +1 -0
- data/frameworks/compass/stylesheets/compass/utilities/general/_reset.sass +106 -28
- data/frameworks/compass/stylesheets/compass/utilities/general/_tag_cloud.sass +1 -1
- data/frameworks/compass/stylesheets/compass/utilities/sprites/_sprite_img.sass +12 -0
- data/frameworks/compass/stylesheets/compass/utilities/text/_replacement.sass +10 -3
- data/frameworks/compass/templates/project/manifest.rb +1 -1
- data/frameworks/compass/templates/project/screen.sass +6 -0
- data/lib/compass/actions.rb +7 -0
- data/lib/compass/{merb.rb → app_integration/merb.rb} +0 -0
- data/lib/compass/app_integration/rails/action_controller.rb +15 -0
- data/lib/compass/app_integration/rails/image_url.rb +14 -0
- data/lib/compass/app_integration/rails/sass_plugin.rb +5 -0
- data/lib/compass/app_integration/rails/templates/compass-install-rails.rb +80 -0
- data/lib/compass/app_integration/rails.rb +12 -0
- data/lib/compass/app_integration.rb +5 -0
- data/lib/compass/commands/project_base.rb +12 -2
- data/lib/compass/commands/update_project.rb +13 -3
- data/lib/compass/commands/watch_project.rb +27 -28
- data/lib/compass/commands/write_configuration.rb +5 -1
- data/lib/compass/compiler.rb +14 -2
- data/lib/compass/configuration.rb +78 -2
- data/lib/compass/exec.rb +78 -37
- data/lib/compass/installers/base.rb +4 -2
- data/lib/compass/installers/rails.rb +3 -2
- data/lib/compass/installers/stand_alone.rb +3 -2
- data/lib/compass/sass_extensions/functions/display.rb +22 -0
- data/lib/compass/sass_extensions/functions/enumerate.rb +6 -0
- data/lib/compass/sass_extensions/functions/image_url.rb +88 -0
- data/lib/compass/sass_extensions/functions/inline_image.rb +35 -0
- data/lib/compass/sass_extensions/functions/selectors.rb +39 -0
- data/lib/compass/sass_extensions/functions.rb +19 -0
- data/lib/compass/sass_extensions/monkey_patches/stylesheet_updating.rb +23 -0
- data/lib/compass/sass_extensions/monkey_patches.rb +3 -0
- data/lib/compass/sass_extensions.rb +5 -0
- data/lib/compass/version.rb +2 -3
- data/lib/compass.rb +3 -18
- data/test/command_line_helper.rb +102 -0
- data/test/command_line_test.rb +2 -106
- data/test/compass_test.rb +18 -6
- data/test/configuration_test.rb +73 -0
- data/test/fixtures/stylesheets/blueprint/images/grid.png +0 -0
- data/test/fixtures/stylesheets/compass/css/reset.css +42 -46
- data/test/fixtures/stylesheets/compass/sass/reset.sass +9 -0
- data/test/fixtures/stylesheets/image_urls/config.rb +17 -0
- data/test/fixtures/stylesheets/image_urls/css/screen.css +3 -0
- data/test/fixtures/stylesheets/image_urls/images/grid.png +0 -0
- data/test/fixtures/stylesheets/image_urls/sass/screen.sass +6 -0
- data/test/rails_integration_test.rb +83 -0
- data/test/sass_extensions_test.rb +0 -1
- data/test/test_case_helper.rb +13 -0
- data/test/test_helper.rb +3 -27
- data/test/test_rails_helper.rb +20 -0
- metadata +51 -4
- data/lib/sass_extensions.rb +0 -67
data/CHANGELOG.markdown
CHANGED
@@ -1,6 +1,169 @@
|
|
1
1
|
COMPASS CHANGELOG
|
2
2
|
=================
|
3
3
|
|
4
|
+
0.8.0
|
5
|
+
-----
|
6
|
+
|
7
|
+
### Rails
|
8
|
+
|
9
|
+
* image_url() now integrates with the rails asset handling code when
|
10
|
+
stylesheets are generated within the rails container.
|
11
|
+
**This causes your rails configuration for cache busting and asset hosts
|
12
|
+
to be used when generating your stylesheets**. Unfortunately, all
|
13
|
+
that code runs within the context of a controller, so the stylesheets
|
14
|
+
have to be generated during first request to use this functionality. If you
|
15
|
+
need to compile stylesheets offline, use the compass configuration file to set
|
16
|
+
the <code>asset_host</code> and <code>asset_cache_buster</code>.
|
17
|
+
[Commit](http://github.com/chriseppstein/compass/commit/998168160b11c8702ded0a32820ea15b70d51e83).
|
18
|
+
|
19
|
+
* An official Rails template for Compass is now [provided][rails_template].
|
20
|
+
[Commit](http://github.com/chriseppstein/compass/commit/f6948d1d58818ef8babce8f8f9d775562d7cd7ef)
|
21
|
+
by [Derek Perez][perezd].
|
22
|
+
|
23
|
+
### Blueprint
|
24
|
+
|
25
|
+
* The Blueprint port has been upgraded to match Blueprint 0.9. The following changes were made as part
|
26
|
+
of that project:
|
27
|
+
* Removed body margins from blueprint scaffolding by default.
|
28
|
+
The old body styles can be reinstated by mixing +blueprint-scaffolding-body into your body selector(s).
|
29
|
+
[Commit](http://github.com/chriseppstein/compass/commit/45af89d4c7a396fae5d14fab4ef3bab23bcdfb6a)
|
30
|
+
by [Enrico Bianco][enricob].
|
31
|
+
* A bug in the calculations affecting the +colborder mixin has been fixed.
|
32
|
+
[Commit](http://github.com/chriseppstein/compass/commit/4b33fae5e5c5421580ba536116cb10194f1318d1)
|
33
|
+
by [Enrico Bianco][enricob].
|
34
|
+
Related [commit](http://github.com/chriseppstein/compass/commit/0a0a14aab597d2ec31ff9d267f6ee8cfad878e10).
|
35
|
+
* Blueprint now has inline form support. Mix +blueprint-inline-form into a form selector to make it inline.
|
36
|
+
[Commit](http://github.com/chriseppstein/compass/commit/56c745b939c763cfcc5549b54979d48ab1309087)
|
37
|
+
by [Enrico Bianco][enricob].
|
38
|
+
* Please update the conditional comment that surrounds your IE stylesheet to use "lt IE 8" as the condition
|
39
|
+
as these styles are not needed in IE8. New blueprint projects will now use this conditional as their default.
|
40
|
+
[Commit](http://github.com/chriseppstein/compass/commit/77f6e02c0ec80d2b6fd19e611ced02be003c98ae)
|
41
|
+
by [Enrico Bianco][enricob].
|
42
|
+
* Explicitly define image interpolation mode for IE so that images aren't jagged when resizing.
|
43
|
+
[Commit](http://github.com/chriseppstein/compass/commit/63075f82db367913efcce5e1d0f5489888e86ca4)
|
44
|
+
by [Enrico Bianco][enricob].
|
45
|
+
|
46
|
+
* When starting a new project based on Blueprint, a more complete screen.sass file will be
|
47
|
+
provided that follows compass best practices instead of matching blueprint css exactly. A
|
48
|
+
partials/_base.sass file is provided and already set up for blueprint customization.
|
49
|
+
[Commit](http://github.com/chriseppstein/compass/commit/11b6ea14c3ee919711fa4bdce349f88b64b68d51)
|
50
|
+
|
51
|
+
* The sizes and borders for form styling can now be altered via mixin arguments.
|
52
|
+
[Commit](http://github.com/chriseppstein/compass/commit/b84dd3031b82547cff8e1ef1f85de66d98cd162b)
|
53
|
+
by [Thomas Reynolds][tdreyno].
|
54
|
+
|
55
|
+
* Grid borders can now be altered via mixin arguments.
|
56
|
+
[Commit](http://github.com/chriseppstein/compass/commit/0a0a14aab597d2ec31ff9d267f6ee8cfad878e10)
|
57
|
+
by [Thomas Reynolds][tdreyno].
|
58
|
+
|
59
|
+
* The reset file for blueprint has moved from compass/reset.sass to blueprint/reset.sass. Please
|
60
|
+
update your imports accordingly. Also note that some of the reset mixin names have changed
|
61
|
+
(now prefixed with blueprint-*).
|
62
|
+
[Commit](http://github.com/chriseppstein/compass/commit/2126240a1a16edacb0a758d782334a9ced5d9116)
|
63
|
+
by [Noel Gomez][noel].
|
64
|
+
|
65
|
+
### Compass Core
|
66
|
+
|
67
|
+
* **Sprites**. A basic sprite mixin is now available. Import compass/utilities/sprites.sass and use the +sprite-img
|
68
|
+
mixin to set the background image from a sprite image file. Assumes every sprite in the sprite image
|
69
|
+
file has the same dimensions.
|
70
|
+
[Commit](http://github.com/chriseppstein/compass/commit/1f21d6309140c009188d350ed911eed5d34bf02e)
|
71
|
+
by [Thomas Reynolds][tdreyno].
|
72
|
+
|
73
|
+
* **Reset**. The compass reset is now based on [Eric Meyer's reset](http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/).
|
74
|
+
which makes no attempt to apply base styles like the blueprint reset does. **Existing compass projects
|
75
|
+
will want to change their reset import to point to blueprint/reset.sass** -- which is where the old
|
76
|
+
default reset for compass projects now lives -- see the blueprint notes above for more information.
|
77
|
+
[Commit](http://github.com/chriseppstein/compass/commit/2126240a1a16edacb0a758d782334a9ced5d9116)
|
78
|
+
by [Noel Gomez][noel].
|
79
|
+
|
80
|
+
* A bug was fixed in the tag_cloud mixin so that it actually works.
|
81
|
+
[Commit](http://github.com/chriseppstein/compass/commit/be5c0ff6731ec5e0cdac73bc47f5603c3db899b5)
|
82
|
+
by [Bjørn Arild Mæland][Chrononaut].
|
83
|
+
|
84
|
+
### Sass Extensions
|
85
|
+
|
86
|
+
* The <code>inline_image(image_path)</code> function can now be used to generate a data url that embeds the image data in
|
87
|
+
the generated css file -- avoiding the need for another request.
|
88
|
+
This function works like <code>image_url()</code> in that it expects the image to be a path
|
89
|
+
relative to the images directory. There are clear advantages and disadvantages to this approach.
|
90
|
+
See [Wikipedia](http://en.wikipedia.org/wiki/Data_URI_scheme) for more details.
|
91
|
+
NOTE: Neither IE6 nor IE7 support this feature.
|
92
|
+
[Commit](http://github.com/chriseppstein/compass/commit/5a015b3824f280af56f1265bf8c3a7c64a252621).
|
93
|
+
|
94
|
+
### Configuration
|
95
|
+
|
96
|
+
* **Asset Hosts**. You can now configure the asset host(s) used for images via the image_url() function.
|
97
|
+
Asset hosts are off unless configured and also off when relative urls are enabled.
|
98
|
+
[Commit](http://github.com/chriseppstein/compass/commit/ef47f3dd9dbfc087de8b12a90f9a82993bbb592e).
|
99
|
+
In your compass configuration file, you must define an asset_host algorithm to be used like so:
|
100
|
+
# Return the same host for all images:
|
101
|
+
asset_host {|path| "http://assets.example.com" }
|
102
|
+
# Return a different host based on the image path.
|
103
|
+
asset_host do |path|
|
104
|
+
"http://assets%d.example.com" % (path.hash % 4)
|
105
|
+
end
|
106
|
+
|
107
|
+
|
108
|
+
* **Configurable Cache Buster**. You can now configure the cache buster that gets placed at the end of
|
109
|
+
images via the image_url function. This might be useful if you need to coordinate the query string
|
110
|
+
or use something other than a timestamp.
|
111
|
+
[Commit](http://github.com/chriseppstein/compass/commit/ef47f3dd9dbfc087de8b12a90f9a82993bbb592e)
|
112
|
+
Example:
|
113
|
+
asset_cache_buster do |path, file|
|
114
|
+
"busted=true"
|
115
|
+
end
|
116
|
+
|
117
|
+
* You can now set/override arbitrary sass options by setting the <code>sass_options</code> configuration property
|
118
|
+
to a hash. [Commit](http://github.com/chriseppstein/compass/commit/802bca61741db31da7131c82d31fff45f9323696).
|
119
|
+
|
120
|
+
* You can now specify additional import paths to look for sass code outside the project.
|
121
|
+
[Commit](http://github.com/chriseppstein/compass/commit/047be06a0a63923846f53849fc220fb4be69513b).
|
122
|
+
This can be done in two ways:
|
123
|
+
1. By setting <code>additional_import_paths</code> to an array of paths.
|
124
|
+
2. By (repeatedly) calling <code>add_import_path(path)</code>
|
125
|
+
|
126
|
+
* The compass configuration can now be placed in PROJECT_DIR/.compass/config.rb if you so choose.
|
127
|
+
[Commit](http://github.com/chriseppstein/compass/commit/69cf32f70ac79c155198d2dbf96f50856bee9504).
|
128
|
+
|
129
|
+
|
130
|
+
### Command Line
|
131
|
+
|
132
|
+
* **Watch Improvements** The watch command was rewritten for robustness and reliability. The most
|
133
|
+
important change is that generated css files will be deleted if the originating sass file is removed while
|
134
|
+
watching the project. [Commit](http://github.com/chriseppstein/compass/commit/0a232bd922695f6f659fac9f90466745d4425839).
|
135
|
+
|
136
|
+
* The images and javascripts directories may now be set via the command line.
|
137
|
+
[Commit](http://github.com/chriseppstein/compass/84aec053d0109923ea0208ac0847684cf09cefc1).
|
138
|
+
|
139
|
+
* The usage output (-h) of the command-line has been reformatted to make it more readable and understandable.
|
140
|
+
[Commit](http://github.com/chriseppstein/compass/f742f26208f4c5c783ba63aa0cc509bb19e06ab9).
|
141
|
+
|
142
|
+
* The configuration file being read can now be specified explicitly using the -c option.
|
143
|
+
This also affects the output location of the --write-configuration command.
|
144
|
+
NOTE: The -c option used to be for writing the configuration file, an infrequently used option.
|
145
|
+
[Commit](http://github.com/chriseppstein/compass/d2acd343b899db960c1d3a377e2ee6f58595c6b1).
|
146
|
+
|
147
|
+
* You can now install into the current working directory by explicitly setting the command line mode to -i
|
148
|
+
and providing no project name.
|
149
|
+
[Commit](http://github.com/chriseppstein/compass/f742f26208f4c5c783ba63aa0cc509bb19e06ab9).
|
150
|
+
|
151
|
+
### Compass Internals
|
152
|
+
|
153
|
+
* Some internal code was reorganized to make managing sass extensions and functions more manageable.
|
154
|
+
|
155
|
+
* Some internal code was reorganized to make managing ruby application integration more manageable.
|
156
|
+
|
157
|
+
* The compass unit tests were reorganized to separate rails testing from other tests.
|
158
|
+
|
159
|
+
* The [Rip Packaging System](http://hellorip.com) is now supported.
|
160
|
+
[Commit](http://github.com/chriseppstein/compass/commit/56f36577c7654b93a349f74abf274327df23402b)
|
161
|
+
by [Will Farrington](http://github.com/wfarr).
|
162
|
+
|
163
|
+
* A [licence is now available](http://github.com/chriseppstein/compass/blob/master/LICENSE.markdown)
|
164
|
+
making the copyrights and terms of use clear for people who care about such things.
|
165
|
+
|
166
|
+
|
4
167
|
0.6.14
|
5
168
|
------
|
6
169
|
|
@@ -216,3 +379,10 @@ that are not yet fixed in blueprint-css and we use a different clearfix implemen
|
|
216
379
|
### Bugs Introduced
|
217
380
|
|
218
381
|
Almost definitely. Please let me know if you encounter any problems and I'll get a patch out
|
382
|
+
|
383
|
+
[tdreyno]: http://github.com/tdreyno
|
384
|
+
[noel]: http://github.com/noel
|
385
|
+
[enricob]: http://github.com/enricob
|
386
|
+
[perezd]: http://github.com/perezd
|
387
|
+
[Chrononaut]: http://github.com/Chrononaut
|
388
|
+
[rails_template]: http://github.com/chriseppstein/compass/raw/4e7e51e2c5491851f66c77abf3f15194f2f8fb8d/lib/compass/app_integration/rails/templates/compass-install-rails.rb
|
data/LICENSE.markdown
ADDED
@@ -0,0 +1,29 @@
|
|
1
|
+
Copyright (c) 2009 Christopher M. Eppstein
|
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
|
+
No attribution is required by products that make use of this software.
|
14
|
+
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
16
|
+
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
17
|
+
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
18
|
+
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
19
|
+
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
20
|
+
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
21
|
+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
22
|
+
|
23
|
+
Except as contained in this notice, the name(s) of the above copyright
|
24
|
+
holders shall not be used in advertising or otherwise to promote the sale,
|
25
|
+
use or other dealings in this Software without prior written authorization.
|
26
|
+
|
27
|
+
Contributors to this project agree to grant all rights to the copyright
|
28
|
+
holder of the primary product. Attribution is maintained in the source
|
29
|
+
control history of the product.
|
data/README.markdown
CHANGED
@@ -5,9 +5,10 @@ A [Sass][sass]-based CSS Meta-Framework that allows you to mix and match any of
|
|
5
5
|
- [Blueprint][blueprint_website] - [Wiki Documentation][bleuprint_wiki]
|
6
6
|
- [YUI][yui_website] - [Wiki Documentation][yui_wiki]
|
7
7
|
- [960][ninesixty_website] - [Wiki Documentation][ninesixty_wiki]
|
8
|
-
- Other frameworks can be added relatively easily.
|
8
|
+
- Other frameworks can be added relatively easily. Create your own!
|
9
9
|
|
10
10
|
## Compass Provides
|
11
|
+
|
11
12
|
1. A [command line tool][command_line_wiki] for managing your Sass projects.
|
12
13
|
2. Simple integration with [Ruby-on-Rails][ruby_on_rails_wiki], [Merb][merb_wiki], [StaticMatic][static_matic_wiki], and even [non-ruby application servers][command_line_wiki].
|
13
14
|
3. Loads of Sass mixins to make building your website a snap.
|
@@ -16,7 +17,13 @@ A [Sass][sass]-based CSS Meta-Framework that allows you to mix and match any of
|
|
16
17
|
Please see the [wiki][wiki]
|
17
18
|
|
18
19
|
## Author
|
19
|
-
Compass is written by [Chris Eppstein][chris_eppstein]
|
20
|
+
Compass is written by [Chris Eppstein][chris_eppstein].<br>
|
21
|
+
Chris is the Software Architect of [Caring.com][caring.com] and a member of the [Sass][sass] core team.
|
22
|
+
|
23
|
+
## License
|
24
|
+
Copyright (c) 2008-2009 Christopher M. Eppstein<br>
|
25
|
+
All Rights Reserved.<br>
|
26
|
+
Released under a [slightly modified MIT License][license].
|
20
27
|
|
21
28
|
[sass]: http://haml.hamptoncatlin.com/docs/rdoc/classes/Sass.html "Syntactically Awesome StyleSheets"
|
22
29
|
[compass_core_website]: http://github.com/chriseppstein/compass/tree/master/frameworks/compass
|
@@ -34,3 +41,4 @@ Compass is written by [Chris Eppstein][chris_eppstein]. Chris is the Software Ar
|
|
34
41
|
[static_matic_wiki]: http://wiki.github.com/chriseppstein/compass/staticmatic-integration
|
35
42
|
[chris_eppstein]: http://acts-as-architect.blogspot.com
|
36
43
|
[caring.com]: http://www.caring.com/ "Senior Care Resources"
|
44
|
+
[license]: http://github.com/chriseppstein/compass/tree/master/LICENSE.markdown
|
data/REVISION
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
0eed2843a688c42cf41d1a2e6de80d781b5781ff
|
data/Rakefile
ADDED
@@ -0,0 +1,126 @@
|
|
1
|
+
if ENV['RUN_CODE_RUN']
|
2
|
+
# We need to checkout edge haml for the run>code>run test environment.
|
3
|
+
if File.directory?("haml")
|
4
|
+
Dir.chdir("haml") do
|
5
|
+
sh "git", "pull"
|
6
|
+
end
|
7
|
+
else
|
8
|
+
sh "git", "clone", "git://github.com/nex3/haml.git"
|
9
|
+
end
|
10
|
+
$LOAD_PATH.unshift "haml/lib"
|
11
|
+
end
|
12
|
+
|
13
|
+
require 'rubygems'
|
14
|
+
require 'rake'
|
15
|
+
require 'lib/compass'
|
16
|
+
|
17
|
+
# ----- Default: Testing ------
|
18
|
+
|
19
|
+
task :default => :run_tests
|
20
|
+
|
21
|
+
require 'rake/testtask'
|
22
|
+
require 'fileutils'
|
23
|
+
|
24
|
+
Rake::TestTask.new :run_tests do |t|
|
25
|
+
t.libs << 'lib'
|
26
|
+
t.libs << 'haml/lib' if ENV["RUN_CODE_RUN"]
|
27
|
+
test_files = FileList['test/**/*_test.rb']
|
28
|
+
test_files.exclude('test/rails/*', 'test/haml/*')
|
29
|
+
t.test_files = test_files
|
30
|
+
t.verbose = true
|
31
|
+
end
|
32
|
+
Rake::Task[:test].send(:add_comment, <<END)
|
33
|
+
To run with an alternate version of Rails, make test/rails a symlink to that version.
|
34
|
+
To run with an alternate version of Haml & Sass, make test/haml a symlink to that version.
|
35
|
+
END
|
36
|
+
|
37
|
+
begin
|
38
|
+
require 'jeweler'
|
39
|
+
Jeweler::Tasks.new do |gemspec|
|
40
|
+
gemspec.rubyforge_project = "compass"
|
41
|
+
gemspec.name = "compass"
|
42
|
+
gemspec.summary = "A Real Stylesheet Framework"
|
43
|
+
gemspec.email = "chris@eppsteins.net"
|
44
|
+
gemspec.homepage = "http://compass-style.org"
|
45
|
+
gemspec.description = "Compass is a Sass-based Stylesheet Framework that streamlines the creation and maintainance of CSS."
|
46
|
+
gemspec.authors = ["Chris Eppstein"]
|
47
|
+
gemspec.has_rdoc = false
|
48
|
+
gemspec.add_dependency('haml-edge', '>= 2.1.12')
|
49
|
+
gemspec.files = []
|
50
|
+
gemspec.files << "CHANGELOG.markdown"
|
51
|
+
gemspec.files << "README.markdown"
|
52
|
+
gemspec.files << "LICENSE.markdown"
|
53
|
+
gemspec.files << "REVISION"
|
54
|
+
gemspec.files << "VERSION.yml"
|
55
|
+
gemspec.files << "Rakefile"
|
56
|
+
gemspec.files << "deps.rip"
|
57
|
+
gemspec.files += Dir.glob("bin/*")
|
58
|
+
gemspec.files += Dir.glob("examples/**/*.*")
|
59
|
+
gemspec.files -= Dir.glob("examples/**/*.css")
|
60
|
+
gemspec.files -= Dir.glob("examples/**/*.html")
|
61
|
+
gemspec.files += Dir.glob("frameworks/**/*.*")
|
62
|
+
gemspec.files += Dir.glob("lib/**/*")
|
63
|
+
gemspec.files += Dir.glob("test/**/*.*")
|
64
|
+
gemspec.files -= Dir.glob("test/fixtures/stylesheets/*/saved/**/*.*")
|
65
|
+
gemspec.test_files = Dir.glob("test/**/*.*")
|
66
|
+
gemspec.test_files -= Dir.glob("test/fixtures/stylesheets/*/saved/**/*.*")
|
67
|
+
end
|
68
|
+
rescue LoadError
|
69
|
+
puts "Jeweler not available. Install it with: sudo gem install technicalpickles-jeweler -s http://gems.github.com"
|
70
|
+
end
|
71
|
+
|
72
|
+
desc "Record the current git revision."
|
73
|
+
task :REVISION do
|
74
|
+
require 'git'
|
75
|
+
|
76
|
+
repo = Git.open('.')
|
77
|
+
open("REVISION", "w") do |f|
|
78
|
+
f.write(repo.object("HEAD").sha)
|
79
|
+
end
|
80
|
+
end
|
81
|
+
|
82
|
+
desc "Commit the revision file."
|
83
|
+
task :commit_revision => :REVISION do
|
84
|
+
require 'git'
|
85
|
+
repo = Git.open('.')
|
86
|
+
repo.add("REVISION")
|
87
|
+
repo.commit("Record current revision for release.")
|
88
|
+
end
|
89
|
+
|
90
|
+
task :release => :commit_revision
|
91
|
+
|
92
|
+
desc "Compile Examples into HTML and CSS"
|
93
|
+
task :examples do
|
94
|
+
linked_haml = "tests/haml"
|
95
|
+
if File.exists?(linked_haml) && !$:.include?(linked_haml + '/lib')
|
96
|
+
puts "[ using linked Haml ]"
|
97
|
+
$:.unshift linked_haml + '/lib'
|
98
|
+
end
|
99
|
+
require 'haml'
|
100
|
+
require 'sass'
|
101
|
+
require 'pathname'
|
102
|
+
require 'lib/compass'
|
103
|
+
require 'lib/compass/exec'
|
104
|
+
FileList['examples/*'].each do |example|
|
105
|
+
puts "\nCompiling #{example}"
|
106
|
+
puts "=" * "Compiling #{example}".length
|
107
|
+
# compile any haml templates to html
|
108
|
+
FileList["#{example}/**/*.haml"].each do |haml_file|
|
109
|
+
basename = haml_file[0..-6]
|
110
|
+
engine = Haml::Engine.new(open(haml_file).read, :filename => haml_file)
|
111
|
+
puts " haml #{File.basename(basename)}"
|
112
|
+
output = open(basename,'w')
|
113
|
+
output.write(engine.render)
|
114
|
+
output.close
|
115
|
+
end
|
116
|
+
Dir.chdir example do
|
117
|
+
Compass::Exec::Compass.new(["--force"]).run!
|
118
|
+
end
|
119
|
+
end
|
120
|
+
end
|
121
|
+
|
122
|
+
namespace :git do
|
123
|
+
task :clean do
|
124
|
+
sh "git", "clean", "-fdx"
|
125
|
+
end
|
126
|
+
end
|
data/VERSION.yml
CHANGED
data/deps.rip
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
git://github.com/nex3/haml.git master
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -53,7 +53,7 @@ body#sample
|
|
53
53
|
:margin-top 0
|
54
54
|
:padding-top 0
|
55
55
|
em.caps
|
56
|
-
+reset
|
56
|
+
+reset-font
|
57
57
|
+caps
|
58
58
|
#nested-1
|
59
59
|
+column(7)
|
@@ -64,7 +64,7 @@ body#sample
|
|
64
64
|
+column(7, true)
|
65
65
|
h3
|
66
66
|
em
|
67
|
-
+reset
|
67
|
+
+reset-font
|
68
68
|
+alt
|
69
69
|
#parting-thought
|
70
70
|
+alt
|
@@ -10,7 +10,7 @@ body.blueprint
|
|
10
10
|
.container
|
11
11
|
+container
|
12
12
|
.showgrid
|
13
|
-
|
13
|
+
:background= inline_image("grid.png")
|
14
14
|
hr
|
15
15
|
+colruler
|
16
16
|
hr.space
|
@@ -54,7 +54,7 @@ body#sample
|
|
54
54
|
:margin-top 0
|
55
55
|
:padding-top 0
|
56
56
|
em.caps
|
57
|
-
+reset
|
57
|
+
+reset-font
|
58
58
|
+caps
|
59
59
|
#nested-1
|
60
60
|
+column(7)
|
@@ -65,7 +65,7 @@ body#sample
|
|
65
65
|
+column(7, true)
|
66
66
|
h3
|
67
67
|
em
|
68
|
-
+reset
|
68
|
+
+reset-font
|
69
69
|
+alt
|
70
70
|
#parting-thought
|
71
71
|
+alt
|
Binary file
|
@@ -36,6 +36,17 @@
|
|
36
36
|
p code
|
37
37
|
:*white-space normal
|
38
38
|
|
39
|
+
// Fixes for Blueprint "inline" forms in IE
|
40
|
+
=blueprint-inline-form-ie
|
41
|
+
div, p
|
42
|
+
:vertical-align middle
|
43
|
+
label
|
44
|
+
:position relative
|
45
|
+
:top -0.25em
|
46
|
+
input
|
47
|
+
&.checkbox, &.radio, &.button, button
|
48
|
+
:margin 0.5em 0
|
49
|
+
|
39
50
|
=blueprint-ie-defaults
|
40
51
|
.container
|
41
52
|
:text-align left
|
@@ -47,5 +58,36 @@
|
|
47
58
|
:vertical-align text-bottom
|
48
59
|
hr
|
49
60
|
:margin -8px auto 11px
|
61
|
+
img
|
62
|
+
:-ms-interpolation-mode bicubic
|
50
63
|
fieldset
|
51
64
|
:padding-top 0
|
65
|
+
input
|
66
|
+
&.text
|
67
|
+
:margin 0.5em 0
|
68
|
+
:background-color #fff
|
69
|
+
:border 1px solid #bbb
|
70
|
+
&:focus
|
71
|
+
:border 1px solid #666
|
72
|
+
&.title
|
73
|
+
:margin 0.5em 0
|
74
|
+
:background-color #fff
|
75
|
+
:border 1px solid #bbb
|
76
|
+
&:focus
|
77
|
+
:border 1px solid #666
|
78
|
+
&.checkbox
|
79
|
+
:position relative
|
80
|
+
:top 0.25em
|
81
|
+
&.radio
|
82
|
+
:position relative
|
83
|
+
:top 0.25em
|
84
|
+
&.button
|
85
|
+
:position relative
|
86
|
+
:top 0.25em
|
87
|
+
textarea
|
88
|
+
:margin 0.5em 0
|
89
|
+
select
|
90
|
+
:margin 0.5em 0
|
91
|
+
button
|
92
|
+
:position relative
|
93
|
+
:top 0.25em
|
@@ -1,7 +1,8 @@
|
|
1
|
-
|
1
|
+
@import typography.sass
|
2
|
+
|
3
|
+
//
|
2
4
|
To install the fancy type plugin:
|
3
|
-
1. import the fancy_type module:
|
4
|
-
@import blueprint/modules/fancy_type
|
5
|
+
1. import the fancy_type module: @import blueprint/modules/fancy_type
|
5
6
|
2. mixin +fancy-type to your project's body or at the top level of your stylesheet:
|
6
7
|
body
|
7
8
|
+fancy-type
|
@@ -15,7 +16,7 @@
|
|
15
16
|
.alt
|
16
17
|
+alt
|
17
18
|
|
18
|
-
|
19
|
+
// Indentation instead of line shifts for sibling paragraphs. Mixin to a style like p + p
|
19
20
|
=sibling-indentation
|
20
21
|
:text-indent 2em
|
21
22
|
:margin-top -1.5em
|
@@ -23,7 +24,7 @@
|
|
23
24
|
form &
|
24
25
|
:text-indent 0
|
25
26
|
|
26
|
-
|
27
|
+
//
|
27
28
|
For great looking type, use this code instead of asdf:
|
28
29
|
<span class="alt">asdf</span>
|
29
30
|
Best used on prepositions and ampersands.
|
@@ -34,7 +35,7 @@
|
|
34
35
|
:font-style italic
|
35
36
|
:font-weight normal
|
36
37
|
|
37
|
-
|
38
|
+
//
|
38
39
|
For great looking quote marks in titles, replace "asdf" with:
|
39
40
|
<span class="dquo">“</span>asdf”
|
40
41
|
(That is, when the title starts with a quote mark).
|
@@ -42,7 +43,7 @@
|
|
42
43
|
=dquo(!offset = 0.5em)
|
43
44
|
:margin-left -!offset
|
44
45
|
|
45
|
-
|
46
|
+
//
|
46
47
|
Reduced size type with incremental leading
|
47
48
|
(http://www.markboulton.co.uk/journal/comments/incremental_leading/)
|
48
49
|
|
@@ -56,12 +57,12 @@
|
|
56
57
|
font_size - The desired font size in pixels. This will be converted to ems for you. Defaults to 10px.
|
57
58
|
base_font_size - The base font size in pixels. Defaults to 12px
|
58
59
|
old_line_height - The old line height. Defaults to 1.5 times the base_font_size
|
59
|
-
=incr(!font_size = 10px, !base_font_size =
|
60
|
+
=incr(!font_size = 10px, !base_font_size = !blueprint_font_size, !old_line_height = !base_font_size * 1.5)
|
60
61
|
:font-size= 1em * !font_size / !base_font_size
|
61
62
|
:line-height= 1em * !old_line_height / !font_size * 4 / 5
|
62
63
|
:margin-bottom 1.5em
|
63
64
|
|
64
|
-
|
65
|
+
//
|
65
66
|
Surround uppercase words and abbreviations with this class.
|
66
67
|
Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/]
|
67
68
|
=caps
|
@@ -1,43 +1,55 @@
|
|
1
1
|
@import colors.sass
|
2
2
|
|
3
|
+
// Mixin for producing Blueprint "inline" forms. Should be used with the blueprint-form mixin.
|
4
|
+
=blueprint-inline-form
|
5
|
+
:line-height 3
|
6
|
+
p
|
7
|
+
:margin-bottom 0
|
8
|
+
|
3
9
|
=blueprint-form
|
10
|
+
+blueprint-form-layout
|
11
|
+
+blueprint-form-borders
|
12
|
+
+blueprint-form-sizes
|
13
|
+
|
14
|
+
=blueprint-form-layout
|
4
15
|
label
|
5
16
|
:font-weight bold
|
6
17
|
fieldset
|
7
18
|
:padding 1.4em
|
8
19
|
:margin 0 0 1.5em 0
|
9
|
-
:border 1px solid #ccc
|
10
20
|
legend
|
11
21
|
:font-weight bold
|
12
22
|
:font-size 1.2em
|
13
23
|
input
|
14
|
-
&.text
|
24
|
+
&.text, &.title, &[type=text]
|
15
25
|
:margin 0.5em 0
|
16
|
-
:
|
17
|
-
:width 300px
|
26
|
+
:background-color #fff
|
18
27
|
:padding 5px
|
19
|
-
|
20
|
-
:border 1px solid #666
|
21
|
-
&.title
|
28
|
+
&.title
|
22
29
|
:font-size 1.5em
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
:padding 5px
|
28
|
-
&:focus
|
29
|
-
:border 1px solid #666
|
30
|
+
&[type=checkbox], &.checkbox,
|
31
|
+
&[type=radio], &.radio
|
32
|
+
:position relative
|
33
|
+
:top 0.25em
|
30
34
|
textarea
|
31
35
|
:margin 0.5em 0
|
32
|
-
:
|
33
|
-
&:focus
|
34
|
-
:border 1px solid #666
|
36
|
+
:padding 5px
|
35
37
|
select
|
36
38
|
:margin 0.5em 0
|
37
|
-
|
38
|
-
|
39
|
-
|
39
|
+
|
40
|
+
=blueprint-form-sizes(!input_width = 300px, !textarea_width = 390px, !textarea_height = 250px)
|
41
|
+
input.text, input.title
|
42
|
+
:width= !input_width
|
40
43
|
textarea
|
41
|
-
:width
|
42
|
-
:height
|
43
|
-
|
44
|
+
:width= !textarea_width
|
45
|
+
:height= !textarea_height
|
46
|
+
|
47
|
+
=blueprint-form-borders(!unfocused_border_color = #bbb, !focus_border_color = #666, !fieldset_border_color = #ccc)
|
48
|
+
fieldset
|
49
|
+
:border= 1px "solid" !fieldset_border_color
|
50
|
+
input.text, input.title,
|
51
|
+
textarea,
|
52
|
+
select
|
53
|
+
:border= 1px "solid" !unfocused_border_color
|
54
|
+
&:focus
|
55
|
+
:border= 1px "solid" !focus_border_color
|
@@ -139,16 +139,16 @@
|
|
139
139
|
+push-margins(!n)
|
140
140
|
|
141
141
|
// Border on right hand side of a column.
|
142
|
-
=border
|
143
|
-
:padding-right = !blueprint_grid_margin / 2 -
|
142
|
+
=border(!border_color = #eee, !border_width = 1px)
|
143
|
+
:padding-right = !blueprint_grid_margin / 2 - !border_width
|
144
144
|
:margin-right = !blueprint_grid_margin / 2
|
145
|
-
:border-right
|
145
|
+
:border-right #{!border_width} solid #{!border_color}
|
146
146
|
|
147
147
|
// Border with more whitespace, spans one column.
|
148
|
-
=colborder
|
149
|
-
:padding-right= !blueprint_grid_width -
|
150
|
-
:margin-right= !blueprint_grid_width -
|
151
|
-
:border-right
|
148
|
+
=colborder(!border_color = #eee, !border_width = 1px)
|
149
|
+
:padding-right= floor((!blueprint_grid_width - 2 * !blueprint_grid_margin - !border_width)/2)
|
150
|
+
:margin-right= ceil((!blueprint_grid_width - 2 * !blueprint_grid_margin - !border_width)/2)
|
151
|
+
:border-right #{!border_width} solid #{!border_color}
|
152
152
|
|
153
153
|
// Mixin this to an hr to make a horizontal ruler across a column.
|
154
154
|
=colruler
|