--validate+ Validate your project's compiled css. Requires java and probably only works on Mac and Unix. +2.
--grid-img [DIMENSIONS]+ Generate a background image to test grid alignment. Dimension is given as +
-p, --pattern PATTERN+ When combined with with the --framework option, will stamp a plugin's pattern named PATTERN. +4.
-n, --pattern-name NAME+ When combined with the --pattern option, the pattern that gets stamped out will + be isolated in subdirectories named NAME. +5.
-c, --write-configuration+ Emit a compass configuration file into the current directory, taking any existing configuration + file and any command line options provided into account. (command line options override + configuration file options). + +### New Sass Functions: + +Compass projects can call these sass functions within their sass files, if you find them useful. + +1.
enumerate(prefix, start, end)+ Generates selectors with a prefix and a numerical ending + counting from start to end. E.g. enumerate("foo", 1, 3) returns "foo-1, foo-2, foo-3" +2.
image_url(path)+ Uses the compass configuration to convert a path relative to the compass + project directory to a path that is either absolute for serving in an HTTP + context or that is relative to whatever css file the function was being + compiled into. In the future, this function may also tap into the rails + asset host configuration. + +### New Compass Core Mixins + +1.
+float-left & +float-right+ In order to include fixes for IE's double-margin bug universally, + floats were implemented as a utility mixins. These are available by importing + compass/utilities/general/float.sass which also imports the clearfix module. +2.
+pie-clearfix+ Implementation of the + [position-is-everything clearfix](http://www.positioniseverything.net/easyclearing.html) + that uses content :after. + +### Blueprint 0.8 + +The Compass port of Blueprint has been upgraded from 0.7.1 to 0.8.0. The 0.8.0 release +brings many bug fixes and a few backward incompatible changes if you use it's presentational +classnames (you don't do that, do you?). Upgrading to 0.8 is automatic when you upgrade to +compass 0.6.0. The Blueprint team didn't release a detailed changelog for me to point at here. +One of the key features of the release was the inclusion of three new core blueprint plugins +(a.k.a. folders you can copy). These are what prompted the development of the compass patterns +feature and two of them are packaged as patterns: + +1. Buttons
+ To install:
compass --framework blueprint --pattern buttons+ Then follow your nose. +2. Link Icons
+ To install:
compass --framework blueprint --pattern link\_icons+ Then follow your nose. + +The third plugin is the RTL (right-to-left) plugin. To use this one, simply import it after the import +of the blueprint grid and your mixins will be redefined to work in a left to right manner. Additionally, +it provides +rtl-typography mixin that works in conjunction with +blueprint-typography and should be mixed +in with it. + +Lastly, I've rewrote some of the presentational class name generation code so that it very nearly +matches the blueprint CSS. Please note that they are not 100% the same because we fix some bugs +that are not yet fixed in blueprint-css and we use a different clearfix implementation. + +### Bug Fixes + +1. A Safari bug related to the +clearfix mixin was resolved. +2. Running the compass command line installer a second time. + +### Bugs Introduced + +Almost definitely. Please let me know if you encounter any problems and I'll get a patch out diff --git a/vendor/gems/chriseppstein-compass-0.6.6/Manifest b/vendor/gems/chriseppstein-compass-0.6.6/Manifest new file mode 100644 index 0000000..9fb71b5 --- /dev/null +++ b/vendor/gems/chriseppstein-compass-0.6.6/Manifest @@ -0,0 +1,232 @@ +bin/compass +CHANGELOG.markdown +compass.gemspec +examples/blueprint_default/config.rb +examples/blueprint_default/images/grid.png +examples/blueprint_default/index.html +examples/blueprint_default/parts/elements.html +examples/blueprint_default/parts/forms.html +examples/blueprint_default/parts/grid.html +examples/blueprint_default/parts/test-small.jpg +examples/blueprint_default/parts/test.jpg +examples/blueprint_default/parts/valid.png +examples/blueprint_default/src/ie.sass +examples/blueprint_default/src/print.sass +examples/blueprint_default/src/screen.sass +examples/blueprint_plugins/config.rb +examples/blueprint_plugins/images/buttons/cross.png +examples/blueprint_plugins/images/buttons/key.png +examples/blueprint_plugins/images/buttons/tick.png +examples/blueprint_plugins/images/grid.png +examples/blueprint_plugins/images/link_icons/doc.png +examples/blueprint_plugins/images/link_icons/email.png +examples/blueprint_plugins/images/link_icons/external.png +examples/blueprint_plugins/images/link_icons/feed.png +examples/blueprint_plugins/images/link_icons/im.png +examples/blueprint_plugins/images/link_icons/pdf.png +examples/blueprint_plugins/images/link_icons/visited.png +examples/blueprint_plugins/images/link_icons/xls.png +examples/blueprint_plugins/images/test-small.jpg +examples/blueprint_plugins/images/test.jpg +examples/blueprint_plugins/images/valid.png +examples/blueprint_plugins/index.html +examples/blueprint_plugins/plugins/buttons.html +examples/blueprint_plugins/plugins/fancy_type.html +examples/blueprint_plugins/plugins/link_icons.html +examples/blueprint_plugins/plugins/rtl.html +examples/blueprint_plugins/src/buttons.sass +examples/blueprint_plugins/src/ie.sass +examples/blueprint_plugins/src/link_icons.sass +examples/blueprint_plugins/src/print.sass +examples/blueprint_plugins/src/rtl_screen.sass +examples/blueprint_plugins/src/screen.sass +examples/blueprint_scoped/src/ie.sass +examples/blueprint_scoped/src/print.sass +examples/blueprint_scoped/src/screen.sass +examples/blueprint_scoped_form/src/ie.sass +examples/blueprint_scoped_form/src/print.sass +examples/blueprint_scoped_form/src/screen.sass +examples/blueprint_semantic/config.rb +examples/blueprint_semantic/images/grid.png +examples/blueprint_semantic/index.html +examples/blueprint_semantic/parts/fancy_type.html +examples/blueprint_semantic/parts/liquid.html +examples/blueprint_semantic/parts/test-small.jpg +examples/blueprint_semantic/parts/test.jpg +examples/blueprint_semantic/parts/valid.png +examples/blueprint_semantic/src/ie.sass +examples/blueprint_semantic/src/liquid.sass +examples/blueprint_semantic/src/print.sass +examples/blueprint_semantic/src/screen.sass +examples/compass/compass.html +examples/compass/config.rb +examples/compass/images/blue_arrow.gif +examples/compass/src/compass.sass +examples/compass/src/sticky_footer.sass +examples/compass/src/utilities.sass +examples/compass/sticky_footer.html.haml +examples/compass/utilities.html.haml +examples/logo/logo.html +examples/logo/src/ie.sass +examples/logo/src/print.sass +examples/logo/src/screen.sass +examples/yui/divisions.html.haml +examples/yui/index.html.haml +examples/yui/src/screen.sass +examples/yui/sub_divisions.html.haml +examples/yui/templates.html.haml +examples/yui/test.jpg +examples/yui/typography.html.haml +frameworks/blueprint/stylesheets/_blueprint.sass +frameworks/blueprint/stylesheets/blueprint/_ie.sass +frameworks/blueprint/stylesheets/blueprint/_print.sass +frameworks/blueprint/stylesheets/blueprint/_screen.sass +frameworks/blueprint/stylesheets/blueprint/modules/_buttons.sass +frameworks/blueprint/stylesheets/blueprint/modules/_colors.sass +frameworks/blueprint/stylesheets/blueprint/modules/_debug.sass +frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass +frameworks/blueprint/stylesheets/blueprint/modules/_form.sass +frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass +frameworks/blueprint/stylesheets/blueprint/modules/_interaction.sass +frameworks/blueprint/stylesheets/blueprint/modules/_link_icons.sass +frameworks/blueprint/stylesheets/blueprint/modules/_liquid.sass +frameworks/blueprint/stylesheets/blueprint/modules/_rtl.sass +frameworks/blueprint/stylesheets/blueprint/modules/_scaffolding.sass +frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass +frameworks/blueprint/stylesheets/blueprint/modules/_utilities.sass +frameworks/blueprint/templates/buttons/buttons/cross.png +frameworks/blueprint/templates/buttons/buttons/key.png +frameworks/blueprint/templates/buttons/buttons/tick.png +frameworks/blueprint/templates/buttons/buttons.sass +frameworks/blueprint/templates/buttons/manifest.rb +frameworks/blueprint/templates/link_icons/link_icons/doc.png +frameworks/blueprint/templates/link_icons/link_icons/email.png +frameworks/blueprint/templates/link_icons/link_icons/external.png +frameworks/blueprint/templates/link_icons/link_icons/feed.png +frameworks/blueprint/templates/link_icons/link_icons/im.png +frameworks/blueprint/templates/link_icons/link_icons/pdf.png +frameworks/blueprint/templates/link_icons/link_icons/visited.png +frameworks/blueprint/templates/link_icons/link_icons/xls.png +frameworks/blueprint/templates/link_icons/link_icons.sass +frameworks/blueprint/templates/link_icons/manifest.rb +frameworks/blueprint/templates/project/grid.png +frameworks/blueprint/templates/project/ie.sass +frameworks/blueprint/templates/project/manifest.rb +frameworks/blueprint/templates/project/print.sass +frameworks/blueprint/templates/project/screen.sass +frameworks/blueprint.rb +frameworks/compass/stylesheets/_compass.sass +frameworks/compass/stylesheets/compass/_layout.sass +frameworks/compass/stylesheets/compass/_misc.sass +frameworks/compass/stylesheets/compass/_reset.sass +frameworks/compass/stylesheets/compass/_utilities.sass +frameworks/compass/stylesheets/compass/layout/_sticky_footer.sass +frameworks/compass/stylesheets/compass/utilities/_general.sass +frameworks/compass/stylesheets/compass/utilities/_links.sass +frameworks/compass/stylesheets/compass/utilities/_lists.sass +frameworks/compass/stylesheets/compass/utilities/_print.sass +frameworks/compass/stylesheets/compass/utilities/_tables.sass +frameworks/compass/stylesheets/compass/utilities/_text.sass +frameworks/compass/stylesheets/compass/utilities/general/_clearfix.sass +frameworks/compass/stylesheets/compass/utilities/general/_float.sass +frameworks/compass/stylesheets/compass/utilities/general/_hacks.sass +frameworks/compass/stylesheets/compass/utilities/general/_inline_block.sass +frameworks/compass/stylesheets/compass/utilities/general/_reset.sass +frameworks/compass/stylesheets/compass/utilities/general/_tabs.sass +frameworks/compass/stylesheets/compass/utilities/general/_tag_cloud.sass +frameworks/compass/stylesheets/compass/utilities/links/_hover_link.sass +frameworks/compass/stylesheets/compass/utilities/links/_link_colors.sass +frameworks/compass/stylesheets/compass/utilities/links/_unstyled_link.sass +frameworks/compass/stylesheets/compass/utilities/lists/_bullets.sass +frameworks/compass/stylesheets/compass/utilities/lists/_horizontal_list.sass +frameworks/compass/stylesheets/compass/utilities/lists/_inline_list.sass +frameworks/compass/stylesheets/compass/utilities/tables/_alternating_rows_and_columns.sass +frameworks/compass/stylesheets/compass/utilities/tables/_borders.sass +frameworks/compass/stylesheets/compass/utilities/tables/_scaffolding.sass +frameworks/compass/stylesheets/compass/utilities/text/_nowrap.sass +frameworks/compass/stylesheets/compass/utilities/text/_replacement.sass +frameworks/compass/templates/project/ie.sass +frameworks/compass/templates/project/manifest.rb +frameworks/compass/templates/project/print.sass +frameworks/compass/templates/project/screen.sass +frameworks/compass.rb +frameworks/yui/COPYRIGHT +frameworks/yui/stylesheets/_yui.sass +frameworks/yui/stylesheets/yui/modules/_base.sass +frameworks/yui/stylesheets/yui/modules/_fonts.sass +frameworks/yui/stylesheets/yui/modules/_grids.sass +frameworks/yui/stylesheets/yui/modules/_reset.sass +frameworks/yui/templates/project/manifest.rb +frameworks/yui/templates/project/screen.sass +frameworks/yui.rb +lib/compass/actions.rb +lib/compass/commands/base.rb +lib/compass/commands/create_project.rb +lib/compass/commands/generate_grid_background.rb +lib/compass/commands/installer_command.rb +lib/compass/commands/list_frameworks.rb +lib/compass/commands/print_version.rb +lib/compass/commands/project_base.rb +lib/compass/commands/stamp_pattern.rb +lib/compass/commands/update_project.rb +lib/compass/commands/validate_project.rb +lib/compass/commands/watch_project.rb +lib/compass/commands/write_configuration.rb +lib/compass/compiler.rb +lib/compass/configuration.rb +lib/compass/core_ext.rb +lib/compass/dependencies.rb +lib/compass/errors.rb +lib/compass/exec.rb +lib/compass/frameworks.rb +lib/compass/grid_builder.rb +lib/compass/installers/base.rb +lib/compass/installers/manifest.rb +lib/compass/installers/rails.rb +lib/compass/installers/stand_alone.rb +lib/compass/installers.rb +lib/compass/logger.rb +lib/compass/merb.rb +lib/compass/test_case.rb +lib/compass/validate/COPYRIGHT.html +lib/compass/validate/css-validator-javadoc.jar +lib/compass/validate/css-validator.jar +lib/compass/validate/jigsaw.jar +lib/compass/validate/JIGSAW_COPYRIGHT +lib/compass/validate/README.html +lib/compass/validate/xerces.jar +lib/compass/validate/XERCES_COPYING.txt +lib/compass/validator.rb +lib/compass/version.rb +lib/compass.rb +lib/sass_extensions.rb +Manifest +Rakefile +README.markdown +test/command_line_test.rb +test/compass_test.rb +test/configuration_test.rb +test/fixtures/stylesheets/blueprint/config.rb +test/fixtures/stylesheets/blueprint/css/typography.css +test/fixtures/stylesheets/blueprint/sass/ie.sass +test/fixtures/stylesheets/blueprint/sass/print.sass +test/fixtures/stylesheets/blueprint/sass/screen.sass +test/fixtures/stylesheets/blueprint/sass/typography.sass +test/fixtures/stylesheets/compass/config.rb +test/fixtures/stylesheets/compass/css/layout.css +test/fixtures/stylesheets/compass/css/print.css +test/fixtures/stylesheets/compass/css/reset.css +test/fixtures/stylesheets/compass/css/utilities.css +test/fixtures/stylesheets/compass/sass/layout.sass +test/fixtures/stylesheets/compass/sass/print.sass +test/fixtures/stylesheets/compass/sass/reset.sass +test/fixtures/stylesheets/compass/sass/utilities.sass +test/fixtures/stylesheets/yui/config.rb +test/fixtures/stylesheets/yui/css/mixins.css +test/fixtures/stylesheets/yui/sass/base.sass +test/fixtures/stylesheets/yui/sass/fonts.sass +test/fixtures/stylesheets/yui/sass/grids.sass +test/fixtures/stylesheets/yui/sass/mixins.sass +test/sass_extensions_test.rb +test/test_helper.rb +VERSION diff --git a/vendor/gems/chriseppstein-compass-0.6.6/README.markdown b/vendor/gems/chriseppstein-compass-0.6.6/README.markdown new file mode 100644 index 0000000..dd3c704 --- /dev/null +++ b/vendor/gems/chriseppstein-compass-0.6.6/README.markdown @@ -0,0 +1,36 @@ +# Compass +A [Sass][sass]-based CSS Meta-Framework that allows you to mix and match any of the following CSS frameworks: + +- [Compass Core][compass_core_website] - [Wiki Documentation][compass_core_wiki] +- [Blueprint][blueprint_website] - [Wiki Documentation][bleuprint_wiki] +- [YUI][yui_website] - [Wiki Documentation][yui_wiki] +- [960][ninesixty_website] - [Wiki Documentation][ninesixty_wiki] +- Other frameworks can be added relatively easily. Port your own! + +## Compass Provides +1. A [command line tool][command_line_wiki] for managing your Sass projects. +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]. +3. Loads of Sass mixins to make building your website a snap. + +## More Information +Please see the [wiki][wiki] + +## Author +Compass is written by [Chris Eppstein][chris_eppstein]. Chris is the Software Architect of [Caring.com][caring.com] and a member of the [Sass][sass] core team. + +[sass]: http://haml.hamptoncatlin.com/docs/rdoc/classes/Sass.html "Syntactically Awesome StyleSheets" +[compass_core_website]: http://github.com/chriseppstein/compass/tree/master/frameworks/compass +[compass_core_wiki]: http://github.com/chriseppstein/compass/wikis/compass-core-documentation +[blueprint_website]: http://blueprintcss.org/ +[bleuprint_wiki]: http://github.com/chriseppstein/compass/wikis/blueprint-documentation +[yui_website]: http://developer.yahoo.com/yui/grids/ +[yui_wiki]: http://github.com/chriseppstein/compass/wikis/yui-documentation +[ninesixty_website]: http://960.gs/ +[ninesixty_wiki]: http://github.com/chriseppstein/compass/wikis/960gs-documentation +[command_line_wiki]: http://wiki.github.com/chriseppstein/compass/command-line-tool +[wiki]: http://github.com/chriseppstein/compass/wikis/home +[ruby_on_rails_wiki]: http://wiki.github.com/chriseppstein/compass/ruby-on-rails-integration +[merb_wiki]: http://wiki.github.com/chriseppstein/compass/merb-integration +[static_matic_wiki]: http://wiki.github.com/chriseppstein/compass/staticmatic-integration +[chris_eppstein]: http://acts-as-architect.blogspot.com +[caring.com]: http://www.caring.com/ "Senior Care Resources" diff --git a/vendor/gems/chriseppstein-compass-0.6.6/Rakefile b/vendor/gems/chriseppstein-compass-0.6.6/Rakefile new file mode 100644 index 0000000..fce387e --- /dev/null +++ b/vendor/gems/chriseppstein-compass-0.6.6/Rakefile @@ -0,0 +1,98 @@ +if ENV['RUN_CODE_RUN'] + # We need to checkout edge haml for the run>code>run test environment. + if File.directory?("haml") + Dir.chdir("haml") do + sh "git", "pull" + end + else + sh "git", "clone", "git://github.com/nex3/haml.git" + end + $LOAD_PATH.unshift "haml/lib" +end + +require 'rubygems' +require 'rake' +require 'lib/compass' + +# ----- Default: Testing ------ + +task :default => :run_tests + +require 'rake/testtask' +require 'fileutils' + +Rake::TestTask.new :run_tests do |t| + t.libs << 'lib' + t.libs << 'haml/lib' if ENV["RUN_CODE_RUN"] + test_files = FileList['test/**/*_test.rb'] + test_files.exclude('test/rails/*', 'test/haml/*') + t.test_files = test_files + t.verbose = true +end +Rake::Task[:test].send(:add_comment, <
Blueprint test pages
++ +
Welcome to the Blueprint test pages. The HTML files below tests most HTML elements, and especially classes provided + by Blueprint.
+ +| Test page | +Main files tested | +Description | +
|---|---|---|
| Grid | ++ grid.sass + | +Tests classes provided by the grid module. | +
| Typography | ++ typography.sass + | +Tests HTML elements which gets set in the typography module. | +
| Forms | ++ form.sass + | +Tests classes and default look provided by the form module. | +
Note about the css files:
+ These test files utilize the css files that are generated from
+ Sass templates.
+ In other words, if you change any of the source files,
+ you'll have to re-build them with rake examples to see any changes.
For more information and help, try these resources:
+ +
Tests for common HTML elements
++ +
PARAGRAPHS & BOXES
+ +Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor sub text ut labore et sup text magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+Aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+++ +Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
+ +
LISTS
+ +-
+
- Unordered list test +
- Another list element. Lorem ipsum dolor sit amet, consectetur adipisicing elit. +
- Yet another element in the list +
- Some long text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. +
-
+
- Ordered list test +
- Another list element +
- Yet another element in the list +
-
+
- Ordered list +
- Here's a nested unordered list
+
-
+
- Nested Unordered list +
- Nested ordered list
+
-
+
- The first +
- And the second +
+
+ - Ordered List item +
- Nested Ordered list
+
-
+
- Some point +
- Nested Unordered list
+
-
+
- The first +
- And the second +
+
+
-
+
- definition list dt +
- definition list dd +
- definition list dt +
- definition list dd +
- Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit +
- Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit +
- Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit +
- Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit +
+ +
HEADINGS
+ +H1: Lorem ipsum dolor sit amet
+H2: Lorem ipsum dolor sit amet, consectetur elit
+H3: Lorem ipsum dolor sit amet, consectetur adipisicing elit
+H4: Lorem ipsum dolor sit amet, consectetur adipisicing elit adipis
+H5: Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit
+H6: Lorem ipsum dolor sit amet, consectetur adipisicing elit adipisicing elit adipisicing elit
+Heading 1
+
Heading 2
+
Heading 3
+
Heading 4
+
Heading 5
+
Heading 6
+Heading 1
+Heading 2
+Heading 3
+Heading 4
+Heading 5
+Heading 6
++ +
MISC ELEMENTS
+ +
+ <strong>
+ <del> deleted
+ <dfn> dfn
+ <em> emphasis
+
+ <a> anchor
+ <a> a + href
+
+ <abbr> abbr - extended text when mouseover.
+ <acronym> acronym - extended text when mouseover.
+
+ Donald Duck
+ Box 555
+ Disneyland + +
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore dolore.
+| Table Header One | +Table Header Two | +
|---|---|
| TD One | +TD Two | +
| TD colspan 2 | +|
| Table Header One | +Table Header Two | +
|---|---|
| tfoot footer | +|
| TD One | +TD Two | +
| TD One | +TD Two | +
| TD One | +TD Two | +
| TD One | +TD Two | +
<pre> +pre space1 +pre space1 +pre space2 +pre space2 +pre tab +pre tab+ +
<code>
+Not indented
+ indent1
+ indent1
+ indent2
+ indent3
+
+ <tt>
+ This tt text should be monospaced
+ and
+ wrap as if
+ one line of text
+ even though the code has newlines, spaces, and tabs.
+ It should be the same size as <p> text.
+
+ + + + +
Forms
++ +
+ + + +
Blueprint Tests: grid.css
+ + +Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit.
++ +
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
++ +
1
2
3
4
5
3
1
2
3
4
5
3
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
1
2
3
4
5
6
24
2
23
+ +
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
++ +
TESTING .PUSH-1 TO .PUSH-5
+ +
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
TESTING .PULL-1 TO .PULL-5
+ +Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Blueprint test pages
++ +
Welcome to the Blueprint Plugin test pages. The HTML files below tests most HTML elements, and especially classes provided + by Blueprint.
+ +| Test page | +Main files tested | +Description | +
|---|---|---|
| Fancy Type | ++ grid.sass, + typography.sass, + fancy_type.sass + | +A simple sample page, with common elements and fancy type. | +
| Buttons | ++ buttons.sass + | +A simple page, showing links and buttons styled using the button plugin. | +
| Link Icons | ++ link_icons.sass + | +A simple page, showing links icons. | +
| RTL | ++ rtl.sass + | +A simple page, showing a right-to-left grid layout. | +
Note about the css files:
+ These test files utilize the css files that are generated from
+ Sass templates.
+ In other words, if you change any of the source files,
+ you'll have to re-build them with rake examples to see any changes.
For more information and help, try these resources:
+ +
A Button Example Page
++
This sample page demonstrates what you can do with the Buttons plugin.
++ + + +
Real Buttons
+ + + +
Save
Change Password
CancelReal Buttons with Images
+ + + +A simple sample page
++
This sample page demonstrates a tiny fraction of what you get with Blueprint.
++ +
Here's a box
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
+And another box
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat laboris nisi ut aliquip.
+This box is aligned with the sidebar
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
++
+ +
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc congue ipsum vestibulum libero. Aenean vitae justo. Nam eget tellus. Etiam convallis, est eu lobortis mattis, lectus tellus tempus felis, a ultricies erat ipsum at metus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi et risus. Aliquam nisl. Nulla facilisi. Cras accumsan vestibulum ante. Vestibulum sed tortor. Praesent SMALL CAPS tempus fringilla elit. Ut elit diam, sagittis in, nonummy in, gravida non, nunc. Ut orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nam egestas, orci eu imperdiet malesuada, nisl purus fringilla odio, quis commodo est orci vitae justo. Aliquam placerat odio tincidunt nulla. Cras in libero. Aenean rutrum, magna non tristique posuere, erat odio eleifend nisl, non convallis est tortor blandit ligula. Nulla id augue.
+Nullam mattis, odio ut tempus facilisis, metus nisl facilisis metus, auctor consectetuer felis ligula nec mauris. Vestibulum odio erat, fermentum at, commodo vitae, ultrices et, urna. Mauris vulputate, mi pulvinar sagittis condimentum, sem nulla aliquam velit, sed imperdiet mi purus eu magna. Nulla varius metus ut eros. Aenean aliquet magna eget orci. Class aptent taciti sociosqu ad litora.
+Vivamus euismod. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse vel nibh ut turpis dictum sagittis. Aliquam vel velit a elit auctor sollicitudin. Nam vel dui vel neque lacinia pretium. Quisque nunc erat, venenatis id, volutpat ut, scelerisque sed, diam. Mauris ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec mattis. Morbi dignissim sollicitudin libero. Nulla lorem.
+++Integer cursus ornare mauris. Praesent nisl arcu, imperdiet eu, ornare id, scelerisque ut, nunc. Praesent sagittis erat sed velit tempus imperdiet. Ut tristique, ante in interdum hendrerit, erat enim faucibus felis, quis rutrum mauris lorem quis sem. Vestibulum ligula nisi, mattis nec, posuere et, blandit eu, ligula. Nam suscipit placerat odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque tortor libero, venenatis vitae, rhoncus eu, placerat ut, mi. Nulla nulla.
+
Maecenas vel metus quis magna pharetra fermentum. Integer sit amet tortor. Maecenas porttitor, pede sed gravida auctor, nulla augue aliquet elit, at pretium urna orci ut metus. Aliquam in dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, tellus id ornare posuere, quam nunc accumsan turpis, at convallis tellus orci et nisl. Phasellus congue neque a lorem.
+ ++
This is a nested column
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+This is another nested column
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+A Simple Sidebar
+ +Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.
+Mauris a lectus. Aliquam erat volutpat. Phasellus ultrices mi a sapien. Nunc rutrum egestas lorem. Duis ac sem sagittis elit tincidunt gravida. Mauris a lectus. Aliquam erat volutpat. Phasellus ultrices mi a sapien. Nunc rutrum egestas lorem. Duis ac sem sagittis elit tincidunt gravida.
+Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.
+ +Incremental leading
+Vestibulum ante ipsum primis in faucibus orci luctus vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus.
+Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.
+ ++
You may pick and choose amongst these and many more features, so be bold.
++ + +
A Link Icons Example Page
++
This sample page demonstrates what you can do with the Link Icons plugin.
++ + + + + + + + + +
A simple sample page
++
This sample page demonstrates a tiny fraction of what you get with Blueprint.
++ +
Here's a box
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
+And another box
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat laboris nisi ut aliquip.
+This box is aligned with the sidebar
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
++
+ +
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc congue ipsum vestibulum libero. Aenean vitae justo. Nam eget tellus. Etiam convallis, est eu lobortis mattis, lectus tellus tempus felis, a ultricies erat ipsum at metus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi et risus. Aliquam nisl. Nulla facilisi. Cras accumsan vestibulum ante. Vestibulum sed tortor. Praesent SMALL CAPS tempus fringilla elit. Ut elit diam, sagittis in, nonummy in, gravida non, nunc. Ut orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nam egestas, orci eu imperdiet malesuada, nisl purus fringilla odio, quis commodo est orci vitae justo. Aliquam placerat odio tincidunt nulla. Cras in libero. Aenean rutrum, magna non tristique posuere, erat odio eleifend nisl, non convallis est tortor blandit ligula. Nulla id augue.
+Nullam mattis, odio ut tempus facilisis, metus nisl facilisis metus, auctor consectetuer felis ligula nec mauris. Vestibulum odio erat, fermentum at, commodo vitae, ultrices et, urna. Mauris vulputate, mi pulvinar sagittis condimentum, sem nulla aliquam velit, sed imperdiet mi purus eu magna. Nulla varius metus ut eros. Aenean aliquet magna eget orci. Class aptent taciti sociosqu ad litora.
+Vivamus euismod. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse vel nibh ut turpis dictum sagittis. Aliquam vel velit a elit auctor sollicitudin. Nam vel dui vel neque lacinia pretium. Quisque nunc erat, venenatis id, volutpat ut, scelerisque sed, diam. Mauris ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec mattis. Morbi dignissim sollicitudin libero. Nulla lorem.
+++Integer cursus ornare mauris. Praesent nisl arcu, imperdiet eu, ornare id, scelerisque ut, nunc. Praesent sagittis erat sed velit tempus imperdiet. Ut tristique, ante in interdum hendrerit, erat enim faucibus felis, quis rutrum mauris lorem quis sem. Vestibulum ligula nisi, mattis nec, posuere et, blandit eu, ligula. Nam suscipit placerat odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque tortor libero, venenatis vitae, rhoncus eu, placerat ut, mi. Nulla nulla.
+
Maecenas vel metus quis magna pharetra fermentum. Integer sit amet tortor. Maecenas porttitor, pede sed gravida auctor, nulla augue aliquet elit, at pretium urna orci ut metus. Aliquam in dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, tellus id ornare posuere, quam nunc accumsan turpis, at convallis tellus orci et nisl. Phasellus congue neque a lorem.
+ ++
This is a nested column
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+This is another nested column
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+A Simple Sidebar
+ +Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.
+Mauris a lectus. Aliquam erat volutpat. Phasellus ultrices mi a sapien. Nunc rutrum egestas lorem. Duis ac sem sagittis elit tincidunt gravida. Mauris a lectus. Aliquam erat volutpat. Phasellus ultrices mi a sapien. Nunc rutrum egestas lorem. Duis ac sem sagittis elit tincidunt gravida.
+Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.
+ +Incremental leading
+Vestibulum ante ipsum primis in faucibus orci luctus vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus.
+Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.
+ ++
You may pick and choose amongst these and many more features, so be bold.
++ + +
Change Password
+
+
+
+ 
Cancel
+
+
+a.button
+ // you can pass "left" or "right" to +anchor-button to float it in that direction
+ // or you can pass no argument to leave it inline-block (cross browser safe!) within
+ // the flow of your page.
+ +anchor-button("left")
+ // All the button color mixins take 4 optional arguments:
+ // font color, background color, border color, border highlight color
+ // the first three default to constants set in blueprint/modules/buttons.sass
+ // the last one defaults to a shade lighter than the border color.
+ +button-colors
+ +button-hover-colors
+ +button-active-colors
+
+button
+ // The +button-button mixin is just like the +anchor-button mixin, but for