compass-sourcemaps 0.12.3.sourcemaps.a4836f1 → 0.12.4.sourcemaps.a4836f1
Sign up to get free protection for your applications and to get access to all the features.
- 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; }
|