compass-edge 0.9.1
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGELOG.markdown +528 -0
- data/LICENSE.markdown +29 -0
- data/README.markdown +46 -0
- data/REVISION +1 -0
- data/Rakefile +131 -0
- data/VERSION.yml +4 -0
- data/bin/compass +26 -0
- data/deps.rip +1 -0
- data/examples/README.markdown +4 -0
- data/examples/blueprint_default/config.rb +7 -0
- data/examples/blueprint_default/images/grid.png +0 -0
- data/examples/blueprint_default/index.html.haml +85 -0
- data/examples/blueprint_default/parts/elements.html.haml +282 -0
- data/examples/blueprint_default/parts/forms.html.haml +190 -0
- data/examples/blueprint_default/parts/grid.html.haml +274 -0
- data/examples/blueprint_default/parts/test-small.jpg +0 -0
- data/examples/blueprint_default/parts/test.jpg +0 -0
- data/examples/blueprint_default/parts/valid.png +0 -0
- data/examples/blueprint_default/src/ie.sass +3 -0
- data/examples/blueprint_default/src/images/grid.png +0 -0
- data/examples/blueprint_default/src/print.sass +3 -0
- data/examples/blueprint_default/src/screen.sass +8 -0
- data/examples/blueprint_plugins/config.rb +8 -0
- data/examples/blueprint_plugins/images/buttons/cross.png +0 -0
- data/examples/blueprint_plugins/images/buttons/key.png +0 -0
- data/examples/blueprint_plugins/images/buttons/tick.png +0 -0
- data/examples/blueprint_plugins/images/grid.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/doc.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/email.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/external.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/feed.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/im.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/pdf.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/visited.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/xls.png +0 -0
- data/examples/blueprint_plugins/images/test-small.jpg +0 -0
- data/examples/blueprint_plugins/images/test.jpg +0 -0
- data/examples/blueprint_plugins/images/valid.png +0 -0
- data/examples/blueprint_plugins/index.html.haml +96 -0
- data/examples/blueprint_plugins/plugins/buttons.html.haml +67 -0
- data/examples/blueprint_plugins/plugins/fancy_type.html.haml +100 -0
- data/examples/blueprint_plugins/plugins/link_icons.html.haml +61 -0
- data/examples/blueprint_plugins/plugins/rtl.html.haml +100 -0
- data/examples/blueprint_plugins/src/buttons.sass +49 -0
- data/examples/blueprint_plugins/src/ie.sass +3 -0
- data/examples/blueprint_plugins/src/images/grid.png +0 -0
- data/examples/blueprint_plugins/src/link_icons.sass +13 -0
- data/examples/blueprint_plugins/src/print.sass +3 -0
- data/examples/blueprint_plugins/src/rtl_screen.sass +13 -0
- data/examples/blueprint_plugins/src/screen.sass +11 -0
- data/examples/blueprint_scoped/images/grid.png +0 -0
- data/examples/blueprint_scoped/src/ie.sass +4 -0
- data/examples/blueprint_scoped/src/print.sass +4 -0
- data/examples/blueprint_scoped/src/screen.sass +5 -0
- data/examples/blueprint_scoped_form/images/grid.png +0 -0
- data/examples/blueprint_scoped_form/src/ie.sass +3 -0
- data/examples/blueprint_scoped_form/src/print.sass +3 -0
- data/examples/blueprint_scoped_form/src/screen.sass +10 -0
- data/examples/blueprint_semantic/config.rb +7 -0
- data/examples/blueprint_semantic/images/grid.png +0 -0
- data/examples/blueprint_semantic/index.html.haml +86 -0
- data/examples/blueprint_semantic/parts/fancy_type.html.haml +100 -0
- data/examples/blueprint_semantic/parts/liquid.html.haml +100 -0
- data/examples/blueprint_semantic/parts/test-small.jpg +0 -0
- data/examples/blueprint_semantic/parts/test.jpg +0 -0
- data/examples/blueprint_semantic/parts/valid.png +0 -0
- data/examples/blueprint_semantic/src/ie.sass +3 -0
- data/examples/blueprint_semantic/src/images/grid.png +0 -0
- data/examples/blueprint_semantic/src/liquid.sass +69 -0
- data/examples/blueprint_semantic/src/print.sass +3 -0
- data/examples/blueprint_semantic/src/screen.sass +70 -0
- data/examples/compass/compass.html.haml +39 -0
- data/examples/compass/config.rb +7 -0
- data/examples/compass/images/blue_arrow.gif +0 -0
- data/examples/compass/src/compass.sass +47 -0
- data/examples/compass/src/images/blue_arrow.gif +0 -0
- data/examples/compass/src/sticky_footer.sass +11 -0
- data/examples/compass/src/utilities.sass +108 -0
- data/examples/compass/sticky_footer.html.haml +14 -0
- data/examples/compass/utilities.html.haml +189 -0
- data/examples/downloader.rb +57 -0
- data/examples/logo/logo.html.haml +40 -0
- data/examples/logo/src/ie.sass +6 -0
- data/examples/logo/src/print.sass +6 -0
- data/examples/logo/src/screen.sass +29 -0
- data/examples/ninesixty/bootstrap.rb +4 -0
- data/examples/ninesixty/config.rb +9 -0
- data/examples/ninesixty/extensions/ninesixty/README.mkdn +56 -0
- data/examples/ninesixty/extensions/ninesixty/compass-960-plugin.gemspec +36 -0
- data/examples/ninesixty/extensions/ninesixty/lib/ninesixty.rb +1 -0
- data/examples/ninesixty/extensions/ninesixty/lib/ninesixty/compass_plugin.rb +5 -0
- data/examples/ninesixty/extensions/ninesixty/sass/960/_grid.sass +64 -0
- data/examples/ninesixty/extensions/ninesixty/sass/960/_text.sass +59 -0
- data/examples/ninesixty/extensions/ninesixty/templates/project/grid.sass +34 -0
- data/examples/ninesixty/extensions/ninesixty/templates/project/manifest.rb +2 -0
- data/examples/ninesixty/extensions/ninesixty/templates/project/text.sass +10 -0
- data/examples/ninesixty/src/grid.sass +16 -0
- data/examples/ninesixty/src/text.sass +10 -0
- data/examples/yui/bootstrap.rb +3 -0
- data/examples/yui/divisions.html.haml +179 -0
- data/examples/yui/extensions/yui/stylesheets/_yui.sass +7 -0
- data/examples/yui/extensions/yui/stylesheets/yui/modules/_base.sass +70 -0
- data/examples/yui/extensions/yui/stylesheets/yui/modules/_fonts.sass +45 -0
- data/examples/yui/extensions/yui/stylesheets/yui/modules/_grids.sass +385 -0
- data/examples/yui/extensions/yui/stylesheets/yui/modules/_reset.sass +61 -0
- data/examples/yui/extensions/yui/templates/project/manifest.rb +1 -0
- data/examples/yui/extensions/yui/templates/project/screen.sass +4 -0
- data/examples/yui/index.html.haml +19 -0
- data/examples/yui/src/screen.sass +13 -0
- data/examples/yui/sub_divisions.html.haml +169 -0
- data/examples/yui/templates.html.haml +54 -0
- data/examples/yui/test.jpg +0 -0
- data/examples/yui/typography.html.haml +132 -0
- data/lib/compass.rb +22 -0
- data/lib/compass/actions.rb +116 -0
- data/lib/compass/app_integration.rb +3 -0
- data/lib/compass/app_integration/merb.rb +1 -0
- data/lib/compass/app_integration/merb/runtime.rb +63 -0
- data/lib/compass/app_integration/rails.rb +8 -0
- data/lib/compass/app_integration/rails/action_controller.rb +15 -0
- data/lib/compass/app_integration/rails/configuration_defaults.rb +29 -0
- data/lib/compass/app_integration/rails/installer.rb +127 -0
- data/lib/compass/app_integration/rails/runtime.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/urls.rb +14 -0
- data/lib/compass/app_integration/stand_alone.rb +3 -0
- data/lib/compass/app_integration/stand_alone/configuration_defaults.rb +24 -0
- data/lib/compass/app_integration/stand_alone/installer.rb +71 -0
- data/lib/compass/commands.rb +11 -0
- data/lib/compass/commands/base.rb +36 -0
- data/lib/compass/commands/create_project.rb +113 -0
- data/lib/compass/commands/generate_grid_background.rb +91 -0
- data/lib/compass/commands/help.rb +62 -0
- data/lib/compass/commands/installer_command.rb +34 -0
- data/lib/compass/commands/list_frameworks.rb +16 -0
- data/lib/compass/commands/print_version.rb +91 -0
- data/lib/compass/commands/project_base.rb +92 -0
- data/lib/compass/commands/registry.rb +22 -0
- data/lib/compass/commands/stamp_pattern.rb +86 -0
- data/lib/compass/commands/update_project.rb +38 -0
- data/lib/compass/commands/validate_project.rb +21 -0
- data/lib/compass/commands/watch_project.rb +69 -0
- data/lib/compass/commands/write_configuration.rb +32 -0
- data/lib/compass/compiler.rb +54 -0
- data/lib/compass/configuration.rb +38 -0
- data/lib/compass/configuration/adapters.rb +59 -0
- data/lib/compass/configuration/comments.rb +22 -0
- data/lib/compass/configuration/data.rb +103 -0
- data/lib/compass/configuration/defaults.rb +107 -0
- data/lib/compass/configuration/helpers.rb +83 -0
- data/lib/compass/configuration/inheritance.rb +170 -0
- data/lib/compass/configuration/serialization.rb +86 -0
- data/lib/compass/core_ext.rb +14 -0
- data/lib/compass/dependencies.rb +6 -0
- data/lib/compass/errors.rb +7 -0
- data/lib/compass/exec.rb +15 -0
- data/lib/compass/exec/command_option_parser.rb +23 -0
- data/lib/compass/exec/global_options_parser.rb +37 -0
- data/lib/compass/exec/helpers.rb +28 -0
- data/lib/compass/exec/project_options_parser.rb +42 -0
- data/lib/compass/exec/sub_command_ui.rb +45 -0
- data/lib/compass/exec/switch_ui.rb +166 -0
- data/lib/compass/frameworks.rb +53 -0
- data/lib/compass/frameworks/blueprint/stylesheets/_blueprint.sass +3 -0
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_ie.sass +99 -0
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_print.sass +90 -0
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_reset.sass +3 -0
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/_screen.sass +29 -0
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_buttons.sass +84 -0
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_colors.sass +33 -0
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_debug.sass +9 -0
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass +82 -0
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_form.sass +55 -0
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass +178 -0
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_interaction.sass +58 -0
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_link_icons.sass +44 -0
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_liquid.sass +141 -0
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_reset.sass +56 -0
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_rtl.sass +122 -0
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_scaffolding.sass +47 -0
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass +160 -0
- data/lib/compass/frameworks/blueprint/stylesheets/blueprint/modules/_utilities.sass +37 -0
- data/lib/compass/frameworks/blueprint/templates/buttons/buttons.sass +49 -0
- data/lib/compass/frameworks/blueprint/templates/buttons/buttons/cross.png +0 -0
- data/lib/compass/frameworks/blueprint/templates/buttons/buttons/key.png +0 -0
- data/lib/compass/frameworks/blueprint/templates/buttons/buttons/tick.png +0 -0
- data/lib/compass/frameworks/blueprint/templates/buttons/manifest.rb +5 -0
- data/lib/compass/frameworks/blueprint/templates/link_icons/link_icons.sass +13 -0
- data/lib/compass/frameworks/blueprint/templates/link_icons/link_icons/doc.png +0 -0
- data/lib/compass/frameworks/blueprint/templates/link_icons/link_icons/email.png +0 -0
- data/lib/compass/frameworks/blueprint/templates/link_icons/link_icons/external.png +0 -0
- data/lib/compass/frameworks/blueprint/templates/link_icons/link_icons/feed.png +0 -0
- data/lib/compass/frameworks/blueprint/templates/link_icons/link_icons/im.png +0 -0
- data/lib/compass/frameworks/blueprint/templates/link_icons/link_icons/pdf.png +0 -0
- data/lib/compass/frameworks/blueprint/templates/link_icons/link_icons/visited.png +0 -0
- data/lib/compass/frameworks/blueprint/templates/link_icons/link_icons/xls.png +0 -0
- data/lib/compass/frameworks/blueprint/templates/link_icons/manifest.rb +10 -0
- data/lib/compass/frameworks/blueprint/templates/project/grid.png +0 -0
- data/lib/compass/frameworks/blueprint/templates/project/ie.sass +16 -0
- data/lib/compass/frameworks/blueprint/templates/project/manifest.rb +8 -0
- data/lib/compass/frameworks/blueprint/templates/project/partials/_base.sass +11 -0
- data/lib/compass/frameworks/blueprint/templates/project/print.sass +8 -0
- data/lib/compass/frameworks/blueprint/templates/project/screen.sass +47 -0
- data/lib/compass/frameworks/blueprint/templates/project/welcome.html.haml +13 -0
- data/lib/compass/frameworks/compass/stylesheets/_compass.sass +1 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/_layout.sass +1 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/_misc.sass +24 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/_reset.sass +3 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/_utilities.sass +7 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/layout/_sticky_footer.sass +19 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/_css3.sass +6 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/_general.sass +5 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/_links.sass +3 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/_lists.sass +3 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/_print.sass +18 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/_sprites.sass +1 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/_tables.sass +3 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/_text.sass +2 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/css3/_border_radius.sass +47 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/css3/_box_shadow.sass +12 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/css3/_box_sizing.sass +13 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/css3/_columns.sass +37 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/css3/_inline_block.sass +7 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/css3/_opacity.sass +18 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.sass +24 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/general/_float.sass +17 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/general/_hacks.sass +6 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/general/_reset.sass +134 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/general/_tabs.sass +0 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/general/_tag_cloud.sass +19 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/links/_hover_link.sass +5 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/links/_link_colors.sass +24 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/links/_unstyled_link.sass +7 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/lists/_bullets.sass +21 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal_list.sass +52 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/lists/_inline_list.sass +29 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/sprites/_sprite_img.sass +52 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/tables/_alternating_rows_and_columns.sass +20 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/tables/_borders.sass +27 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/tables/_scaffolding.sass +9 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/text/_ellipsis.sass +13 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/text/_nowrap.sass +3 -0
- data/lib/compass/frameworks/compass/stylesheets/compass/utilities/text/_replacement.sass +17 -0
- data/lib/compass/frameworks/compass/templates/ellipsis/ellipsis.sass +6 -0
- data/lib/compass/frameworks/compass/templates/ellipsis/manifest.rb +2 -0
- data/lib/compass/frameworks/compass/templates/ellipsis/xml/ellipsis.xml +14 -0
- data/lib/compass/frameworks/compass/templates/extension/manifest.rb +6 -0
- data/lib/compass/frameworks/compass/templates/extension/stylesheets/main.sass +1 -0
- data/lib/compass/frameworks/compass/templates/extension/templates/project/manifest.rb +2 -0
- data/lib/compass/frameworks/compass/templates/extension/templates/project/screen.sass +2 -0
- data/lib/compass/frameworks/compass/templates/project/ie.sass +6 -0
- data/lib/compass/frameworks/compass/templates/project/manifest.rb +3 -0
- data/lib/compass/frameworks/compass/templates/project/print.sass +6 -0
- data/lib/compass/frameworks/compass/templates/project/screen.sass +13 -0
- data/lib/compass/grid_builder.rb +76 -0
- data/lib/compass/installers.rb +3 -0
- data/lib/compass/installers/base.rb +186 -0
- data/lib/compass/installers/manifest.rb +79 -0
- data/lib/compass/installers/template_context.rb +44 -0
- data/lib/compass/logger.rb +42 -0
- data/lib/compass/sass_extensions.rb +5 -0
- data/lib/compass/sass_extensions/functions.rb +19 -0
- 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/inline_image.rb +35 -0
- data/lib/compass/sass_extensions/functions/selectors.rb +42 -0
- data/lib/compass/sass_extensions/functions/urls.rb +105 -0
- data/lib/compass/sass_extensions/monkey_patches.rb +3 -0
- data/lib/compass/sass_extensions/monkey_patches/stylesheet_updating.rb +23 -0
- data/lib/compass/test_case.rb +38 -0
- data/lib/compass/validator.rb +10 -0
- data/lib/compass/version.rb +57 -0
- data/lib/vendor/fssm.rb +28 -0
- data/lib/vendor/fssm/backends/fsevents.rb +78 -0
- data/lib/vendor/fssm/backends/polling.rb +24 -0
- data/lib/vendor/fssm/ext.rb +7 -0
- data/lib/vendor/fssm/monitor.rb +21 -0
- data/lib/vendor/fssm/path.rb +88 -0
- data/lib/vendor/fssm/state.rb +46 -0
- data/lib/vendor/fssm/support.rb +26 -0
- data/test/command_line_helper.rb +97 -0
- data/test/command_line_test.rb +67 -0
- data/test/compass_test.rb +132 -0
- data/test/configuration_test.rb +123 -0
- data/test/fixtures/stylesheets/blueprint/config.rb +9 -0
- data/test/fixtures/stylesheets/blueprint/css/typography.css +158 -0
- data/test/fixtures/stylesheets/blueprint/images/grid.png +0 -0
- data/test/fixtures/stylesheets/blueprint/sass/ie.sass +3 -0
- data/test/fixtures/stylesheets/blueprint/sass/print.sass +3 -0
- data/test/fixtures/stylesheets/blueprint/sass/screen.sass +17 -0
- data/test/fixtures/stylesheets/blueprint/sass/typography.sass +3 -0
- data/test/fixtures/stylesheets/compass/config.rb +9 -0
- data/test/fixtures/stylesheets/compass/css/layout.css +15 -0
- data/test/fixtures/stylesheets/compass/css/print.css +18 -0
- data/test/fixtures/stylesheets/compass/css/reset.css +60 -0
- data/test/fixtures/stylesheets/compass/css/utilities.css +17 -0
- data/test/fixtures/stylesheets/compass/sass/layout.sass +3 -0
- data/test/fixtures/stylesheets/compass/sass/print.sass +5 -0
- data/test/fixtures/stylesheets/compass/sass/reset.sass +10 -0
- data/test/fixtures/stylesheets/compass/sass/utilities.sass +6 -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/io_helper.rb +19 -0
- data/test/rails_integration_test.rb +84 -0
- data/test/sass_extensions_test.rb +31 -0
- data/test/test_case_helper.rb +13 -0
- data/test/test_helper.rb +27 -0
- data/test/test_rails_helper.rb +20 -0
- metadata +404 -0
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -0,0 +1,69 @@
|
|
1
|
+
@import blueprint.sass
|
2
|
+
@import blueprint/modules/fancy_type.sass
|
3
|
+
@import blueprint/modules/scaffolding.sass
|
4
|
+
@import blueprint/modules/liquid.sass
|
5
|
+
@import compass/reset.sass
|
6
|
+
|
7
|
+
.container
|
8
|
+
+container
|
9
|
+
|
10
|
+
body.blueprint
|
11
|
+
+blueprint-typography(true)
|
12
|
+
+blueprint-scaffolding-body
|
13
|
+
hr
|
14
|
+
+colruler
|
15
|
+
hr.space
|
16
|
+
+colspacer
|
17
|
+
img#w3c
|
18
|
+
:margin-top 0
|
19
|
+
:padding-top 0
|
20
|
+
|
21
|
+
body#index
|
22
|
+
#page-header
|
23
|
+
+span(6)
|
24
|
+
#files-header
|
25
|
+
+span(8)
|
26
|
+
#description-header
|
27
|
+
+span(10)
|
28
|
+
#info
|
29
|
+
+box
|
30
|
+
ul
|
31
|
+
:margin-bottom 0
|
32
|
+
:padding-bottom 0
|
33
|
+
|
34
|
+
body#sample
|
35
|
+
+fancy-paragraphs
|
36
|
+
h2
|
37
|
+
+alt
|
38
|
+
#first-box
|
39
|
+
+column(7)
|
40
|
+
+colborder
|
41
|
+
#another-box
|
42
|
+
+column(8)
|
43
|
+
+colborder
|
44
|
+
#aligned-box
|
45
|
+
+column(7, true)
|
46
|
+
#main
|
47
|
+
+column(15)
|
48
|
+
+prepend(1)
|
49
|
+
+colborder
|
50
|
+
img#test
|
51
|
+
+pull(1)
|
52
|
+
:margin-top 0
|
53
|
+
:padding-top 0
|
54
|
+
em.caps
|
55
|
+
+reset-font
|
56
|
+
+caps
|
57
|
+
#nested-1
|
58
|
+
+column(7)
|
59
|
+
+colborder
|
60
|
+
#nested-2
|
61
|
+
+column(7, true)
|
62
|
+
#sidebar
|
63
|
+
+column(7, true)
|
64
|
+
h3
|
65
|
+
em
|
66
|
+
+reset-font
|
67
|
+
+alt
|
68
|
+
#parting-thought
|
69
|
+
+alt
|
@@ -0,0 +1,70 @@
|
|
1
|
+
@import blueprint.sass
|
2
|
+
@import blueprint/modules/fancy_type.sass
|
3
|
+
@import blueprint/modules/scaffolding.sass
|
4
|
+
@import compass/reset.sass
|
5
|
+
|
6
|
+
body.blueprint
|
7
|
+
+blueprint-typography(true)
|
8
|
+
+blueprint-scaffolding-body
|
9
|
+
.container
|
10
|
+
+container
|
11
|
+
.showgrid
|
12
|
+
:background= inline_image("grid.png")
|
13
|
+
hr
|
14
|
+
+colruler
|
15
|
+
hr.space
|
16
|
+
+colspacer
|
17
|
+
|
18
|
+
img#w3c
|
19
|
+
:margin-top 0
|
20
|
+
:padding-top 0
|
21
|
+
|
22
|
+
body#index
|
23
|
+
#page-header
|
24
|
+
+span(6)
|
25
|
+
#files-header
|
26
|
+
+span(8)
|
27
|
+
#description-header
|
28
|
+
+span(10)
|
29
|
+
#info
|
30
|
+
+box
|
31
|
+
ul
|
32
|
+
:margin-bottom 0
|
33
|
+
:padding-bottom 0
|
34
|
+
|
35
|
+
body#sample
|
36
|
+
+fancy-paragraphs
|
37
|
+
h2
|
38
|
+
+alt
|
39
|
+
#first-box
|
40
|
+
+column(7)
|
41
|
+
+colborder
|
42
|
+
#another-box
|
43
|
+
+column(8)
|
44
|
+
+colborder
|
45
|
+
#aligned-box
|
46
|
+
+column(7, true)
|
47
|
+
#main
|
48
|
+
+column(15)
|
49
|
+
+prepend(1)
|
50
|
+
+colborder
|
51
|
+
img#test
|
52
|
+
+pull(1)
|
53
|
+
:margin-top 0
|
54
|
+
:padding-top 0
|
55
|
+
em.caps
|
56
|
+
+reset-font
|
57
|
+
+caps
|
58
|
+
#nested-1
|
59
|
+
+column(7)
|
60
|
+
+colborder
|
61
|
+
#nested-2
|
62
|
+
+column(7, true)
|
63
|
+
#sidebar
|
64
|
+
+column(7, true)
|
65
|
+
h3
|
66
|
+
em
|
67
|
+
+reset-font
|
68
|
+
+alt
|
69
|
+
#parting-thought
|
70
|
+
+alt
|
@@ -0,0 +1,39 @@
|
|
1
|
+
%html
|
2
|
+
%head
|
3
|
+
%title
|
4
|
+
Compass Example
|
5
|
+
%link{ :href => "stylesheets/compass.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" }
|
6
|
+
%body
|
7
|
+
.compass
|
8
|
+
.n
|
9
|
+
%p
|
10
|
+
North
|
11
|
+
.n.e
|
12
|
+
%p
|
13
|
+
North
|
14
|
+
%br
|
15
|
+
East
|
16
|
+
.e
|
17
|
+
%p
|
18
|
+
East
|
19
|
+
.s.e
|
20
|
+
%p
|
21
|
+
South
|
22
|
+
%br
|
23
|
+
East
|
24
|
+
.s
|
25
|
+
%p
|
26
|
+
South
|
27
|
+
.s.w
|
28
|
+
%p
|
29
|
+
South
|
30
|
+
%br
|
31
|
+
West
|
32
|
+
.w
|
33
|
+
%p
|
34
|
+
West
|
35
|
+
.n.w
|
36
|
+
%p
|
37
|
+
North
|
38
|
+
%br
|
39
|
+
West
|
Binary file
|
@@ -0,0 +1,47 @@
|
|
1
|
+
=compass(!s)
|
2
|
+
:position relative
|
3
|
+
:width= 4 * !s
|
4
|
+
:height= 4 * !s
|
5
|
+
:font-size 24px
|
6
|
+
:font-family "Academy Engraved LET", "Papyrus"
|
7
|
+
.n, .s, .e, .w
|
8
|
+
:position absolute
|
9
|
+
:width= !s
|
10
|
+
:height= !s
|
11
|
+
:text-align center
|
12
|
+
:vertical-align middle
|
13
|
+
.w
|
14
|
+
:left 0px
|
15
|
+
.n.w, .s.w
|
16
|
+
:left= 0.5 * !s
|
17
|
+
.n, .s
|
18
|
+
:left= 1.5 * !s
|
19
|
+
.n.e, .s.e
|
20
|
+
:left= 2.5 * !s
|
21
|
+
.e
|
22
|
+
:left= 3 * !s
|
23
|
+
.n
|
24
|
+
:top 0px
|
25
|
+
.n.w, .n.e
|
26
|
+
:top= 0.5 * !s
|
27
|
+
.w, .e
|
28
|
+
:top= 1.5 * !s
|
29
|
+
.s.w, .s.e
|
30
|
+
:top= 2.5 * !s
|
31
|
+
.s
|
32
|
+
:top= 3 * !s
|
33
|
+
|
34
|
+
.compass
|
35
|
+
:margin 1em auto
|
36
|
+
+compass(4em)
|
37
|
+
.n, .s, .e, .w
|
38
|
+
p
|
39
|
+
:margin
|
40
|
+
:top 1.5em
|
41
|
+
:bottom 1.5em
|
42
|
+
.n.w, .s.w, .n.e, .s.e
|
43
|
+
p
|
44
|
+
:margin
|
45
|
+
:top 1em
|
46
|
+
:bottom 1em
|
47
|
+
|
Binary file
|
@@ -0,0 +1,108 @@
|
|
1
|
+
@import compass/reset.sass
|
2
|
+
@import compass/utilities.sass
|
3
|
+
@import yui/modules/base.sass
|
4
|
+
@import blueprint/modules/grid.sass
|
5
|
+
@import blueprint/modules/scaffolding.sass
|
6
|
+
@import compass/utilities/text/ellipsis.sass
|
7
|
+
|
8
|
+
html
|
9
|
+
+yui-base
|
10
|
+
|
11
|
+
h2
|
12
|
+
:margin-top 0
|
13
|
+
:border-bottom 2px solid #777
|
14
|
+
|
15
|
+
#utilities
|
16
|
+
+container
|
17
|
+
|
18
|
+
.example
|
19
|
+
:border 2px solid #ccc
|
20
|
+
:padding 4px
|
21
|
+
|
22
|
+
#links
|
23
|
+
+column(8)
|
24
|
+
|
25
|
+
.hover a
|
26
|
+
+hover-link
|
27
|
+
.colored a
|
28
|
+
+link-colors(#C00, #C0C, #700, #707, #777)
|
29
|
+
.unstyled
|
30
|
+
:color #333
|
31
|
+
a
|
32
|
+
+unstyled-link
|
33
|
+
.mixin
|
34
|
+
:font-family monospace
|
35
|
+
:border
|
36
|
+
:width 1px
|
37
|
+
:style solid
|
38
|
+
:border-color #ccc
|
39
|
+
:border-color -moz-use-text-color
|
40
|
+
:padding 2px
|
41
|
+
:line-height 22px
|
42
|
+
:white-space nowrap
|
43
|
+
|
44
|
+
#tag-cloud
|
45
|
+
+column(8)
|
46
|
+
ol
|
47
|
+
:margin 0
|
48
|
+
+inline-list
|
49
|
+
+tag-cloud(1em)
|
50
|
+
li
|
51
|
+
+no-bullets
|
52
|
+
|
53
|
+
#lists
|
54
|
+
+column(8, true)
|
55
|
+
ul.inline
|
56
|
+
+inline-list
|
57
|
+
ul.comma-delimited
|
58
|
+
+comma-delimited-list
|
59
|
+
ol.pretty
|
60
|
+
+pretty-bullets("blue_arrow.gif", 5px, 7px, 18px)
|
61
|
+
|
62
|
+
#tables
|
63
|
+
+column(16)
|
64
|
+
table.alternating
|
65
|
+
:width 100%
|
66
|
+
+alternating-rows-and-columns(#F9E5A7,#CEFBB3,#222)
|
67
|
+
+table-scaffolding
|
68
|
+
+outer-table-borders(2px, #151A99)
|
69
|
+
+inner-table-borders(1px, #151A99)
|
70
|
+
|
71
|
+
#ellipsis
|
72
|
+
+column(8, true)
|
73
|
+
td
|
74
|
+
width: 50%
|
75
|
+
+ellipsis
|
76
|
+
|
77
|
+
#floats
|
78
|
+
+column(16)
|
79
|
+
.clearfix-example
|
80
|
+
:background #ddd
|
81
|
+
:border 2px solid black
|
82
|
+
:text-align center
|
83
|
+
+clearfix
|
84
|
+
.float-left-example, .float-right-example
|
85
|
+
:border 1px solid black
|
86
|
+
:padding 10px
|
87
|
+
:margin 0 20px
|
88
|
+
:width 25%
|
89
|
+
:background #F9E5A7
|
90
|
+
.float-left-example
|
91
|
+
+float-left
|
92
|
+
.float-right-example
|
93
|
+
+float-right
|
94
|
+
.pie-clearfix-example
|
95
|
+
:background #ddd
|
96
|
+
:border 2px solid black
|
97
|
+
:text-align center
|
98
|
+
:position relative
|
99
|
+
+pie-clearfix
|
100
|
+
.positioned-example
|
101
|
+
:display block
|
102
|
+
:position absolute
|
103
|
+
:left -10px
|
104
|
+
:top -10px
|
105
|
+
:font-size 10px
|
106
|
+
:width 10em
|
107
|
+
:background #ccf
|
108
|
+
:border 1px solid black
|
@@ -0,0 +1,14 @@
|
|
1
|
+
!!! Transitional
|
2
|
+
%html{:xmlns => "http://www.w3.org/1999/xhtml", "xml:lang" => "en", :lang => "en"}
|
3
|
+
%head
|
4
|
+
%meta{'http-equiv' => "content-type", :content => "text/html;charset=UTF-8"}
|
5
|
+
%title Compass Sticky Footer Example
|
6
|
+
%link{:rel=>"stylesheet", :href=>"stylesheets/sticky_footer.css", :type=>"text/css", :media=>"screen, projection"}
|
7
|
+
%body
|
8
|
+
#layout
|
9
|
+
#header
|
10
|
+
%h1 Sticky Footer Example
|
11
|
+
This is the main content area.
|
12
|
+
#layout_footer
|
13
|
+
#footer
|
14
|
+
This is the footer area.
|
@@ -0,0 +1,189 @@
|
|
1
|
+
!!! Transitional
|
2
|
+
%html{:xmlns => "http://www.w3.org/1999/xhtml", "xml:lang" => "en", :lang => "en"}
|
3
|
+
%head
|
4
|
+
%meta{'http-equiv' => "content-type", :content => "text/html;charset=UTF-8"}
|
5
|
+
%title Compass Utilities Example
|
6
|
+
%link{:rel=>"stylesheet", :href=>"stylesheets/utilities.css", :type=>"text/css", :media=>"screen, projection"}
|
7
|
+
%body
|
8
|
+
#utilities
|
9
|
+
%h1 Compass Utilities Demo
|
10
|
+
#links
|
11
|
+
.example
|
12
|
+
%h2 Link Styling
|
13
|
+
%ul
|
14
|
+
%li.normal
|
15
|
+
%a{:href => "#normal-link"} This is a link, nothing special about it.
|
16
|
+
%li.hover
|
17
|
+
%a{:href => '#hover-link'}
|
18
|
+
This is underlined when hovered because it is using the
|
19
|
+
%code.mixin +hover-link
|
20
|
+
mixin.
|
21
|
+
%li.colored
|
22
|
+
%a{:href => '#colored-link'}
|
23
|
+
This should have different colors
|
24
|
+
because it is using the
|
25
|
+
%code.mixin +link-colors
|
26
|
+
mixin.
|
27
|
+
%li.unstyled
|
28
|
+
This is some text
|
29
|
+
%a{:href => '#unstyled-link'} with a link in it.
|
30
|
+
But you shouldn't see it
|
31
|
+
because it is using the
|
32
|
+
%code.mixin +unstyled-link
|
33
|
+
mixin.
|
34
|
+
#tag-cloud
|
35
|
+
.example
|
36
|
+
%h2 Tag Cloud
|
37
|
+
%p
|
38
|
+
This tag cloud is actually an ordered list so that the markup semantics are correct.
|
39
|
+
It demonstrates the following mixins:
|
40
|
+
%ul
|
41
|
+
%li
|
42
|
+
%code.mixin +inline-list
|
43
|
+
%li
|
44
|
+
%code.mixin +tag-cloud(1em)
|
45
|
+
%li
|
46
|
+
%code.mixin +no-bullets
|
47
|
+
%ol
|
48
|
+
%li.xxs lorem
|
49
|
+
%li.xs ipsum
|
50
|
+
%li.s dolor
|
51
|
+
%li sit
|
52
|
+
%li.l amet
|
53
|
+
%li.xl consectetur
|
54
|
+
%li.xxl adipisicing
|
55
|
+
%li.xs elit
|
56
|
+
%li.s sed
|
57
|
+
%li.l eiusmod
|
58
|
+
%li.xxl tempor
|
59
|
+
%li.xxs incididunt
|
60
|
+
%li labore
|
61
|
+
%li.xs dolore
|
62
|
+
%li magna
|
63
|
+
%li.xl aliqua
|
64
|
+
#lists
|
65
|
+
.example
|
66
|
+
%h2 Lists
|
67
|
+
.p
|
68
|
+
This text contains
|
69
|
+
%ul.inline
|
70
|
+
%li a
|
71
|
+
%li list
|
72
|
+
%li that
|
73
|
+
%li is
|
74
|
+
%li completely
|
75
|
+
%li inline
|
76
|
+
so be semantic!
|
77
|
+
My favorite colors are:
|
78
|
+
%ul.comma-delimited
|
79
|
+
%li red
|
80
|
+
%li yellow
|
81
|
+
%li blue
|
82
|
+
%ol.pretty
|
83
|
+
%li
|
84
|
+
This uses the
|
85
|
+
%code.mixin +pretty-bullets
|
86
|
+
mixin.
|
87
|
+
%li Do you like them?
|
88
|
+
%li If you don't...
|
89
|
+
%li Make them yourself!
|
90
|
+
#tables
|
91
|
+
.example
|
92
|
+
%h2 Tables
|
93
|
+
%p
|
94
|
+
This table is styled using
|
95
|
+
%code.mixin +alternating-rows-and-columns(#F9E5A7,#CEFBB3,#222)
|
96
|
+
The first colors are the even/odd colors respectively
|
97
|
+
and the last argument is a shade that is subtracted from those
|
98
|
+
colors for the even columns.
|
99
|
+
%p
|
100
|
+
The borders are created using
|
101
|
+
%code.mixin +outer-table-borders(2px, #151A99)
|
102
|
+
and
|
103
|
+
%code.mixin +inner-table-borders(1px, #151A99)
|
104
|
+
%table.alternating{:cellspacing => 0, :cellpadding => 0, :border => 0}
|
105
|
+
%thead
|
106
|
+
%tr
|
107
|
+
%th
|
108
|
+
%th.even Header #1
|
109
|
+
%th.odd Header #2
|
110
|
+
%th.even Header #3
|
111
|
+
%tr.odd
|
112
|
+
%th Row #1
|
113
|
+
%td.numeric.even 1.1
|
114
|
+
%td.numeric.odd 1.2
|
115
|
+
%td.numeric.even 1.3
|
116
|
+
%tr.even
|
117
|
+
%th Row #2
|
118
|
+
%td.numeric.even 2.1
|
119
|
+
%td.numeric.odd 2.2
|
120
|
+
%td.numeric.even 2.3
|
121
|
+
%tr.odd
|
122
|
+
%th Row #3
|
123
|
+
%td.numeric.even 3.1
|
124
|
+
%td.numeric.odd 3.2
|
125
|
+
%td.numeric.even 3.3
|
126
|
+
%tr.even
|
127
|
+
%th Row #4
|
128
|
+
%td.numeric.even 4.1
|
129
|
+
%td.numeric.odd 4.2
|
130
|
+
%td.numeric.even 4.3
|
131
|
+
%tr.odd.last
|
132
|
+
%th Row #5
|
133
|
+
%td.numeric.even 5.1
|
134
|
+
%td.numeric.odd 5.2
|
135
|
+
%td.numeric.even 5.3
|
136
|
+
%tfoot
|
137
|
+
%tr
|
138
|
+
%th Totals
|
139
|
+
%td.numeric.even 15.5
|
140
|
+
%td.numeric.odd 16.0
|
141
|
+
%td.numeric.even 17.5
|
142
|
+
#ellipsis
|
143
|
+
.example
|
144
|
+
%h2 Ellipsis
|
145
|
+
%p This long text is truncated at the end of the first line. 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.
|
146
|
+
#floats
|
147
|
+
.example
|
148
|
+
%h2 Floats
|
149
|
+
%p
|
150
|
+
The float helpers add fixes for the double-margin float
|
151
|
+
bug, so you don't need to remember.
|
152
|
+
%p
|
153
|
+
Floated elements will extend beyond the bottom boundary of their
|
154
|
+
parent container unless a
|
155
|
+
%code.mixin +clearfix
|
156
|
+
is applied to the parent.
|
157
|
+
%p
|
158
|
+
The regular
|
159
|
+
%code.mixin +clearfix
|
160
|
+
method uses overflow:hidden. This is a simple and reliable way to
|
161
|
+
get your box wrapped around your float elements.
|
162
|
+
.clearfix-example
|
163
|
+
.float-left-example
|
164
|
+
This div is styled with
|
165
|
+
%code.mixin +float-left
|
166
|
+
\. It is taller than its parent and it should be 20px from the left edge.
|
167
|
+
.float-right-example
|
168
|
+
This short div is styled with
|
169
|
+
%code.mixin +float-right
|
170
|
+
and it should be 20px from the right edge, even in IE6.
|
171
|
+
This div is styled with
|
172
|
+
%code.mixin +clearfix
|
173
|
+
%p
|
174
|
+
An alternate clearing method is provided for when elements need
|
175
|
+
to be positioned to hang outside the box. This is based on the
|
176
|
+
\:after content method.
|
177
|
+
.pie-clearfix-example
|
178
|
+
.float-left-example
|
179
|
+
This div is styled with
|
180
|
+
%code.mixin +float-left
|
181
|
+
\. It is taller than its parent and it should be 20px from the left edge.
|
182
|
+
.float-right-example
|
183
|
+
This short div is styled with
|
184
|
+
%code.mixin +float-right
|
185
|
+
and it should be 20px from the right edge, even in IE6.
|
186
|
+
This div is styled with
|
187
|
+
%code.mixin +pie-clearfix
|
188
|
+
.positioned-example
|
189
|
+
Using this clear method, this positioned box is not cut off.
|