compass-sourcemaps 0.12.3.sourcemaps.a4836f1 → 0.12.4.sourcemaps.a4836f1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/LICENSE.markdown +29 -29
- data/README.markdown +39 -39
- data/Rakefile +157 -157
- data/VERSION.yml +5 -5
- data/bin/compass +45 -45
- data/examples/README.markdown +3 -3
- data/examples/blueprint_default/config.rb +7 -7
- data/examples/blueprint_default/index.html.haml +85 -85
- data/examples/blueprint_default/parts/elements.html.haml +282 -282
- data/examples/blueprint_default/parts/forms.html.haml +200 -200
- data/examples/blueprint_default/parts/grid.html.haml +274 -274
- data/examples/blueprint_default/src/ie.scss +3 -3
- data/examples/blueprint_default/src/print.scss +3 -3
- data/examples/blueprint_default/src/screen.scss +9 -9
- data/examples/blueprint_plugins/config.rb +8 -8
- data/examples/blueprint_plugins/index.html.haml +96 -96
- data/examples/blueprint_plugins/plugins/buttons.html.haml +67 -67
- data/examples/blueprint_plugins/plugins/fancy_type.html.haml +100 -100
- data/examples/blueprint_plugins/plugins/link_icons.html.haml +61 -61
- data/examples/blueprint_plugins/plugins/rtl.html.haml +100 -100
- data/examples/blueprint_plugins/src/buttons.scss +47 -47
- data/examples/blueprint_plugins/src/ie.scss +3 -3
- data/examples/blueprint_plugins/src/link_icons.scss +13 -13
- data/examples/blueprint_plugins/src/print.scss +3 -3
- data/examples/blueprint_plugins/src/rtl_screen.scss +15 -15
- data/examples/blueprint_plugins/src/screen.scss +12 -12
- data/examples/blueprint_scoped/src/ie.scss +4 -4
- data/examples/blueprint_scoped/src/print.scss +4 -4
- data/examples/blueprint_scoped/src/screen.scss +5 -5
- data/examples/blueprint_scoped_form/src/ie.scss +3 -3
- data/examples/blueprint_scoped_form/src/print.scss +3 -3
- data/examples/blueprint_scoped_form/src/screen.scss +15 -15
- data/examples/blueprint_semantic/config.rb +7 -7
- data/examples/blueprint_semantic/index.html.haml +86 -86
- data/examples/blueprint_semantic/parts/fancy_type.html.haml +100 -100
- data/examples/blueprint_semantic/parts/liquid.html.haml +100 -100
- data/examples/blueprint_semantic/src/ie.scss +3 -3
- data/examples/blueprint_semantic/src/liquid.scss +69 -69
- data/examples/blueprint_semantic/src/print.scss +3 -3
- data/examples/blueprint_semantic/src/screen.scss +69 -69
- data/examples/compass/bootstrap.rb +3 -3
- data/examples/compass/clean.rb +1 -1
- data/examples/compass/compass.html.haml +39 -39
- data/examples/compass/config.rb +8 -8
- data/examples/compass/pie.html.haml +73 -73
- data/examples/compass/sprites.html.haml +37 -37
- data/examples/compass/src/bp_layout.scss +18 -18
- data/examples/compass/src/compass.scss +46 -46
- data/examples/compass/src/pie.scss +110 -110
- data/examples/compass/src/sprites.scss +24 -24
- data/examples/compass/src/sticky_footer.scss +11 -11
- data/examples/compass/src/utilities.scss +108 -108
- data/examples/compass/sticky_footer.html.haml +13 -13
- data/examples/compass/utilities.html.haml +189 -189
- data/examples/css3/bootstrap.rb +3 -3
- data/examples/css3/clean.rb +2 -2
- data/examples/css3/config.rb +6 -6
- data/examples/css3/extensions/fancy-fonts/templates/project/fancy-fonts.sass +10 -10
- data/examples/css3/extensions/fancy-fonts/templates/project/manifest.rb +6 -6
- data/examples/css3/gradients.html.haml +68 -68
- data/examples/css3/index.html.haml +57 -57
- data/examples/css3/src/_base.scss +13 -13
- data/examples/css3/src/fancy-fonts.scss +13 -13
- data/examples/css3/src/gradients.scss +85 -85
- data/examples/css3/src/main.scss +108 -108
- data/examples/downloader.rb +58 -58
- data/examples/ninesixty/bootstrap.rb +4 -4
- data/examples/ninesixty/clean.rb +1 -1
- data/examples/ninesixty/config.rb +9 -9
- data/examples/ninesixty/src/grid.scss +15 -15
- data/examples/ninesixty/src/text.scss +8 -8
- data/examples/susy/bootstrap.rb +3 -3
- data/examples/susy/clean.rb +1 -1
- data/examples/susy/config.rb +9 -9
- data/examples/susy/src/_base.scss +61 -61
- data/examples/susy/src/_defaults.scss +140 -140
- data/examples/susy/src/screen.scss +100 -100
- data/examples/yui/bootstrap.rb +2 -2
- data/examples/yui/clean.rb +1 -1
- data/examples/yui/divisions.html.haml +179 -179
- data/examples/yui/index.html.haml +19 -19
- data/examples/yui/src/screen.scss +13 -13
- data/examples/yui/sub_divisions.html.haml +169 -169
- data/examples/yui/templates.html.haml +54 -54
- data/examples/yui/typography.html.haml +132 -132
- data/features/command_line.feature +292 -292
- data/features/extensions.feature +27 -27
- data/features/step_definitions/command_line_steps.rb +268 -268
- data/features/step_definitions/extension_steps.rb +24 -24
- data/frameworks/blueprint/stylesheets/_blueprint.scss +37 -37
- data/frameworks/blueprint/stylesheets/blueprint/_buttons.scss +100 -100
- data/frameworks/blueprint/stylesheets/blueprint/_colors.scss +36 -36
- data/frameworks/blueprint/stylesheets/blueprint/_debug.scss +28 -28
- data/frameworks/blueprint/stylesheets/blueprint/_fancy-type.scss +88 -88
- data/frameworks/blueprint/stylesheets/blueprint/_form.scss +66 -66
- data/frameworks/blueprint/stylesheets/blueprint/_grid.scss +258 -258
- data/frameworks/blueprint/stylesheets/blueprint/_ie.scss +111 -111
- data/frameworks/blueprint/stylesheets/blueprint/_interaction.scss +66 -66
- data/frameworks/blueprint/stylesheets/blueprint/_link-icons.scss +37 -37
- data/frameworks/blueprint/stylesheets/blueprint/_liquid.scss +152 -152
- data/frameworks/blueprint/stylesheets/blueprint/_print.scss +86 -86
- data/frameworks/blueprint/stylesheets/blueprint/_reset.scss +2 -2
- data/frameworks/blueprint/stylesheets/blueprint/_rtl.scss +121 -121
- data/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss +52 -52
- data/frameworks/blueprint/stylesheets/blueprint/_typography.scss +90 -90
- data/frameworks/blueprint/stylesheets/blueprint/_utilities.scss +37 -37
- data/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss +83 -83
- data/frameworks/blueprint/templates/basic/ie.sass +4 -4
- data/frameworks/blueprint/templates/basic/manifest.rb +30 -30
- data/frameworks/blueprint/templates/basic/partials/_base.sass +10 -10
- data/frameworks/blueprint/templates/basic/print.sass +4 -4
- data/frameworks/blueprint/templates/basic/screen.sass +12 -12
- data/frameworks/blueprint/templates/buttons/buttons.sass +49 -49
- data/frameworks/blueprint/templates/buttons/buttons/cross.png +0 -0
- data/frameworks/blueprint/templates/buttons/buttons/key.png +0 -0
- data/frameworks/blueprint/templates/buttons/buttons/tick.png +0 -0
- data/frameworks/blueprint/templates/buttons/manifest.rb +17 -17
- data/frameworks/blueprint/templates/link_icons/link_icons.sass +13 -13
- data/frameworks/blueprint/templates/link_icons/manifest.rb +23 -23
- data/frameworks/blueprint/templates/project/ie.sass +16 -16
- data/frameworks/blueprint/templates/project/manifest.rb +30 -30
- data/frameworks/blueprint/templates/project/partials/_base.sass +11 -11
- data/frameworks/blueprint/templates/project/print.sass +7 -7
- data/frameworks/blueprint/templates/project/screen.sass +46 -46
- data/frameworks/blueprint/templates/semantic/ie.sass +16 -16
- data/frameworks/blueprint/templates/semantic/manifest.rb +33 -33
- data/frameworks/blueprint/templates/semantic/partials/_base.sass +10 -10
- data/frameworks/blueprint/templates/semantic/partials/_form.sass +5 -5
- data/frameworks/blueprint/templates/semantic/partials/_page.sass +17 -17
- data/frameworks/blueprint/templates/semantic/partials/_two_col.sass +38 -38
- data/frameworks/blueprint/templates/semantic/print.sass +4 -4
- data/frameworks/blueprint/templates/semantic/screen.sass +14 -14
- data/frameworks/compass/stylesheets/_compass.scss +3 -3
- data/frameworks/compass/stylesheets/_lemonade.scss +37 -37
- data/frameworks/compass/stylesheets/compass/_css3.scss +20 -20
- data/frameworks/compass/stylesheets/compass/_layout.scss +3 -3
- data/frameworks/compass/stylesheets/compass/_reset-legacy.scss +3 -3
- data/frameworks/compass/stylesheets/compass/_reset.scss +3 -3
- data/frameworks/compass/stylesheets/compass/_support.scss +40 -40
- data/frameworks/compass/stylesheets/compass/_typography.scss +4 -4
- data/frameworks/compass/stylesheets/compass/_utilities.scss +9 -9
- data/frameworks/compass/stylesheets/compass/css3/_appearance.scss +17 -17
- data/frameworks/compass/stylesheets/compass/css3/_background-clip.scss +43 -43
- data/frameworks/compass/stylesheets/compass/css3/_background-origin.scss +42 -42
- data/frameworks/compass/stylesheets/compass/css3/_background-size.scss +26 -26
- data/frameworks/compass/stylesheets/compass/css3/_border-radius.scss +130 -130
- data/frameworks/compass/stylesheets/compass/css3/_box-shadow.scss +76 -76
- data/frameworks/compass/stylesheets/compass/css3/_box-sizing.scss +13 -13
- data/frameworks/compass/stylesheets/compass/css3/_box.scss +111 -111
- data/frameworks/compass/stylesheets/compass/css3/_columns.scss +156 -156
- data/frameworks/compass/stylesheets/compass/css3/_filter.scss +23 -23
- data/frameworks/compass/stylesheets/compass/css3/_font-face.scss +48 -48
- data/frameworks/compass/stylesheets/compass/css3/_hyphenation.scss +77 -77
- data/frameworks/compass/stylesheets/compass/css3/_images.scss +132 -132
- data/frameworks/compass/stylesheets/compass/css3/_inline-block.scss +22 -22
- data/frameworks/compass/stylesheets/compass/css3/_opacity.scss +19 -19
- data/frameworks/compass/stylesheets/compass/css3/_pie.scss +72 -72
- data/frameworks/compass/stylesheets/compass/css3/_regions.scss +21 -21
- data/frameworks/compass/stylesheets/compass/css3/_shared.scss +38 -38
- data/frameworks/compass/stylesheets/compass/css3/_text-shadow.scss +87 -87
- data/frameworks/compass/stylesheets/compass/css3/_transform-legacy.scss +87 -87
- data/frameworks/compass/stylesheets/compass/css3/_transform.scss +598 -598
- data/frameworks/compass/stylesheets/compass/css3/_transition.scss +221 -221
- data/frameworks/compass/stylesheets/compass/css3/_user-interface.scss +17 -17
- data/frameworks/compass/stylesheets/compass/layout/_grid-background.scss +178 -178
- data/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss +23 -23
- data/frameworks/compass/stylesheets/compass/layout/_stretching.scss +23 -23
- data/frameworks/compass/stylesheets/compass/reset/_utilities-legacy.scss +135 -135
- data/frameworks/compass/stylesheets/compass/reset/_utilities.scss +142 -142
- data/frameworks/compass/stylesheets/compass/typography/_links.scss +3 -3
- data/frameworks/compass/stylesheets/compass/typography/_lists.scss +4 -4
- data/frameworks/compass/stylesheets/compass/typography/_text.scss +4 -4
- data/frameworks/compass/stylesheets/compass/typography/_vertical_rhythm.scss +221 -221
- data/frameworks/compass/stylesheets/compass/typography/links/_hover-link.scss +5 -5
- data/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss +28 -28
- data/frameworks/compass/stylesheets/compass/typography/links/_unstyled-link.scss +7 -7
- data/frameworks/compass/stylesheets/compass/typography/lists/_bullets.scss +34 -34
- data/frameworks/compass/stylesheets/compass/typography/lists/_horizontal-list.scss +61 -61
- data/frameworks/compass/stylesheets/compass/typography/lists/_inline-block-list.scss +50 -50
- data/frameworks/compass/stylesheets/compass/typography/lists/_inline-list.scss +44 -44
- data/frameworks/compass/stylesheets/compass/typography/text/_ellipsis.scss +25 -25
- data/frameworks/compass/stylesheets/compass/typography/text/_force-wrap.scss +12 -12
- data/frameworks/compass/stylesheets/compass/typography/text/_nowrap.scss +2 -2
- data/frameworks/compass/stylesheets/compass/typography/text/_replacement.scss +68 -68
- data/frameworks/compass/stylesheets/compass/utilities/_general.scss +6 -6
- data/frameworks/compass/stylesheets/compass/utilities/_links.scss +5 -5
- data/frameworks/compass/stylesheets/compass/utilities/_lists.scss +6 -6
- data/frameworks/compass/stylesheets/compass/utilities/_print.scss +17 -17
- data/frameworks/compass/stylesheets/compass/utilities/_sprites.scss +2 -2
- data/frameworks/compass/stylesheets/compass/utilities/_tables.scss +3 -3
- data/frameworks/compass/stylesheets/compass/utilities/_text.scss +5 -5
- data/frameworks/compass/stylesheets/compass/utilities/color/_contrast.scss +27 -27
- data/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss +44 -44
- data/frameworks/compass/stylesheets/compass/utilities/general/_float.scss +29 -29
- data/frameworks/compass/stylesheets/compass/utilities/general/_hacks.scss +46 -46
- data/frameworks/compass/stylesheets/compass/utilities/general/_min.scss +16 -16
- data/frameworks/compass/stylesheets/compass/utilities/general/_reset.scss +1 -1
- data/frameworks/compass/stylesheets/compass/utilities/general/_tabs.scss +1 -1
- data/frameworks/compass/stylesheets/compass/utilities/general/_tag-cloud.scss +18 -18
- data/frameworks/compass/stylesheets/compass/utilities/links/_hover-link.scss +3 -3
- data/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss +3 -3
- data/frameworks/compass/stylesheets/compass/utilities/links/_unstyled-link.scss +3 -3
- data/frameworks/compass/stylesheets/compass/utilities/lists/_bullets.scss +3 -3
- data/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss +3 -3
- data/frameworks/compass/stylesheets/compass/utilities/lists/_inline-block-list.scss +3 -3
- data/frameworks/compass/stylesheets/compass/utilities/lists/_inline-list.scss +3 -3
- data/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss +65 -65
- data/frameworks/compass/stylesheets/compass/utilities/sprites/_sprite-img.scss +78 -78
- data/frameworks/compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss +22 -22
- data/frameworks/compass/stylesheets/compass/utilities/tables/_borders.scss +33 -33
- data/frameworks/compass/stylesheets/compass/utilities/tables/_scaffolding.scss +9 -9
- data/frameworks/compass/stylesheets/compass/utilities/text/_ellipsis.scss +3 -3
- data/frameworks/compass/stylesheets/compass/utilities/text/_nowrap.scss +3 -3
- data/frameworks/compass/stylesheets/compass/utilities/text/_replacement.scss +3 -3
- data/frameworks/compass/templates/ellipsis/ellipsis.sass +8 -8
- data/frameworks/compass/templates/ellipsis/manifest.rb +26 -26
- data/frameworks/compass/templates/ellipsis/xml/ellipsis.xml +13 -13
- data/frameworks/compass/templates/extension/manifest.rb +26 -26
- data/frameworks/compass/templates/extension/stylesheets/main.sass +1 -1
- data/frameworks/compass/templates/extension/templates/project/manifest.rb +2 -2
- data/frameworks/compass/templates/extension/templates/project/screen.sass +1 -1
- data/frameworks/compass/templates/pie/LICENSE +12 -12
- data/frameworks/compass/templates/pie/LICENSE-APACHE2.txt +13 -13
- data/frameworks/compass/templates/pie/LICENSE-GPL2.txt +277 -277
- data/frameworks/compass/templates/pie/PIE.htc +96 -96
- data/frameworks/compass/templates/pie/manifest.rb +39 -39
- data/frameworks/compass/templates/pie/pie.scss +73 -73
- data/frameworks/compass/templates/project/USAGE.markdown +32 -32
- data/frameworks/compass/templates/project/ie.sass +6 -6
- data/frameworks/compass/templates/project/manifest.rb +3 -3
- data/frameworks/compass/templates/project/print.sass +6 -6
- data/frameworks/compass/templates/project/screen.sass +7 -7
- data/lib/compass.rb +37 -37
- data/lib/compass/actions.rb +115 -115
- data/lib/compass/app_integration.rb +39 -39
- data/lib/compass/app_integration/rails.rb +18 -18
- data/lib/compass/app_integration/stand_alone.rb +22 -22
- data/lib/compass/app_integration/stand_alone/configuration_defaults.rb +32 -32
- data/lib/compass/app_integration/stand_alone/installer.rb +83 -83
- data/lib/compass/browser_support.rb +62 -62
- data/lib/compass/commands.rb +12 -12
- data/lib/compass/commands/base.rb +44 -44
- data/lib/compass/commands/clean_project.rb +79 -79
- data/lib/compass/commands/create_project.rb +131 -131
- data/lib/compass/commands/default.rb +50 -50
- data/lib/compass/commands/extension_command.rb +60 -60
- data/lib/compass/commands/generate_grid_background.rb +96 -96
- data/lib/compass/commands/help.rb +85 -85
- data/lib/compass/commands/imports.rb +35 -35
- data/lib/compass/commands/installer_command.rb +32 -32
- data/lib/compass/commands/interactive.rb +61 -61
- data/lib/compass/commands/list_frameworks.rb +38 -38
- data/lib/compass/commands/print_version.rb +99 -99
- data/lib/compass/commands/project_base.rb +103 -103
- data/lib/compass/commands/project_stats.rb +178 -178
- data/lib/compass/commands/project_structure.rb +93 -93
- data/lib/compass/commands/registry.rb +40 -40
- data/lib/compass/commands/sprite.rb +89 -89
- data/lib/compass/commands/stamp_pattern.rb +90 -90
- data/lib/compass/commands/unpack_extension.rb +120 -120
- data/lib/compass/commands/update_project.rb +139 -139
- data/lib/compass/commands/validate_project.rb +77 -77
- data/lib/compass/commands/watch_project.rb +170 -170
- data/lib/compass/commands/write_configuration.rb +125 -125
- data/lib/compass/compiler.rb +200 -200
- data/lib/compass/configuration.rb +91 -91
- data/lib/compass/configuration/adapters.rb +77 -77
- data/lib/compass/configuration/comments.rb +59 -59
- data/lib/compass/configuration/data.rb +193 -193
- data/lib/compass/configuration/defaults.rb +187 -187
- data/lib/compass/configuration/file_data.rb +21 -21
- data/lib/compass/configuration/helpers.rb +160 -160
- data/lib/compass/configuration/inheritance.rb +304 -304
- data/lib/compass/configuration/paths.rb +19 -19
- data/lib/compass/configuration/serialization.rb +88 -88
- data/lib/compass/dependencies.rb +12 -12
- data/lib/compass/errors.rb +11 -11
- data/lib/compass/exec.rb +23 -23
- data/lib/compass/exec/command_option_parser.rb +23 -23
- data/lib/compass/exec/global_options_parser.rb +63 -63
- data/lib/compass/exec/helpers.rb +21 -21
- data/lib/compass/exec/project_options_parser.rb +66 -66
- data/lib/compass/exec/sub_command_ui.rb +51 -51
- data/lib/compass/exec/switch_ui.rb +179 -179
- data/lib/compass/frameworks.rb +133 -133
- data/lib/compass/grid_builder.rb +102 -102
- data/lib/compass/installers.rb +3 -3
- data/lib/compass/installers/bare_installer.rb +58 -58
- data/lib/compass/installers/base.rb +187 -187
- data/lib/compass/installers/manifest.rb +161 -161
- data/lib/compass/installers/manifest_installer.rb +61 -61
- data/lib/compass/installers/template_context.rb +43 -43
- data/lib/compass/logger.rb +103 -103
- data/lib/compass/quick_cache.rb +15 -15
- data/lib/compass/rails.rb +2 -2
- data/lib/compass/sass_extensions.rb +10 -10
- data/lib/compass/sass_extensions/functions.rb +34 -34
- data/lib/compass/sass_extensions/functions/colors.rb +67 -67
- data/lib/compass/sass_extensions/functions/constants.rb +74 -74
- data/lib/compass/sass_extensions/functions/cross_browser_support.rb +70 -70
- data/lib/compass/sass_extensions/functions/display.rb +27 -27
- data/lib/compass/sass_extensions/functions/enumerate.rb +6 -6
- data/lib/compass/sass_extensions/functions/env.rb +5 -5
- data/lib/compass/sass_extensions/functions/font_files.rb +41 -41
- data/lib/compass/sass_extensions/functions/gradient_support.rb +540 -540
- data/lib/compass/sass_extensions/functions/image_size.rb +113 -113
- data/lib/compass/sass_extensions/functions/inline_image.rb +64 -64
- data/lib/compass/sass_extensions/functions/lists.rb +101 -101
- data/lib/compass/sass_extensions/functions/math.rb +63 -63
- data/lib/compass/sass_extensions/functions/selectors.rb +63 -63
- data/lib/compass/sass_extensions/functions/sprites.rb +218 -218
- data/lib/compass/sass_extensions/functions/urls.rb +266 -266
- data/lib/compass/sass_extensions/monkey_patches.rb +3 -3
- data/lib/compass/sass_extensions/monkey_patches/browser_support.rb +95 -95
- data/lib/compass/sass_extensions/monkey_patches/traversal.rb +23 -23
- data/lib/compass/sass_extensions/sprites.rb +19 -19
- data/lib/compass/sass_extensions/sprites/engines.rb +25 -25
- data/lib/compass/sass_extensions/sprites/engines/chunky_png_engine.rb +30 -30
- data/lib/compass/sass_extensions/sprites/image.rb +151 -151
- data/lib/compass/sass_extensions/sprites/image_methods.rb +31 -31
- data/lib/compass/sass_extensions/sprites/image_row.rb +46 -46
- data/lib/compass/sass_extensions/sprites/layout_methods.rb +158 -158
- data/lib/compass/sass_extensions/sprites/row_fitter.rb +91 -91
- data/lib/compass/sass_extensions/sprites/sprite_map.rb +86 -86
- data/lib/compass/sass_extensions/sprites/sprite_methods.rb +141 -141
- data/lib/compass/sprite_importer.rb +116 -116
- data/lib/compass/sprite_importer/binding.rb +10 -10
- data/lib/compass/sprite_importer/content.erb +80 -80
- data/lib/compass/stats.rb +99 -99
- data/lib/compass/test_case.rb +38 -38
- data/lib/compass/util.rb +29 -29
- data/lib/compass/validator.rb +16 -16
- data/lib/compass/version.rb +60 -60
- data/test/fixtures/extensions/only_stylesheets/compass_init.rb +1 -1
- data/test/fixtures/extensions/only_stylesheets/scss/only_stylesheets/foo.scss +3 -3
- data/test/fixtures/fonts/bgrove.base64.txt +1 -1
- data/test/fixtures/fonts/bgrove.ttf +0 -0
- data/test/fixtures/sprites/public/images/ko/starbg26x27.png +0 -0
- data/test/fixtures/stylesheets/blueprint/config.rb +14 -14
- data/test/fixtures/stylesheets/blueprint/css/ie.css +76 -76
- data/test/fixtures/stylesheets/blueprint/css/print.css +56 -56
- data/test/fixtures/stylesheets/blueprint/css/screen.css +815 -815
- data/test/fixtures/stylesheets/blueprint/css/single-imports/buttons.css +56 -56
- data/test/fixtures/stylesheets/blueprint/css/single-imports/colors.css +80 -80
- data/test/fixtures/stylesheets/blueprint/css/single-imports/debug.css +11 -11
- data/test/fixtures/stylesheets/blueprint/css/single-imports/fancy-type.css +30 -30
- data/test/fixtures/stylesheets/blueprint/css/single-imports/form.css +42 -42
- data/test/fixtures/stylesheets/blueprint/css/single-imports/grid.css +435 -435
- data/test/fixtures/stylesheets/blueprint/css/single-imports/ie.css +76 -76
- data/test/fixtures/stylesheets/blueprint/css/single-imports/interaction.css +46 -46
- data/test/fixtures/stylesheets/blueprint/css/single-imports/link-icons.css +40 -40
- data/test/fixtures/stylesheets/blueprint/css/single-imports/liquid.css +651 -651
- data/test/fixtures/stylesheets/blueprint/css/single-imports/print.css +60 -60
- data/test/fixtures/stylesheets/blueprint/css/single-imports/reset-utilities.css +75 -75
- data/test/fixtures/stylesheets/blueprint/css/single-imports/reset.css +42 -42
- data/test/fixtures/stylesheets/blueprint/css/single-imports/rtl.css +437 -437
- data/test/fixtures/stylesheets/blueprint/css/single-imports/scaffolding.css +45 -45
- data/test/fixtures/stylesheets/blueprint/css/single-imports/typography.css +146 -146
- data/test/fixtures/stylesheets/blueprint/css/single-imports/utilities.css +35 -35
- data/test/fixtures/stylesheets/blueprint/sass/ie.sass +3 -3
- data/test/fixtures/stylesheets/blueprint/sass/print.sass +3 -3
- data/test/fixtures/stylesheets/blueprint/sass/screen.sass +18 -18
- data/test/fixtures/stylesheets/blueprint/sass/single-imports/buttons.scss +3 -3
- data/test/fixtures/stylesheets/blueprint/sass/single-imports/colors.scss +34 -34
- data/test/fixtures/stylesheets/blueprint/sass/single-imports/debug.scss +3 -3
- data/test/fixtures/stylesheets/blueprint/sass/single-imports/fancy-type.scss +3 -3
- data/test/fixtures/stylesheets/blueprint/sass/single-imports/form.scss +4 -4
- data/test/fixtures/stylesheets/blueprint/sass/single-imports/grid.scss +2 -2
- data/test/fixtures/stylesheets/blueprint/sass/single-imports/ie.scss +2 -2
- data/test/fixtures/stylesheets/blueprint/sass/single-imports/interaction.scss +3 -3
- data/test/fixtures/stylesheets/blueprint/sass/single-imports/link-icons.scss +12 -12
- data/test/fixtures/stylesheets/blueprint/sass/single-imports/liquid.scss +2 -2
- data/test/fixtures/stylesheets/blueprint/sass/single-imports/print.scss +4 -4
- data/test/fixtures/stylesheets/blueprint/sass/single-imports/reset-utilities.scss +4 -4
- data/test/fixtures/stylesheets/blueprint/sass/single-imports/reset.scss +1 -1
- data/test/fixtures/stylesheets/blueprint/sass/single-imports/rtl.scss +2 -2
- data/test/fixtures/stylesheets/blueprint/sass/single-imports/scaffolding.scss +5 -5
- data/test/fixtures/stylesheets/blueprint/sass/single-imports/typography.scss +3 -3
- data/test/fixtures/stylesheets/blueprint/sass/single-imports/utilities.scss +3 -3
- data/test/fixtures/stylesheets/busted_image_urls/config.rb +29 -29
- data/test/fixtures/stylesheets/busted_image_urls/css/screen.css +9 -9
- data/test/fixtures/stylesheets/busted_image_urls/sass/screen.sass +13 -13
- data/test/fixtures/stylesheets/compass/config.rb +16 -16
- data/test/fixtures/stylesheets/compass/css/background-clip.css +10 -10
- data/test/fixtures/stylesheets/compass/css/border_radius.css +14 -14
- data/test/fixtures/stylesheets/compass/css/box-sizeing.css +9 -9
- data/test/fixtures/stylesheets/compass/css/box.css +103 -103
- data/test/fixtures/stylesheets/compass/css/box_shadow.css +14 -14
- data/test/fixtures/stylesheets/compass/css/columns.css +161 -161
- data/test/fixtures/stylesheets/compass/css/filters.css +29 -29
- data/test/fixtures/stylesheets/compass/css/fonts.css +4 -4
- data/test/fixtures/stylesheets/compass/css/force-wrap.css +9 -9
- data/test/fixtures/stylesheets/compass/css/gradients.css +202 -202
- data/test/fixtures/stylesheets/compass/css/grid_background.css +71 -71
- data/test/fixtures/stylesheets/compass/css/hyphenation.css +16 -16
- data/test/fixtures/stylesheets/compass/css/image_size.css +15 -15
- data/test/fixtures/stylesheets/compass/css/images.css +8 -8
- data/test/fixtures/stylesheets/compass/css/layout.css +16 -16
- data/test/fixtures/stylesheets/compass/css/legacy_clearfix.css +26 -26
- data/test/fixtures/stylesheets/compass/css/lists.css +151 -151
- data/test/fixtures/stylesheets/compass/css/opacity.css +3 -3
- data/test/fixtures/stylesheets/compass/css/pie.css +26 -26
- data/test/fixtures/stylesheets/compass/css/print.css +11 -11
- data/test/fixtures/stylesheets/compass/css/regions.css +7 -7
- data/test/fixtures/stylesheets/compass/css/replacement.css +59 -59
- data/test/fixtures/stylesheets/compass/css/reset.css +59 -59
- data/test/fixtures/stylesheets/compass/css/sprites.css +1262 -1262
- data/test/fixtures/stylesheets/compass/css/stretching.css +66 -66
- data/test/fixtures/stylesheets/compass/css/text_shadow.css +29 -29
- data/test/fixtures/stylesheets/compass/css/transform.css +441 -441
- data/test/fixtures/stylesheets/compass/css/transition.css +128 -128
- data/test/fixtures/stylesheets/compass/css/user-interface.css +4 -4
- data/test/fixtures/stylesheets/compass/css/utilities.css +56 -56
- data/test/fixtures/stylesheets/compass/css/vertical_rhythm.css +45 -45
- data/test/fixtures/stylesheets/compass/sass/background-clip.scss +7 -7
- data/test/fixtures/stylesheets/compass/sass/border_radius.scss +5 -5
- data/test/fixtures/stylesheets/compass/sass/box-sizeing.scss +7 -7
- data/test/fixtures/stylesheets/compass/sass/box.sass +49 -49
- data/test/fixtures/stylesheets/compass/sass/box_shadow.scss +5 -5
- data/test/fixtures/stylesheets/compass/sass/columns.scss +28 -28
- data/test/fixtures/stylesheets/compass/sass/filters.scss +24 -24
- data/test/fixtures/stylesheets/compass/sass/fonts.sass +2 -2
- data/test/fixtures/stylesheets/compass/sass/force-wrap.scss +3 -3
- data/test/fixtures/stylesheets/compass/sass/gradients.sass +96 -96
- data/test/fixtures/stylesheets/compass/sass/grid_background.scss +33 -33
- data/test/fixtures/stylesheets/compass/sass/hyphenation.scss +10 -10
- data/test/fixtures/stylesheets/compass/sass/image_size.sass +15 -15
- data/test/fixtures/stylesheets/compass/sass/images.scss +8 -8
- data/test/fixtures/stylesheets/compass/sass/layout.sass +3 -3
- data/test/fixtures/stylesheets/compass/sass/legacy_clearfix.scss +14 -14
- data/test/fixtures/stylesheets/compass/sass/lists.scss +11 -11
- data/test/fixtures/stylesheets/compass/sass/opacity.scss +5 -5
- data/test/fixtures/stylesheets/compass/sass/pie.scss +47 -47
- data/test/fixtures/stylesheets/compass/sass/print.sass +5 -5
- data/test/fixtures/stylesheets/compass/sass/regions.scss +3 -3
- data/test/fixtures/stylesheets/compass/sass/replacement.scss +22 -22
- data/test/fixtures/stylesheets/compass/sass/reset.sass +12 -12
- data/test/fixtures/stylesheets/compass/sass/sprites.scss +13 -13
- data/test/fixtures/stylesheets/compass/sass/stretching.sass +33 -33
- data/test/fixtures/stylesheets/compass/sass/text_shadow.scss +11 -11
- data/test/fixtures/stylesheets/compass/sass/transform.scss +87 -87
- data/test/fixtures/stylesheets/compass/sass/transition.scss +24 -24
- data/test/fixtures/stylesheets/compass/sass/user-interface.scss +4 -4
- data/test/fixtures/stylesheets/compass/sass/utilities.scss +20 -20
- data/test/fixtures/stylesheets/compass/sass/vertical_rhythm.scss +15 -15
- data/test/fixtures/stylesheets/envtest/config.rb +9 -9
- data/test/fixtures/stylesheets/envtest/css/env.css +2 -2
- data/test/fixtures/stylesheets/envtest/sass/env.scss +3 -3
- data/test/fixtures/stylesheets/error/config.rb +10 -10
- data/test/fixtures/stylesheets/error/sass/screen.sass +2 -2
- data/test/fixtures/stylesheets/image_urls/config.rb +19 -19
- data/test/fixtures/stylesheets/image_urls/css/screen.css +5 -5
- data/test/fixtures/stylesheets/image_urls/sass/screen.sass +8 -8
- data/test/fixtures/stylesheets/relative/config.rb +10 -10
- data/test/fixtures/stylesheets/relative/css/ie.css +1 -1
- data/test/fixtures/stylesheets/relative/css/print.css +1 -1
- data/test/fixtures/stylesheets/relative/css/screen.css +1 -1
- data/test/fixtures/stylesheets/relative/sass/ie.sass +5 -5
- data/test/fixtures/stylesheets/relative/sass/print.sass +3 -3
- data/test/fixtures/stylesheets/relative/sass/screen.sass +2 -2
- data/test/fixtures/stylesheets/uses_only_stylesheets_ext/config.rb +25 -25
- data/test/fixtures/stylesheets/uses_only_stylesheets_ext/sass/ie.scss +5 -5
- data/test/fixtures/stylesheets/uses_only_stylesheets_ext/sass/print.scss +3 -3
- data/test/fixtures/stylesheets/uses_only_stylesheets_ext/sass/screen.scss +6 -6
- data/test/fixtures/stylesheets/uses_only_stylesheets_ext/stylesheets/ie.css +5 -5
- data/test/fixtures/stylesheets/uses_only_stylesheets_ext/stylesheets/print.css +3 -3
- data/test/fixtures/stylesheets/uses_only_stylesheets_ext/stylesheets/screen.css +68 -68
- data/test/fixtures/stylesheets/valid/config.rb +9 -9
- data/test/fixtures/stylesheets/valid/sass/simple.sass +1 -1
- data/test/helpers/command_line.rb +114 -114
- data/test/helpers/diff.rb +48 -48
- data/test/helpers/io.rb +36 -36
- data/test/helpers/rails.rb +55 -55
- data/test/helpers/test_case.rb +62 -62
- data/test/integrations/compass_test.rb +224 -224
- data/test/integrations/sprites_test.rb +843 -843
- data/test/test_helper.rb +73 -73
- data/test/units/actions_test.rb +23 -23
- data/test/units/command_line_test.rb +60 -60
- data/test/units/compass_module_test.rb +36 -36
- data/test/units/compass_png_test.rb +45 -45
- data/test/units/compiler_test.rb +10 -10
- data/test/units/configuration_test.rb +440 -440
- data/test/units/regressions_test.rb +35 -35
- data/test/units/sass_extensions_test.rb +198 -198
- data/test/units/sprites/engine_test.rb +47 -47
- data/test/units/sprites/image_row_test.rb +57 -57
- data/test/units/sprites/image_test.rb +99 -99
- data/test/units/sprites/importer_test.rb +90 -90
- data/test/units/sprites/layout_test.rb +154 -154
- data/test/units/sprites/row_fitter_test.rb +65 -65
- data/test/units/sprites/sprite_command_test.rb +54 -54
- data/test/units/sprites/sprite_map_test.rb +130 -130
- metadata +1304 -1310
@@ -1,88 +1,88 @@
|
|
1
|
-
@charset "utf-8";
|
2
|
-
@import "typography";
|
3
|
-
|
4
|
-
$alternate-text-font : "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif !default;
|
5
|
-
|
6
|
-
// To install the fancy type plugin:
|
7
|
-
//
|
8
|
-
// 1. Import the fancy-type module: `@import "blueprint/fancy-type"`
|
9
|
-
// 2. Mix in `fancy-type` to your project's body or at the top level of your stylesheet:<br>
|
10
|
-
// `body { @include fancy-type; }`
|
11
|
-
@mixin fancy-type {
|
12
|
-
@include fancy-paragraphs;
|
13
|
-
.caps { @include caps; }
|
14
|
-
.dquo { @include dquo; }
|
15
|
-
.alt { @include alt; }
|
16
|
-
}
|
17
|
-
|
18
|
-
// For great looking type, use this code instead of asdf:
|
19
|
-
// `<span class="alt">asdf</span>`
|
20
|
-
// Best used on prepositions and ampersands.
|
21
|
-
|
22
|
-
@mixin alt {
|
23
|
-
color: $alt-text-color;
|
24
|
-
font-family: $alternate-text-font;
|
25
|
-
font-style: italic;
|
26
|
-
font-weight: normal;
|
27
|
-
}
|
28
|
-
|
29
|
-
// For great looking quote marks in titles, replace "asdf" with:
|
30
|
-
// `<span class="dquo">“</span>asdf”`
|
31
|
-
// (That is, when the title starts with a quote mark).
|
32
|
-
// Note: you may have to change this value depending on your font size.
|
33
|
-
|
34
|
-
@mixin dquo($offset: 0.5em) {
|
35
|
-
margin-left: -$offset;
|
36
|
-
}
|
37
|
-
|
38
|
-
// Reduced size type with [incremental leading](http://www.markboulton.co.uk/journal/comments/incremental-leading/)
|
39
|
-
//
|
40
|
-
// This could be used for side notes. For smaller type, you don't necessarily want to
|
41
|
-
// follow the 1.5x vertical rhythm -- the line-height is too much.
|
42
|
-
//
|
43
|
-
// Using this mixin, reduces your font size and line-height so that for
|
44
|
-
// every four lines of normal sized type, there is five lines of the sidenote. eg:
|
45
|
-
//
|
46
|
-
// Arguments:
|
47
|
-
// * `$font-size` - The desired font size in pixels. This will be converted to ems for you. Defaults to 10px.
|
48
|
-
// * `$base-font-size` - The base font size in pixels. Defaults to 12px
|
49
|
-
// * `$old-line-height` - The old line height. Defaults to 1.5 times the base-font-size
|
50
|
-
|
51
|
-
@mixin incr(
|
52
|
-
$font-size: 10px,
|
53
|
-
$base-font-size: $blueprint-font-size,
|
54
|
-
$old-line-height: $base-font-size * 1.5
|
55
|
-
) {
|
56
|
-
font-size: 1em * $font-size / $base-font-size;
|
57
|
-
line-height: 1em * $old-line-height / $font-size * 4 / 5;
|
58
|
-
margin-bottom: 1.5em;
|
59
|
-
}
|
60
|
-
|
61
|
-
// Surround uppercase words and abbreviations with this class.
|
62
|
-
// Based on work by [Jørgen Arnor Gårdsø Lom](http://twistedintellect.com/)
|
63
|
-
|
64
|
-
@mixin caps {
|
65
|
-
font-variant: small-caps;
|
66
|
-
letter-spacing: 1px;
|
67
|
-
text-transform: lowercase;
|
68
|
-
font-size: 1.2em;
|
69
|
-
line-height: 1%;
|
70
|
-
font-weight: bold;
|
71
|
-
padding: 0 2px;
|
72
|
-
}
|
73
|
-
|
74
|
-
// This mixin is automatically included when you include `fancy-type`
|
75
|
-
@mixin fancy-paragraphs {
|
76
|
-
p + p { @include sibling-indentation; }
|
77
|
-
p.incr,
|
78
|
-
.incr p { @include incr; }
|
79
|
-
}
|
80
|
-
|
81
|
-
// Indentation instead of line shifts for sibling paragraphs. Mixin to a selector like `p + p`
|
82
|
-
@mixin sibling-indentation {
|
83
|
-
text-indent: 2em;
|
84
|
-
margin-top: -1.5em;
|
85
|
-
/* Don't want this in forms. */
|
86
|
-
form & { text-indent: 0; }
|
87
|
-
}
|
88
|
-
|
1
|
+
@charset "utf-8";
|
2
|
+
@import "typography";
|
3
|
+
|
4
|
+
$alternate-text-font : "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif !default;
|
5
|
+
|
6
|
+
// To install the fancy type plugin:
|
7
|
+
//
|
8
|
+
// 1. Import the fancy-type module: `@import "blueprint/fancy-type"`
|
9
|
+
// 2. Mix in `fancy-type` to your project's body or at the top level of your stylesheet:<br>
|
10
|
+
// `body { @include fancy-type; }`
|
11
|
+
@mixin fancy-type {
|
12
|
+
@include fancy-paragraphs;
|
13
|
+
.caps { @include caps; }
|
14
|
+
.dquo { @include dquo; }
|
15
|
+
.alt { @include alt; }
|
16
|
+
}
|
17
|
+
|
18
|
+
// For great looking type, use this code instead of asdf:
|
19
|
+
// `<span class="alt">asdf</span>`
|
20
|
+
// Best used on prepositions and ampersands.
|
21
|
+
|
22
|
+
@mixin alt {
|
23
|
+
color: $alt-text-color;
|
24
|
+
font-family: $alternate-text-font;
|
25
|
+
font-style: italic;
|
26
|
+
font-weight: normal;
|
27
|
+
}
|
28
|
+
|
29
|
+
// For great looking quote marks in titles, replace "asdf" with:
|
30
|
+
// `<span class="dquo">“</span>asdf”`
|
31
|
+
// (That is, when the title starts with a quote mark).
|
32
|
+
// Note: you may have to change this value depending on your font size.
|
33
|
+
|
34
|
+
@mixin dquo($offset: 0.5em) {
|
35
|
+
margin-left: -$offset;
|
36
|
+
}
|
37
|
+
|
38
|
+
// Reduced size type with [incremental leading](http://www.markboulton.co.uk/journal/comments/incremental-leading/)
|
39
|
+
//
|
40
|
+
// This could be used for side notes. For smaller type, you don't necessarily want to
|
41
|
+
// follow the 1.5x vertical rhythm -- the line-height is too much.
|
42
|
+
//
|
43
|
+
// Using this mixin, reduces your font size and line-height so that for
|
44
|
+
// every four lines of normal sized type, there is five lines of the sidenote. eg:
|
45
|
+
//
|
46
|
+
// Arguments:
|
47
|
+
// * `$font-size` - The desired font size in pixels. This will be converted to ems for you. Defaults to 10px.
|
48
|
+
// * `$base-font-size` - The base font size in pixels. Defaults to 12px
|
49
|
+
// * `$old-line-height` - The old line height. Defaults to 1.5 times the base-font-size
|
50
|
+
|
51
|
+
@mixin incr(
|
52
|
+
$font-size: 10px,
|
53
|
+
$base-font-size: $blueprint-font-size,
|
54
|
+
$old-line-height: $base-font-size * 1.5
|
55
|
+
) {
|
56
|
+
font-size: 1em * $font-size / $base-font-size;
|
57
|
+
line-height: 1em * $old-line-height / $font-size * 4 / 5;
|
58
|
+
margin-bottom: 1.5em;
|
59
|
+
}
|
60
|
+
|
61
|
+
// Surround uppercase words and abbreviations with this class.
|
62
|
+
// Based on work by [Jørgen Arnor Gårdsø Lom](http://twistedintellect.com/)
|
63
|
+
|
64
|
+
@mixin caps {
|
65
|
+
font-variant: small-caps;
|
66
|
+
letter-spacing: 1px;
|
67
|
+
text-transform: lowercase;
|
68
|
+
font-size: 1.2em;
|
69
|
+
line-height: 1%;
|
70
|
+
font-weight: bold;
|
71
|
+
padding: 0 2px;
|
72
|
+
}
|
73
|
+
|
74
|
+
// This mixin is automatically included when you include `fancy-type`
|
75
|
+
@mixin fancy-paragraphs {
|
76
|
+
p + p { @include sibling-indentation; }
|
77
|
+
p.incr,
|
78
|
+
.incr p { @include incr; }
|
79
|
+
}
|
80
|
+
|
81
|
+
// Indentation instead of line shifts for sibling paragraphs. Mixin to a selector like `p + p`
|
82
|
+
@mixin sibling-indentation {
|
83
|
+
text-indent: 2em;
|
84
|
+
margin-top: -1.5em;
|
85
|
+
/* Don't want this in forms. */
|
86
|
+
form & { text-indent: 0; }
|
87
|
+
}
|
88
|
+
|
@@ -1,66 +1,66 @@
|
|
1
|
-
@import "colors";
|
2
|
-
|
3
|
-
// Mixin for producing Blueprint "inline" forms. Should be used with the blueprint-form mixin.
|
4
|
-
@mixin blueprint-inline-form {
|
5
|
-
line-height: 3;
|
6
|
-
p {
|
7
|
-
margin-bottom: 0;
|
8
|
-
}
|
9
|
-
}
|
10
|
-
|
11
|
-
@mixin blueprint-form {
|
12
|
-
@include blueprint-form-layout;
|
13
|
-
@include blueprint-form-borders;
|
14
|
-
@include blueprint-form-sizes;
|
15
|
-
}
|
16
|
-
|
17
|
-
@mixin blueprint-form-layout {
|
18
|
-
label { font-weight: bold; }
|
19
|
-
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; }
|
20
|
-
legend { font-weight: bold; font-size: 1.2em; }
|
21
|
-
input {
|
22
|
-
&.text,
|
23
|
-
&.title,
|
24
|
-
&[type=email],
|
25
|
-
&[type=text],
|
26
|
-
&[type=password] { margin: 0.5em 0; background-color: white; padding: 5px; }
|
27
|
-
&.title { font-size: 1.5em; }
|
28
|
-
}
|
29
|
-
textarea { margin: 0.5em 0; padding: 5px; }
|
30
|
-
select { margin: 0.5em 0; }
|
31
|
-
}
|
32
|
-
|
33
|
-
@mixin blueprint-form-sizes
|
34
|
-
(
|
35
|
-
$input-width: 300px,
|
36
|
-
$textarea-width: 390px,
|
37
|
-
$textarea-height: 250px
|
38
|
-
) {
|
39
|
-
input {
|
40
|
-
&.text,
|
41
|
-
&.title,
|
42
|
-
&[type=email],
|
43
|
-
&[type=text],
|
44
|
-
&[type=password] { width: $input-width; }
|
45
|
-
}
|
46
|
-
textarea { width: $textarea-width; height: $textarea-height; }
|
47
|
-
}
|
48
|
-
|
49
|
-
@mixin blueprint-form-borders
|
50
|
-
(
|
51
|
-
$unfocused-border-color: #bbbbbb,
|
52
|
-
$focus-border-color: #666666,
|
53
|
-
$fieldset-border-color: #cccccc
|
54
|
-
) {
|
55
|
-
fieldset {
|
56
|
-
border: 1px solid $fieldset-border-color; }
|
57
|
-
input.text, input.title, input[type=email], input[type=text], input[type=password],
|
58
|
-
textarea {
|
59
|
-
background-color:#fff;
|
60
|
-
border: 1px solid $unfocused-border-color;
|
61
|
-
&:focus {
|
62
|
-
border-color: $focus-border-color;
|
63
|
-
}
|
64
|
-
}
|
65
|
-
select { background-color:#fff; border-width:1px; border-style:solid; }
|
66
|
-
}
|
1
|
+
@import "colors";
|
2
|
+
|
3
|
+
// Mixin for producing Blueprint "inline" forms. Should be used with the blueprint-form mixin.
|
4
|
+
@mixin blueprint-inline-form {
|
5
|
+
line-height: 3;
|
6
|
+
p {
|
7
|
+
margin-bottom: 0;
|
8
|
+
}
|
9
|
+
}
|
10
|
+
|
11
|
+
@mixin blueprint-form {
|
12
|
+
@include blueprint-form-layout;
|
13
|
+
@include blueprint-form-borders;
|
14
|
+
@include blueprint-form-sizes;
|
15
|
+
}
|
16
|
+
|
17
|
+
@mixin blueprint-form-layout {
|
18
|
+
label { font-weight: bold; }
|
19
|
+
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; }
|
20
|
+
legend { font-weight: bold; font-size: 1.2em; }
|
21
|
+
input {
|
22
|
+
&.text,
|
23
|
+
&.title,
|
24
|
+
&[type=email],
|
25
|
+
&[type=text],
|
26
|
+
&[type=password] { margin: 0.5em 0; background-color: white; padding: 5px; }
|
27
|
+
&.title { font-size: 1.5em; }
|
28
|
+
}
|
29
|
+
textarea { margin: 0.5em 0; padding: 5px; }
|
30
|
+
select { margin: 0.5em 0; }
|
31
|
+
}
|
32
|
+
|
33
|
+
@mixin blueprint-form-sizes
|
34
|
+
(
|
35
|
+
$input-width: 300px,
|
36
|
+
$textarea-width: 390px,
|
37
|
+
$textarea-height: 250px
|
38
|
+
) {
|
39
|
+
input {
|
40
|
+
&.text,
|
41
|
+
&.title,
|
42
|
+
&[type=email],
|
43
|
+
&[type=text],
|
44
|
+
&[type=password] { width: $input-width; }
|
45
|
+
}
|
46
|
+
textarea { width: $textarea-width; height: $textarea-height; }
|
47
|
+
}
|
48
|
+
|
49
|
+
@mixin blueprint-form-borders
|
50
|
+
(
|
51
|
+
$unfocused-border-color: #bbbbbb,
|
52
|
+
$focus-border-color: #666666,
|
53
|
+
$fieldset-border-color: #cccccc
|
54
|
+
) {
|
55
|
+
fieldset {
|
56
|
+
border: 1px solid $fieldset-border-color; }
|
57
|
+
input.text, input.title, input[type=email], input[type=text], input[type=password],
|
58
|
+
textarea {
|
59
|
+
background-color:#fff;
|
60
|
+
border: 1px solid $unfocused-border-color;
|
61
|
+
&:focus {
|
62
|
+
border-color: $focus-border-color;
|
63
|
+
}
|
64
|
+
}
|
65
|
+
select { background-color:#fff; border-width:1px; border-style:solid; }
|
66
|
+
}
|
@@ -1,258 +1,258 @@
|
|
1
|
-
// --------------------------------------------------------------
|
2
|
-
// SASS Gridification
|
3
|
-
// * Author: Chris Eppstein
|
4
|
-
// A SASS adaptation of Blueprint CSS
|
5
|
-
// * Version: 0.7.1 (2008-02-25)
|
6
|
-
// * Website: http://code.google.com/p/blueprintcss/
|
7
|
-
// Based on work by:
|
8
|
-
// * Lorin Tackett [lorintackett.com]
|
9
|
-
// * Olav Bjorkoy [bjorkoy.com]
|
10
|
-
// * Nathan Borror [playgroundblues.com]
|
11
|
-
// * Jeff Croft [jeffcroft.com]
|
12
|
-
// * Christian Metts [mintchaos.com]
|
13
|
-
// * Khoi Vinh [subtraction.com]
|
14
|
-
// Read more about using a grid here:
|
15
|
-
// * http://www.subtraction.com/2007/03/18/oh-yeeaahh
|
16
|
-
// --------------------------------------------------------------
|
17
|
-
|
18
|
-
@import "compass/utilities/general/float";
|
19
|
-
@import "compass/utilities/general/clearfix";
|
20
|
-
|
21
|
-
// The number of columns in the grid.
|
22
|
-
$blueprint-grid-columns: 24 !default;
|
23
|
-
|
24
|
-
// The width of a column
|
25
|
-
$blueprint-grid-width: 30px !default;
|
26
|
-
|
27
|
-
// The amount of margin between columns
|
28
|
-
$blueprint-grid-margin: 10px !default;
|
29
|
-
|
30
|
-
// The width of a column including the margin. With default settings this is `40px`.
|
31
|
-
$blueprint-grid-outer-width: $blueprint-grid-width + $blueprint-grid-margin;
|
32
|
-
|
33
|
-
// The width of the container. With default settings this is `950px`.
|
34
|
-
$blueprint-container-size: $blueprint-grid-outer-width * $blueprint-grid-columns - $blueprint-grid-margin;
|
35
|
-
|
36
|
-
// Generates presentational class names that you can use
|
37
|
-
// in your html to layout your pages.
|
38
|
-
//
|
39
|
-
// #### Note:
|
40
|
-
// Best practices discourage using this mixin,
|
41
|
-
// but it is provided to support legacy websites
|
42
|
-
// and to test the sass port against blueprint's example pages.
|
43
|
-
|
44
|
-
@mixin blueprint-grid {
|
45
|
-
// A container should group all your columns
|
46
|
-
.container {
|
47
|
-
@include container; }
|
48
|
-
.column {
|
49
|
-
@include column-base; }
|
50
|
-
// The last column in a row needs this class (or mixin) or it will end up on the next row.
|
51
|
-
.last {
|
52
|
-
@include last; }
|
53
|
-
// Use these classes (or mixins) to set the width of a column.
|
54
|
-
@for $n from 1 to $blueprint-grid-columns {
|
55
|
-
.span-#{$n} {
|
56
|
-
@extend .column;
|
57
|
-
width: span($n); } }
|
58
|
-
.span-#{$blueprint-grid-columns} {
|
59
|
-
@extend .column;
|
60
|
-
width: span($blueprint-grid-columns);
|
61
|
-
margin: 0; }
|
62
|
-
input, textarea, select {
|
63
|
-
@for $n from 1 through $blueprint-grid-columns {
|
64
|
-
&.span-#{$n} {
|
65
|
-
width: span($n); } } }
|
66
|
-
// Add these to a column to append empty cols.
|
67
|
-
@for $n from 1 to $blueprint-grid-columns {
|
68
|
-
.append-#{$n} {
|
69
|
-
@include append($n); } }
|
70
|
-
// Add these to a column to prepend empty cols.
|
71
|
-
@for $n from 1 to $blueprint-grid-columns {
|
72
|
-
.prepend-#{$n} {
|
73
|
-
@include prepend($n); } }
|
74
|
-
// Use these classes on an element to push it into the
|
75
|
-
// next column, or to pull it into the previous column.
|
76
|
-
#{enumerate(".pull", 1, $blueprint-grid-columns)} {
|
77
|
-
@include pull-base; }
|
78
|
-
@for $n from 1 through $blueprint-grid-columns {
|
79
|
-
.pull-#{$n} {
|
80
|
-
@include pull-margins($n); } }
|
81
|
-
#{enumerate(".push", 1, $blueprint-grid-columns)} {
|
82
|
-
@include push-base; }
|
83
|
-
@for $n from 1 through $blueprint-grid-columns {
|
84
|
-
.push-#{$n} {
|
85
|
-
@include push-margins($n); } }
|
86
|
-
.prepend-top {
|
87
|
-
@include prepend-top; }
|
88
|
-
.append-bottom {
|
89
|
-
@include append-bottom; } }
|
90
|
-
|
91
|
-
// A container for your columns.
|
92
|
-
//
|
93
|
-
// #### Note:
|
94
|
-
// If you use this mixin without the class and want to support ie6
|
95
|
-
// you must set text-align left on your container element in an IE stylesheet.
|
96
|
-
@mixin container {
|
97
|
-
width: $blueprint-container-size;
|
98
|
-
margin: 0 auto;
|
99
|
-
@include clearfix; }
|
100
|
-
|
101
|
-
// The last column in a row needs this mixin or it will end up
|
102
|
-
// on the next row in some browsers.
|
103
|
-
@mixin last {
|
104
|
-
margin-right: 0; }
|
105
|
-
|
106
|
-
// Use this mixins to set the width of n columns.
|
107
|
-
@mixin column($n, $last: false) {
|
108
|
-
@include column-base($last);
|
109
|
-
width: span($n); }
|
110
|
-
|
111
|
-
// Return the width in pixels of `$n` columns.
|
112
|
-
@function span($n) {
|
113
|
-
@return $blueprint-grid-width * $n + $blueprint-grid-margin * ($n - 1);
|
114
|
-
}
|
115
|
-
|
116
|
-
// Set only the width of an element to align it with the grid.
|
117
|
-
// Most of the time you'll want to use `+column` instead.
|
118
|
-
//
|
119
|
-
// This mixin is especially useful for aligning tables to the grid.
|
120
|
-
//
|
121
|
-
// @deprecated Please use the span function with the width property instead.
|
122
|
-
@mixin span($n, $important: false) {
|
123
|
-
@warn "The span mixin is deprecated. Please use the span function instead. E.g. width: span(#{$n})";
|
124
|
-
@if $important {
|
125
|
-
width: span($n) !important; }
|
126
|
-
@else {
|
127
|
-
width: span($n); } }
|
128
|
-
|
129
|
-
// The basic set of styles needed to make an element
|
130
|
-
// behave like a column:
|
131
|
-
//
|
132
|
-
// * floated to left
|
133
|
-
// * gutter margin on the right (unless the last column)
|
134
|
-
// * Some IE fixes
|
135
|
-
//
|
136
|
-
// #### Note:
|
137
|
-
// This mixin gets applied automatically when using `+column`
|
138
|
-
// so you probably don't need to use it directly unless
|
139
|
-
// you need to deviate from the grid or are trying
|
140
|
-
// to reduce the amount of generated CSS.
|
141
|
-
@mixin column-base($last: false) {
|
142
|
-
@include float-left;
|
143
|
-
@if $last {
|
144
|
-
@include last; }
|
145
|
-
@else {
|
146
|
-
margin-right: $blueprint-grid-margin; }
|
147
|
-
* html & {
|
148
|
-
overflow-x: hidden; } }
|
149
|
-
|
150
|
-
// Mixin to a column to append n empty columns to the right
|
151
|
-
// by adding right padding to the column.
|
152
|
-
@mixin append($n) {
|
153
|
-
padding-right: $blueprint-grid-outer-width * $n; }
|
154
|
-
|
155
|
-
// Mixin to a column to append n empty columns to the left
|
156
|
-
// by adding left padding to the column.
|
157
|
-
@mixin prepend($n) {
|
158
|
-
padding-left: $blueprint-grid-outer-width * $n; }
|
159
|
-
|
160
|
-
// Adds trailing margin.
|
161
|
-
@mixin append-bottom($amount: 1.5em) {
|
162
|
-
margin-bottom: $amount; }
|
163
|
-
|
164
|
-
// Adds leading margin.
|
165
|
-
@mixin prepend-top($amount: 1.5em) {
|
166
|
-
margin-top: $amount; }
|
167
|
-
|
168
|
-
// Base styles that make it possible to pull an element to the left.
|
169
|
-
// #### Note:
|
170
|
-
// This mixin gets applied automatically when using `+pull`
|
171
|
-
// so you probably don't need to use it directly unless
|
172
|
-
// you need to deviate from the grid or are trying
|
173
|
-
// to reduce the amount of generated CSS.
|
174
|
-
@mixin pull-base {
|
175
|
-
@include float-left;
|
176
|
-
position: relative; }
|
177
|
-
|
178
|
-
// The amount of pulling for element to the left.
|
179
|
-
// #### Note:
|
180
|
-
// This mixin gets applied automatically when using `+pull`
|
181
|
-
// so you probably don't need to use it directly unless
|
182
|
-
// you need to deviate from the grid or are trying
|
183
|
-
// to reduce the amount of generated CSS.
|
184
|
-
@mixin pull-margins($n, $last: false) {
|
185
|
-
@if $last {
|
186
|
-
margin-left: -$blueprint-grid-outer-width * $n + $blueprint-grid-margin; }
|
187
|
-
@else {
|
188
|
-
margin-left: -$blueprint-grid-outer-width * $n; } }
|
189
|
-
|
190
|
-
// Moves a column `n` columns to the left.
|
191
|
-
//
|
192
|
-
// This mixin can also be used to change the display order of columns.
|
193
|
-
//
|
194
|
-
// If pulling past the last (visually) element in a row,
|
195
|
-
// pass `true` as the second argument so the calculations can adjust
|
196
|
-
// accordingly.
|
197
|
-
|
198
|
-
// For example:
|
199
|
-
//
|
200
|
-
// HTML:
|
201
|
-
// <pre class="source-code html">
|
202
|
-
// <div id="one">One</div>
|
203
|
-
// <div id="two">Two</div>
|
204
|
-
// </pre>
|
205
|
-
// Sass:
|
206
|
-
// <pre class="source-code sass">
|
207
|
-
// #one
|
208
|
-
// +column(18, true)
|
209
|
-
// +prepend(6)
|
210
|
-
// #two
|
211
|
-
// +column(6)
|
212
|
-
// +pull(18, true)
|
213
|
-
// </pre>
|
214
|
-
@mixin pull($n, $last: false) {
|
215
|
-
@include pull-base;
|
216
|
-
@include pull-margins($n, $last); }
|
217
|
-
|
218
|
-
@mixin push-base {
|
219
|
-
@include float-left;
|
220
|
-
position: relative; }
|
221
|
-
|
222
|
-
@mixin push-margins($n) {
|
223
|
-
margin: 0 (-$blueprint-grid-outer-width * $n) 1.5em $blueprint-grid-outer-width * $n; }
|
224
|
-
|
225
|
-
// mixin to a column to push it n columns to the right
|
226
|
-
@mixin push($n) {
|
227
|
-
@include push-base;
|
228
|
-
@include push-margins($n); }
|
229
|
-
|
230
|
-
// Border on right hand side of a column.
|
231
|
-
@mixin border($border-color: $blueprint-border-color, $border-width: 1px) {
|
232
|
-
padding-right: $blueprint-grid-margin / 2 - $border-width;
|
233
|
-
margin-right: $blueprint-grid-margin / 2;
|
234
|
-
border-right: #{$border-width} solid #{$border-color}; }
|
235
|
-
|
236
|
-
// Border with more whitespace, spans one column.
|
237
|
-
@mixin colborder($border-color: $blueprint-border-color, $border-width: 1px) {
|
238
|
-
padding-right: floor(($blueprint-grid-width + 2 * $blueprint-grid-margin - $border-width) / 2);
|
239
|
-
margin-right: ceil(($blueprint-grid-width + 2 * $blueprint-grid-margin - $border-width) / 2);
|
240
|
-
border-right: #{$border-width} solid #{$border-color}; }
|
241
|
-
|
242
|
-
// Mixin this to an hr to make a horizontal ruler across a column.
|
243
|
-
@mixin colruler($border-color: #dddddd) {
|
244
|
-
background: $border-color;
|
245
|
-
color: $border-color;
|
246
|
-
clear: both;
|
247
|
-
float: none;
|
248
|
-
width: 100%;
|
249
|
-
height: 0.1em;
|
250
|
-
margin: 0 0 1.45em;
|
251
|
-
border: none; }
|
252
|
-
|
253
|
-
// Mixin this to an hr to make a horizontal spacer across a column.
|
254
|
-
@mixin colspacer {
|
255
|
-
@include colruler;
|
256
|
-
background: white;
|
257
|
-
color: white;
|
258
|
-
visibility: hidden; }
|
1
|
+
// --------------------------------------------------------------
|
2
|
+
// SASS Gridification
|
3
|
+
// * Author: Chris Eppstein
|
4
|
+
// A SASS adaptation of Blueprint CSS
|
5
|
+
// * Version: 0.7.1 (2008-02-25)
|
6
|
+
// * Website: http://code.google.com/p/blueprintcss/
|
7
|
+
// Based on work by:
|
8
|
+
// * Lorin Tackett [lorintackett.com]
|
9
|
+
// * Olav Bjorkoy [bjorkoy.com]
|
10
|
+
// * Nathan Borror [playgroundblues.com]
|
11
|
+
// * Jeff Croft [jeffcroft.com]
|
12
|
+
// * Christian Metts [mintchaos.com]
|
13
|
+
// * Khoi Vinh [subtraction.com]
|
14
|
+
// Read more about using a grid here:
|
15
|
+
// * http://www.subtraction.com/2007/03/18/oh-yeeaahh
|
16
|
+
// --------------------------------------------------------------
|
17
|
+
|
18
|
+
@import "compass/utilities/general/float";
|
19
|
+
@import "compass/utilities/general/clearfix";
|
20
|
+
|
21
|
+
// The number of columns in the grid.
|
22
|
+
$blueprint-grid-columns: 24 !default;
|
23
|
+
|
24
|
+
// The width of a column
|
25
|
+
$blueprint-grid-width: 30px !default;
|
26
|
+
|
27
|
+
// The amount of margin between columns
|
28
|
+
$blueprint-grid-margin: 10px !default;
|
29
|
+
|
30
|
+
// The width of a column including the margin. With default settings this is `40px`.
|
31
|
+
$blueprint-grid-outer-width: $blueprint-grid-width + $blueprint-grid-margin;
|
32
|
+
|
33
|
+
// The width of the container. With default settings this is `950px`.
|
34
|
+
$blueprint-container-size: $blueprint-grid-outer-width * $blueprint-grid-columns - $blueprint-grid-margin;
|
35
|
+
|
36
|
+
// Generates presentational class names that you can use
|
37
|
+
// in your html to layout your pages.
|
38
|
+
//
|
39
|
+
// #### Note:
|
40
|
+
// Best practices discourage using this mixin,
|
41
|
+
// but it is provided to support legacy websites
|
42
|
+
// and to test the sass port against blueprint's example pages.
|
43
|
+
|
44
|
+
@mixin blueprint-grid {
|
45
|
+
// A container should group all your columns
|
46
|
+
.container {
|
47
|
+
@include container; }
|
48
|
+
.column {
|
49
|
+
@include column-base; }
|
50
|
+
// The last column in a row needs this class (or mixin) or it will end up on the next row.
|
51
|
+
.last {
|
52
|
+
@include last; }
|
53
|
+
// Use these classes (or mixins) to set the width of a column.
|
54
|
+
@for $n from 1 to $blueprint-grid-columns {
|
55
|
+
.span-#{$n} {
|
56
|
+
@extend .column;
|
57
|
+
width: span($n); } }
|
58
|
+
.span-#{$blueprint-grid-columns} {
|
59
|
+
@extend .column;
|
60
|
+
width: span($blueprint-grid-columns);
|
61
|
+
margin: 0; }
|
62
|
+
input, textarea, select {
|
63
|
+
@for $n from 1 through $blueprint-grid-columns {
|
64
|
+
&.span-#{$n} {
|
65
|
+
width: span($n); } } }
|
66
|
+
// Add these to a column to append empty cols.
|
67
|
+
@for $n from 1 to $blueprint-grid-columns {
|
68
|
+
.append-#{$n} {
|
69
|
+
@include append($n); } }
|
70
|
+
// Add these to a column to prepend empty cols.
|
71
|
+
@for $n from 1 to $blueprint-grid-columns {
|
72
|
+
.prepend-#{$n} {
|
73
|
+
@include prepend($n); } }
|
74
|
+
// Use these classes on an element to push it into the
|
75
|
+
// next column, or to pull it into the previous column.
|
76
|
+
#{enumerate(".pull", 1, $blueprint-grid-columns)} {
|
77
|
+
@include pull-base; }
|
78
|
+
@for $n from 1 through $blueprint-grid-columns {
|
79
|
+
.pull-#{$n} {
|
80
|
+
@include pull-margins($n); } }
|
81
|
+
#{enumerate(".push", 1, $blueprint-grid-columns)} {
|
82
|
+
@include push-base; }
|
83
|
+
@for $n from 1 through $blueprint-grid-columns {
|
84
|
+
.push-#{$n} {
|
85
|
+
@include push-margins($n); } }
|
86
|
+
.prepend-top {
|
87
|
+
@include prepend-top; }
|
88
|
+
.append-bottom {
|
89
|
+
@include append-bottom; } }
|
90
|
+
|
91
|
+
// A container for your columns.
|
92
|
+
//
|
93
|
+
// #### Note:
|
94
|
+
// If you use this mixin without the class and want to support ie6
|
95
|
+
// you must set text-align left on your container element in an IE stylesheet.
|
96
|
+
@mixin container {
|
97
|
+
width: $blueprint-container-size;
|
98
|
+
margin: 0 auto;
|
99
|
+
@include clearfix; }
|
100
|
+
|
101
|
+
// The last column in a row needs this mixin or it will end up
|
102
|
+
// on the next row in some browsers.
|
103
|
+
@mixin last {
|
104
|
+
margin-right: 0; }
|
105
|
+
|
106
|
+
// Use this mixins to set the width of n columns.
|
107
|
+
@mixin column($n, $last: false) {
|
108
|
+
@include column-base($last);
|
109
|
+
width: span($n); }
|
110
|
+
|
111
|
+
// Return the width in pixels of `$n` columns.
|
112
|
+
@function span($n) {
|
113
|
+
@return $blueprint-grid-width * $n + $blueprint-grid-margin * ($n - 1);
|
114
|
+
}
|
115
|
+
|
116
|
+
// Set only the width of an element to align it with the grid.
|
117
|
+
// Most of the time you'll want to use `+column` instead.
|
118
|
+
//
|
119
|
+
// This mixin is especially useful for aligning tables to the grid.
|
120
|
+
//
|
121
|
+
// @deprecated Please use the span function with the width property instead.
|
122
|
+
@mixin span($n, $important: false) {
|
123
|
+
@warn "The span mixin is deprecated. Please use the span function instead. E.g. width: span(#{$n})";
|
124
|
+
@if $important {
|
125
|
+
width: span($n) !important; }
|
126
|
+
@else {
|
127
|
+
width: span($n); } }
|
128
|
+
|
129
|
+
// The basic set of styles needed to make an element
|
130
|
+
// behave like a column:
|
131
|
+
//
|
132
|
+
// * floated to left
|
133
|
+
// * gutter margin on the right (unless the last column)
|
134
|
+
// * Some IE fixes
|
135
|
+
//
|
136
|
+
// #### Note:
|
137
|
+
// This mixin gets applied automatically when using `+column`
|
138
|
+
// so you probably don't need to use it directly unless
|
139
|
+
// you need to deviate from the grid or are trying
|
140
|
+
// to reduce the amount of generated CSS.
|
141
|
+
@mixin column-base($last: false) {
|
142
|
+
@include float-left;
|
143
|
+
@if $last {
|
144
|
+
@include last; }
|
145
|
+
@else {
|
146
|
+
margin-right: $blueprint-grid-margin; }
|
147
|
+
* html & {
|
148
|
+
overflow-x: hidden; } }
|
149
|
+
|
150
|
+
// Mixin to a column to append n empty columns to the right
|
151
|
+
// by adding right padding to the column.
|
152
|
+
@mixin append($n) {
|
153
|
+
padding-right: $blueprint-grid-outer-width * $n; }
|
154
|
+
|
155
|
+
// Mixin to a column to append n empty columns to the left
|
156
|
+
// by adding left padding to the column.
|
157
|
+
@mixin prepend($n) {
|
158
|
+
padding-left: $blueprint-grid-outer-width * $n; }
|
159
|
+
|
160
|
+
// Adds trailing margin.
|
161
|
+
@mixin append-bottom($amount: 1.5em) {
|
162
|
+
margin-bottom: $amount; }
|
163
|
+
|
164
|
+
// Adds leading margin.
|
165
|
+
@mixin prepend-top($amount: 1.5em) {
|
166
|
+
margin-top: $amount; }
|
167
|
+
|
168
|
+
// Base styles that make it possible to pull an element to the left.
|
169
|
+
// #### Note:
|
170
|
+
// This mixin gets applied automatically when using `+pull`
|
171
|
+
// so you probably don't need to use it directly unless
|
172
|
+
// you need to deviate from the grid or are trying
|
173
|
+
// to reduce the amount of generated CSS.
|
174
|
+
@mixin pull-base {
|
175
|
+
@include float-left;
|
176
|
+
position: relative; }
|
177
|
+
|
178
|
+
// The amount of pulling for element to the left.
|
179
|
+
// #### Note:
|
180
|
+
// This mixin gets applied automatically when using `+pull`
|
181
|
+
// so you probably don't need to use it directly unless
|
182
|
+
// you need to deviate from the grid or are trying
|
183
|
+
// to reduce the amount of generated CSS.
|
184
|
+
@mixin pull-margins($n, $last: false) {
|
185
|
+
@if $last {
|
186
|
+
margin-left: -$blueprint-grid-outer-width * $n + $blueprint-grid-margin; }
|
187
|
+
@else {
|
188
|
+
margin-left: -$blueprint-grid-outer-width * $n; } }
|
189
|
+
|
190
|
+
// Moves a column `n` columns to the left.
|
191
|
+
//
|
192
|
+
// This mixin can also be used to change the display order of columns.
|
193
|
+
//
|
194
|
+
// If pulling past the last (visually) element in a row,
|
195
|
+
// pass `true` as the second argument so the calculations can adjust
|
196
|
+
// accordingly.
|
197
|
+
|
198
|
+
// For example:
|
199
|
+
//
|
200
|
+
// HTML:
|
201
|
+
// <pre class="source-code html">
|
202
|
+
// <div id="one">One</div>
|
203
|
+
// <div id="two">Two</div>
|
204
|
+
// </pre>
|
205
|
+
// Sass:
|
206
|
+
// <pre class="source-code sass">
|
207
|
+
// #one
|
208
|
+
// +column(18, true)
|
209
|
+
// +prepend(6)
|
210
|
+
// #two
|
211
|
+
// +column(6)
|
212
|
+
// +pull(18, true)
|
213
|
+
// </pre>
|
214
|
+
@mixin pull($n, $last: false) {
|
215
|
+
@include pull-base;
|
216
|
+
@include pull-margins($n, $last); }
|
217
|
+
|
218
|
+
@mixin push-base {
|
219
|
+
@include float-left;
|
220
|
+
position: relative; }
|
221
|
+
|
222
|
+
@mixin push-margins($n) {
|
223
|
+
margin: 0 (-$blueprint-grid-outer-width * $n) 1.5em $blueprint-grid-outer-width * $n; }
|
224
|
+
|
225
|
+
// mixin to a column to push it n columns to the right
|
226
|
+
@mixin push($n) {
|
227
|
+
@include push-base;
|
228
|
+
@include push-margins($n); }
|
229
|
+
|
230
|
+
// Border on right hand side of a column.
|
231
|
+
@mixin border($border-color: $blueprint-border-color, $border-width: 1px) {
|
232
|
+
padding-right: $blueprint-grid-margin / 2 - $border-width;
|
233
|
+
margin-right: $blueprint-grid-margin / 2;
|
234
|
+
border-right: #{$border-width} solid #{$border-color}; }
|
235
|
+
|
236
|
+
// Border with more whitespace, spans one column.
|
237
|
+
@mixin colborder($border-color: $blueprint-border-color, $border-width: 1px) {
|
238
|
+
padding-right: floor(($blueprint-grid-width + 2 * $blueprint-grid-margin - $border-width) / 2);
|
239
|
+
margin-right: ceil(($blueprint-grid-width + 2 * $blueprint-grid-margin - $border-width) / 2);
|
240
|
+
border-right: #{$border-width} solid #{$border-color}; }
|
241
|
+
|
242
|
+
// Mixin this to an hr to make a horizontal ruler across a column.
|
243
|
+
@mixin colruler($border-color: #dddddd) {
|
244
|
+
background: $border-color;
|
245
|
+
color: $border-color;
|
246
|
+
clear: both;
|
247
|
+
float: none;
|
248
|
+
width: 100%;
|
249
|
+
height: 0.1em;
|
250
|
+
margin: 0 0 1.45em;
|
251
|
+
border: none; }
|
252
|
+
|
253
|
+
// Mixin this to an hr to make a horizontal spacer across a column.
|
254
|
+
@mixin colspacer {
|
255
|
+
@include colruler;
|
256
|
+
background: white;
|
257
|
+
color: white;
|
258
|
+
visibility: hidden; }
|