compass 0.8.16
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGELOG.markdown +551 -0
- data/LICENSE.markdown +29 -0
- data/README.markdown +44 -0
- data/REVISION +1 -0
- data/Rakefile +127 -0
- data/VERSION.yml +4 -0
- data/bin/compass +8 -0
- data/deps.rip +1 -0
- data/examples/README.markdown +4 -0
- data/examples/blueprint_default/config.rb +7 -0
- data/examples/blueprint_default/images/grid.png +0 -0
- data/examples/blueprint_default/index.html.haml +85 -0
- data/examples/blueprint_default/parts/elements.html.haml +282 -0
- data/examples/blueprint_default/parts/forms.html.haml +190 -0
- data/examples/blueprint_default/parts/grid.html.haml +274 -0
- data/examples/blueprint_default/parts/test-small.jpg +0 -0
- data/examples/blueprint_default/parts/test.jpg +0 -0
- data/examples/blueprint_default/parts/valid.png +0 -0
- data/examples/blueprint_default/src/ie.sass +3 -0
- data/examples/blueprint_default/src/images/grid.png +0 -0
- data/examples/blueprint_default/src/print.sass +3 -0
- data/examples/blueprint_default/src/screen.sass +8 -0
- data/examples/blueprint_plugins/config.rb +8 -0
- data/examples/blueprint_plugins/images/buttons/cross.png +0 -0
- data/examples/blueprint_plugins/images/buttons/key.png +0 -0
- data/examples/blueprint_plugins/images/buttons/tick.png +0 -0
- data/examples/blueprint_plugins/images/grid.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/doc.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/email.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/external.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/feed.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/im.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/pdf.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/visited.png +0 -0
- data/examples/blueprint_plugins/images/link_icons/xls.png +0 -0
- data/examples/blueprint_plugins/images/test-small.jpg +0 -0
- data/examples/blueprint_plugins/images/test.jpg +0 -0
- data/examples/blueprint_plugins/images/valid.png +0 -0
- data/examples/blueprint_plugins/index.html.haml +96 -0
- data/examples/blueprint_plugins/plugins/buttons.html.haml +67 -0
- data/examples/blueprint_plugins/plugins/fancy_type.html.haml +100 -0
- data/examples/blueprint_plugins/plugins/link_icons.html.haml +61 -0
- data/examples/blueprint_plugins/plugins/rtl.html.haml +100 -0
- data/examples/blueprint_plugins/src/buttons.sass +49 -0
- data/examples/blueprint_plugins/src/ie.sass +3 -0
- data/examples/blueprint_plugins/src/images/grid.png +0 -0
- data/examples/blueprint_plugins/src/link_icons.sass +13 -0
- data/examples/blueprint_plugins/src/print.sass +3 -0
- data/examples/blueprint_plugins/src/rtl_screen.sass +13 -0
- data/examples/blueprint_plugins/src/screen.sass +11 -0
- data/examples/blueprint_scoped/images/grid.png +0 -0
- data/examples/blueprint_scoped/src/ie.sass +3 -0
- data/examples/blueprint_scoped/src/print.sass +3 -0
- data/examples/blueprint_scoped/src/screen.sass +4 -0
- data/examples/blueprint_scoped_form/images/grid.png +0 -0
- data/examples/blueprint_scoped_form/src/ie.sass +3 -0
- data/examples/blueprint_scoped_form/src/print.sass +3 -0
- data/examples/blueprint_scoped_form/src/screen.sass +10 -0
- data/examples/blueprint_semantic/config.rb +7 -0
- data/examples/blueprint_semantic/images/grid.png +0 -0
- data/examples/blueprint_semantic/index.html.haml +86 -0
- data/examples/blueprint_semantic/parts/fancy_type.html.haml +100 -0
- data/examples/blueprint_semantic/parts/liquid.html.haml +100 -0
- data/examples/blueprint_semantic/parts/test-small.jpg +0 -0
- data/examples/blueprint_semantic/parts/test.jpg +0 -0
- data/examples/blueprint_semantic/parts/valid.png +0 -0
- data/examples/blueprint_semantic/src/ie.sass +3 -0
- data/examples/blueprint_semantic/src/images/grid.png +0 -0
- data/examples/blueprint_semantic/src/liquid.sass +70 -0
- data/examples/blueprint_semantic/src/print.sass +3 -0
- data/examples/blueprint_semantic/src/screen.sass +71 -0
- data/examples/compass/compass.html.haml +39 -0
- data/examples/compass/config.rb +7 -0
- data/examples/compass/images/blue_arrow.gif +0 -0
- data/examples/compass/src/compass.sass +47 -0
- data/examples/compass/src/images/blue_arrow.gif +0 -0
- data/examples/compass/src/sticky_footer.sass +11 -0
- data/examples/compass/src/utilities.sass +108 -0
- data/examples/compass/sticky_footer.html.haml +14 -0
- data/examples/compass/utilities.html.haml +189 -0
- data/examples/logo/logo.html.haml +40 -0
- data/examples/logo/src/ie.sass +6 -0
- data/examples/logo/src/print.sass +6 -0
- data/examples/logo/src/screen.sass +29 -0
- data/examples/yui/divisions.html.haml +179 -0
- data/examples/yui/index.html.haml +19 -0
- data/examples/yui/src/screen.sass +13 -0
- data/examples/yui/sub_divisions.html.haml +169 -0
- data/examples/yui/templates.html.haml +54 -0
- data/examples/yui/test.jpg +0 -0
- data/examples/yui/typography.html.haml +132 -0
- data/frameworks/blueprint.rb +2 -0
- data/frameworks/blueprint/stylesheets/_blueprint.sass +3 -0
- data/frameworks/blueprint/stylesheets/blueprint/_ie.sass +93 -0
- data/frameworks/blueprint/stylesheets/blueprint/_print.sass +83 -0
- data/frameworks/blueprint/stylesheets/blueprint/_reset.sass +3 -0
- data/frameworks/blueprint/stylesheets/blueprint/_screen.sass +15 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_buttons.sass +84 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_colors.sass +33 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_debug.sass +9 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass +82 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_form.sass +55 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass +178 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_interaction.sass +58 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_link_icons.sass +44 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_liquid.sass +141 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_reset.sass +56 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_rtl.sass +104 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_scaffolding.sass +47 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass +155 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_utilities.sass +37 -0
- data/frameworks/blueprint/templates/buttons/buttons.sass +49 -0
- 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 +5 -0
- data/frameworks/blueprint/templates/link_icons/link_icons.sass +13 -0
- data/frameworks/blueprint/templates/link_icons/link_icons/doc.png +0 -0
- data/frameworks/blueprint/templates/link_icons/link_icons/email.png +0 -0
- data/frameworks/blueprint/templates/link_icons/link_icons/external.png +0 -0
- data/frameworks/blueprint/templates/link_icons/link_icons/feed.png +0 -0
- data/frameworks/blueprint/templates/link_icons/link_icons/im.png +0 -0
- data/frameworks/blueprint/templates/link_icons/link_icons/pdf.png +0 -0
- data/frameworks/blueprint/templates/link_icons/link_icons/visited.png +0 -0
- data/frameworks/blueprint/templates/link_icons/link_icons/xls.png +0 -0
- data/frameworks/blueprint/templates/link_icons/manifest.rb +10 -0
- data/frameworks/blueprint/templates/project/grid.png +0 -0
- data/frameworks/blueprint/templates/project/ie.sass +15 -0
- data/frameworks/blueprint/templates/project/manifest.rb +6 -0
- data/frameworks/blueprint/templates/project/partials/_base.sass +11 -0
- data/frameworks/blueprint/templates/project/print.sass +3 -0
- data/frameworks/blueprint/templates/project/screen.sass +40 -0
- data/frameworks/compass.rb +2 -0
- data/frameworks/compass/stylesheets/_compass.sass +1 -0
- data/frameworks/compass/stylesheets/compass/_layout.sass +1 -0
- data/frameworks/compass/stylesheets/compass/_misc.sass +24 -0
- data/frameworks/compass/stylesheets/compass/_reset.sass +3 -0
- data/frameworks/compass/stylesheets/compass/_utilities.sass +6 -0
- data/frameworks/compass/stylesheets/compass/layout/_sticky_footer.sass +17 -0
- data/frameworks/compass/stylesheets/compass/utilities/_general.sass +6 -0
- data/frameworks/compass/stylesheets/compass/utilities/_links.sass +3 -0
- data/frameworks/compass/stylesheets/compass/utilities/_lists.sass +3 -0
- data/frameworks/compass/stylesheets/compass/utilities/_print.sass +24 -0
- data/frameworks/compass/stylesheets/compass/utilities/_sprites.sass +1 -0
- data/frameworks/compass/stylesheets/compass/utilities/_tables.sass +3 -0
- data/frameworks/compass/stylesheets/compass/utilities/_text.sass +2 -0
- data/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.sass +24 -0
- data/frameworks/compass/stylesheets/compass/utilities/general/_float.sass +17 -0
- data/frameworks/compass/stylesheets/compass/utilities/general/_hacks.sass +6 -0
- data/frameworks/compass/stylesheets/compass/utilities/general/_inline_block.sass +6 -0
- data/frameworks/compass/stylesheets/compass/utilities/general/_reset.sass +134 -0
- data/frameworks/compass/stylesheets/compass/utilities/general/_tabs.sass +0 -0
- data/frameworks/compass/stylesheets/compass/utilities/general/_tag_cloud.sass +19 -0
- data/frameworks/compass/stylesheets/compass/utilities/links/_hover_link.sass +5 -0
- data/frameworks/compass/stylesheets/compass/utilities/links/_link_colors.sass +24 -0
- data/frameworks/compass/stylesheets/compass/utilities/links/_unstyled_link.sass +5 -0
- data/frameworks/compass/stylesheets/compass/utilities/lists/_bullets.sass +21 -0
- data/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal_list.sass +52 -0
- data/frameworks/compass/stylesheets/compass/utilities/lists/_inline_list.sass +29 -0
- data/frameworks/compass/stylesheets/compass/utilities/sprites/_sprite_img.sass +12 -0
- data/frameworks/compass/stylesheets/compass/utilities/tables/_alternating_rows_and_columns.sass +20 -0
- data/frameworks/compass/stylesheets/compass/utilities/tables/_borders.sass +27 -0
- data/frameworks/compass/stylesheets/compass/utilities/tables/_scaffolding.sass +9 -0
- data/frameworks/compass/stylesheets/compass/utilities/text/_ellipsis.sass +13 -0
- data/frameworks/compass/stylesheets/compass/utilities/text/_nowrap.sass +3 -0
- data/frameworks/compass/stylesheets/compass/utilities/text/_replacement.sass +17 -0
- data/frameworks/compass/templates/ellipsis/ellipsis.sass +6 -0
- data/frameworks/compass/templates/ellipsis/manifest.rb +2 -0
- data/frameworks/compass/templates/ellipsis/xml/ellipsis.xml +14 -0
- data/frameworks/compass/templates/project/ie.sass +6 -0
- data/frameworks/compass/templates/project/manifest.rb +3 -0
- data/frameworks/compass/templates/project/print.sass +6 -0
- data/frameworks/compass/templates/project/screen.sass +13 -0
- data/frameworks/yui.rb +2 -0
- data/frameworks/yui/stylesheets/_yui.sass +7 -0
- data/frameworks/yui/stylesheets/yui/modules/_base.sass +60 -0
- data/frameworks/yui/stylesheets/yui/modules/_fonts.sass +38 -0
- data/frameworks/yui/stylesheets/yui/modules/_grids.sass +341 -0
- data/frameworks/yui/stylesheets/yui/modules/_reset.sass +61 -0
- data/frameworks/yui/templates/project/manifest.rb +1 -0
- data/frameworks/yui/templates/project/screen.sass +4 -0
- data/lib/compass.rb +23 -0
- data/lib/compass/actions.rb +110 -0
- data/lib/compass/app_integration.rb +5 -0
- data/lib/compass/app_integration/merb.rb +43 -0
- data/lib/compass/app_integration/rails.rb +12 -0
- data/lib/compass/app_integration/rails/action_controller.rb +15 -0
- data/lib/compass/app_integration/rails/sass_plugin.rb +5 -0
- data/lib/compass/app_integration/rails/templates/compass-install-rails.rb +80 -0
- data/lib/compass/app_integration/rails/urls.rb +14 -0
- data/lib/compass/commands/base.rb +33 -0
- data/lib/compass/commands/create_project.rb +19 -0
- data/lib/compass/commands/generate_grid_background.rb +24 -0
- data/lib/compass/commands/installer_command.rb +31 -0
- data/lib/compass/commands/list_frameworks.rb +16 -0
- data/lib/compass/commands/print_version.rb +23 -0
- data/lib/compass/commands/project_base.rb +112 -0
- data/lib/compass/commands/stamp_pattern.rb +33 -0
- data/lib/compass/commands/update_project.rb +34 -0
- data/lib/compass/commands/validate_project.rb +21 -0
- data/lib/compass/commands/watch_project.rb +64 -0
- data/lib/compass/commands/write_configuration.rb +28 -0
- data/lib/compass/compiler.rb +54 -0
- data/lib/compass/configuration.rb +324 -0
- data/lib/compass/core_ext.rb +14 -0
- data/lib/compass/dependencies.rb +10 -0
- data/lib/compass/errors.rb +7 -0
- data/lib/compass/exec.rb +251 -0
- data/lib/compass/frameworks.rb +29 -0
- data/lib/compass/grid_builder.rb +72 -0
- data/lib/compass/installers.rb +5 -0
- data/lib/compass/installers/base.rb +158 -0
- data/lib/compass/installers/manifest.rb +58 -0
- data/lib/compass/installers/rails.rb +135 -0
- data/lib/compass/installers/stand_alone.rb +60 -0
- data/lib/compass/logger.rb +42 -0
- data/lib/compass/sass_extensions.rb +5 -0
- data/lib/compass/sass_extensions/functions.rb +19 -0
- data/lib/compass/sass_extensions/functions/display.rb +22 -0
- data/lib/compass/sass_extensions/functions/enumerate.rb +6 -0
- data/lib/compass/sass_extensions/functions/inline_image.rb +35 -0
- data/lib/compass/sass_extensions/functions/selectors.rb +39 -0
- data/lib/compass/sass_extensions/functions/urls.rb +105 -0
- data/lib/compass/sass_extensions/monkey_patches.rb +3 -0
- data/lib/compass/sass_extensions/monkey_patches/stylesheet_updating.rb +23 -0
- data/lib/compass/test_case.rb +38 -0
- data/lib/compass/validator.rb +10 -0
- data/lib/compass/version.rb +57 -0
- data/lib/vendor/fssm.rb +41 -0
- data/lib/vendor/fssm/backends/fsevents.rb +37 -0
- data/lib/vendor/fssm/backends/polling.rb +26 -0
- data/lib/vendor/fssm/cache.rb +193 -0
- data/lib/vendor/fssm/ext.rb +37 -0
- data/lib/vendor/fssm/fsevents.rb +129 -0
- data/lib/vendor/fssm/monitor.rb +25 -0
- data/lib/vendor/fssm/path.rb +91 -0
- data/lib/vendor/fssm/state.rb +54 -0
- data/lib/vendor/fssm/support.rb +22 -0
- data/lib/vendor/fssm/tree.rb +176 -0
- data/test/command_line_helper.rb +102 -0
- data/test/command_line_test.rb +66 -0
- data/test/compass_test.rb +141 -0
- data/test/configuration_test.rb +118 -0
- data/test/fixtures/stylesheets/blueprint/config.rb +9 -0
- data/test/fixtures/stylesheets/blueprint/css/typography.css +158 -0
- data/test/fixtures/stylesheets/blueprint/images/grid.png +0 -0
- data/test/fixtures/stylesheets/blueprint/sass/ie.sass +3 -0
- data/test/fixtures/stylesheets/blueprint/sass/print.sass +3 -0
- data/test/fixtures/stylesheets/blueprint/sass/screen.sass +17 -0
- data/test/fixtures/stylesheets/blueprint/sass/typography.sass +3 -0
- data/test/fixtures/stylesheets/compass/config.rb +9 -0
- data/test/fixtures/stylesheets/compass/css/layout.css +13 -0
- data/test/fixtures/stylesheets/compass/css/print.css +18 -0
- data/test/fixtures/stylesheets/compass/css/reset.css +60 -0
- data/test/fixtures/stylesheets/compass/css/utilities.css +17 -0
- data/test/fixtures/stylesheets/compass/sass/layout.sass +3 -0
- data/test/fixtures/stylesheets/compass/sass/print.sass +5 -0
- data/test/fixtures/stylesheets/compass/sass/reset.sass +10 -0
- data/test/fixtures/stylesheets/compass/sass/utilities.sass +6 -0
- data/test/fixtures/stylesheets/image_urls/config.rb +17 -0
- data/test/fixtures/stylesheets/image_urls/css/screen.css +3 -0
- data/test/fixtures/stylesheets/image_urls/images/grid.png +0 -0
- data/test/fixtures/stylesheets/image_urls/sass/screen.sass +6 -0
- data/test/fixtures/stylesheets/yui/config.rb +9 -0
- data/test/fixtures/stylesheets/yui/css/mixins.css +13 -0
- data/test/fixtures/stylesheets/yui/sass/base.sass +3 -0
- data/test/fixtures/stylesheets/yui/sass/fonts.sass +3 -0
- data/test/fixtures/stylesheets/yui/sass/grids.sass +3 -0
- data/test/fixtures/stylesheets/yui/sass/mixins.sass +16 -0
- data/test/rails_integration_test.rb +83 -0
- data/test/sass_extensions_test.rb +31 -0
- data/test/test_case_helper.rb +13 -0
- data/test/test_helper.rb +21 -0
- data/test/test_rails_helper.rb +20 -0
- metadata +372 -0
@@ -0,0 +1,141 @@
|
|
1
|
+
// --------------------------------------------------------------
|
2
|
+
// SASS Gridification
|
3
|
+
// * Author: Geoff Garside
|
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
|
+
// * Chris Eppstein [eppsteins.net]
|
9
|
+
// * Lorin Tacket [lorintackett.com]
|
10
|
+
// * Olav Bjorkoy [bjorkoy.com]
|
11
|
+
// * Nathan Borror [playgroundblues.com]
|
12
|
+
// * Jeff Croft [jeffcroft.com]
|
13
|
+
// * Christian Metts [mintchaos.com]
|
14
|
+
// * Khoi Vinh [subtraction.com]
|
15
|
+
// Liquid grid work by:
|
16
|
+
// * Ben Listwon
|
17
|
+
// * David Bedingfield
|
18
|
+
// * Andrei Michael Herasimchuk
|
19
|
+
// Involution Studios, http://www.involutionstudios.com
|
20
|
+
// Read more about using a grid here:
|
21
|
+
// * subtraction.com/archives/2007/0318_oh_yeeaahh.php
|
22
|
+
// -----
|
23
|
+
// By default, the grid is 80% of window width, with 24 columns.
|
24
|
+
//
|
25
|
+
// To make the grid fixed, simply change the .container width
|
26
|
+
// property to a pixel value. e.g., 960px.
|
27
|
+
// -----
|
28
|
+
// To use:
|
29
|
+
// This module is a REPLACEMENT for the grid module. Simply import it:
|
30
|
+
// @import blueprint.sass
|
31
|
+
// @import blueprint/modules/liquid.sass
|
32
|
+
// -------------------------------------------------------------------
|
33
|
+
|
34
|
+
@import compass/utilities/general/float.sass
|
35
|
+
|
36
|
+
// Main layout grid, override these constants to build your grid and container sizes.
|
37
|
+
// The width shown gives the right floored percentage values.
|
38
|
+
!blueprint_liquid_grid_columns ||= 24
|
39
|
+
!blueprint_liquid_grid_width ||= 4.173%
|
40
|
+
!blueprint_liquid_grid_margin ||= 0.833em
|
41
|
+
|
42
|
+
// Do not edit below this line unless you really know what you're doing.
|
43
|
+
!blueprint_liquid_container_width = 80%
|
44
|
+
!blueprint_liquid_container_min_width = 950px
|
45
|
+
!blueprint_liquid_grid_push_pull = -(!blueprint_liquid_grid_margin * 4)
|
46
|
+
|
47
|
+
=blueprint-liquid-grid
|
48
|
+
// A container should group all your columns
|
49
|
+
.container
|
50
|
+
+container
|
51
|
+
// Use these classes (or mixins) to set the width of a column.
|
52
|
+
@for !n from 1 to !blueprint_liquid_grid_columns + 1
|
53
|
+
.span-#{!n}
|
54
|
+
+span(!n)
|
55
|
+
div
|
56
|
+
&.span-#{!n}
|
57
|
+
+column(!n, !n == !blueprint_liquid_grid_columns)
|
58
|
+
// The last column in a row needs this class (or mixin) or it will end up on the next row.
|
59
|
+
div.last
|
60
|
+
+last
|
61
|
+
// Add these to a column to append empty cols.
|
62
|
+
@for !n from 1 to !blueprint_liquid_grid_columns
|
63
|
+
.append-#{!n}
|
64
|
+
+append(!n)
|
65
|
+
// Add these to a column to prepend empty cols.
|
66
|
+
@for !n from 1 to !blueprint_liquid_grid_columns
|
67
|
+
.prepend-#{!n}
|
68
|
+
+prepend(!n)
|
69
|
+
// Use these classes on an element to push it into the
|
70
|
+
// next column, or to pull it into the previous column.
|
71
|
+
@for !n from 1 to !blueprint_liquid_grid_columns + 1
|
72
|
+
.pull-#{!n}
|
73
|
+
+pull(!n)
|
74
|
+
@for !n from 1 to !blueprint_liquid_grid_columns + 1
|
75
|
+
.push-#{!n}
|
76
|
+
+push(!n)
|
77
|
+
|
78
|
+
=container
|
79
|
+
:min-width= !blueprint_liquid_container_min_width
|
80
|
+
:width = !blueprint_liquid_container_width
|
81
|
+
:margin 0 auto
|
82
|
+
+clearfix
|
83
|
+
|
84
|
+
=span(!n, !override = false)
|
85
|
+
!width = (!blueprint_liquid_grid_width * !n) - ((!blueprint_liquid_grid_width * !n) % 1)
|
86
|
+
@if !override
|
87
|
+
:width = !width !important
|
88
|
+
@else
|
89
|
+
:width = !width
|
90
|
+
|
91
|
+
=last
|
92
|
+
:margin-right 0
|
93
|
+
|
94
|
+
=column(!n, !last = false)
|
95
|
+
+float-left
|
96
|
+
:overflow hidden
|
97
|
+
+span(!n)
|
98
|
+
@if !last
|
99
|
+
+last
|
100
|
+
@else
|
101
|
+
:margin-right = !blueprint_liquid_grid_margin
|
102
|
+
|
103
|
+
=append(!n)
|
104
|
+
:padding-right= (!blueprint_liquid_grid_width * !n) - ((!blueprint_liquid_grid_width * !n) % 1)
|
105
|
+
|
106
|
+
=prepend(!n)
|
107
|
+
:padding-left= (!blueprint_liquid_grid_width * !n) - ((!blueprint_liquid_grid_width * !n) % 1)
|
108
|
+
|
109
|
+
=pull(!n, !last = false)
|
110
|
+
:margin-left= (!blueprint_liquid_grid_push_pull * !n)
|
111
|
+
|
112
|
+
=push(!n)
|
113
|
+
+float-right
|
114
|
+
:margin
|
115
|
+
:top 0
|
116
|
+
:left 1.5em
|
117
|
+
:right= (!blueprint_liquid_grid_push_pull * !n)
|
118
|
+
:bottom 0
|
119
|
+
|
120
|
+
=border
|
121
|
+
:border-right 1px solid #eee
|
122
|
+
|
123
|
+
=colborder
|
124
|
+
:padding-right 2%
|
125
|
+
:margin-right 2%
|
126
|
+
+border
|
127
|
+
|
128
|
+
=colruler
|
129
|
+
:background #ddd
|
130
|
+
:color #ddd
|
131
|
+
:clear both
|
132
|
+
:width 100%
|
133
|
+
:height 0.083em
|
134
|
+
:margin 0 0 1.583em
|
135
|
+
:border none
|
136
|
+
|
137
|
+
=colspacer
|
138
|
+
+colruler
|
139
|
+
:background #fff
|
140
|
+
:color #fff
|
141
|
+
|
@@ -0,0 +1,56 @@
|
|
1
|
+
// Global reset rules.
|
2
|
+
// For more specific resets, use the reset mixins provided below
|
3
|
+
=blueprint-global-reset
|
4
|
+
html, body
|
5
|
+
+blueprint-reset
|
6
|
+
+blueprint-nested-reset
|
7
|
+
|
8
|
+
// Reset all elements within some selector scope.To reset the selector itself,
|
9
|
+
// mixin the appropriate reset mixin for that element type as well. This could be
|
10
|
+
// useful if you want to style a part of your page in a dramatically different way.
|
11
|
+
=blueprint-nested-reset
|
12
|
+
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
|
13
|
+
pre, a, abbr, acronym, address, code, del, dfn, em, img,
|
14
|
+
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr
|
15
|
+
+blueprint-reset
|
16
|
+
blockquote, q
|
17
|
+
+blueprint-reset-quotation
|
18
|
+
th, td, caption
|
19
|
+
+blueprint-reset-table-cell
|
20
|
+
table
|
21
|
+
+blueprint-reset-table
|
22
|
+
a img
|
23
|
+
:border none
|
24
|
+
|
25
|
+
=blueprint-reset-box-model
|
26
|
+
:margin 0
|
27
|
+
:padding 0
|
28
|
+
:border 0
|
29
|
+
|
30
|
+
=blueprint-reset
|
31
|
+
+blueprint-reset-box-model
|
32
|
+
:font
|
33
|
+
:weight inherit
|
34
|
+
:style inherit
|
35
|
+
:size 100%
|
36
|
+
:family inherit
|
37
|
+
:vertical-align baseline
|
38
|
+
|
39
|
+
=blueprint-reset-quotation
|
40
|
+
+blueprint-reset
|
41
|
+
:quotes "" ""
|
42
|
+
&:before,
|
43
|
+
&:after
|
44
|
+
:content ""
|
45
|
+
|
46
|
+
=blueprint-reset-table-cell
|
47
|
+
+blueprint-reset
|
48
|
+
:text-align left
|
49
|
+
:font-weight normal
|
50
|
+
:vertical-align middle
|
51
|
+
|
52
|
+
=blueprint-reset-table
|
53
|
+
+blueprint-reset
|
54
|
+
:border-collapse separate
|
55
|
+
:border-spacing 0
|
56
|
+
:vertical-align middle
|
@@ -0,0 +1,104 @@
|
|
1
|
+
@import grid.sass
|
2
|
+
@import compass/utilities/general/float.sass
|
3
|
+
|
4
|
+
// Main layout grid, override these constants to build your grid and container sizes.
|
5
|
+
!blueprint_grid_columns ||= 24
|
6
|
+
!blueprint_grid_width ||= 30px
|
7
|
+
!blueprint_grid_margin ||= 10px
|
8
|
+
|
9
|
+
!blueprint_grid_outer_width = !blueprint_grid_width + !blueprint_grid_margin
|
10
|
+
!blueprint_container_size = !blueprint_grid_outer_width * !blueprint_grid_columns - !blueprint_grid_margin
|
11
|
+
|
12
|
+
// Columns
|
13
|
+
// Note: If you use this mixin without the class and want to support ie6
|
14
|
+
// you must set text-align left on your container element in an IE stylesheet.
|
15
|
+
=container
|
16
|
+
:width = !blueprint_container_size
|
17
|
+
:margin 0 auto
|
18
|
+
:direction rtl
|
19
|
+
+clearfix
|
20
|
+
|
21
|
+
// The last column in a row needs this mixin or it will end up on the next row.
|
22
|
+
// TODO add this to span mixin when we have optional arguments
|
23
|
+
=last
|
24
|
+
:margin-left 0
|
25
|
+
|
26
|
+
=column-base(!last = false)
|
27
|
+
+float-right
|
28
|
+
@if !last
|
29
|
+
+last
|
30
|
+
@else
|
31
|
+
:margin-left = !blueprint_grid_margin
|
32
|
+
* html &
|
33
|
+
:overflow-x hidden
|
34
|
+
|
35
|
+
// Mixin to a column to append n empty cols.
|
36
|
+
=append(!n)
|
37
|
+
:padding-left = (!blueprint_grid_outer_width) * !n
|
38
|
+
|
39
|
+
// Mixin to a column to prepend n empty cols.
|
40
|
+
=prepend(!n)
|
41
|
+
:padding-right = (!blueprint_grid_outer_width) * !n
|
42
|
+
|
43
|
+
// mixin to a column to move it n columns to the left
|
44
|
+
=pull(!n, !last = false)
|
45
|
+
:position relative
|
46
|
+
@if !last
|
47
|
+
:margin-right = (-!blueprint_grid_outer_width * !n) + !blueprint_grid_margin
|
48
|
+
@else
|
49
|
+
:margin-right = -!blueprint_grid_outer_width * !n
|
50
|
+
|
51
|
+
// mixin to a column to push it n columns to the right
|
52
|
+
=push(!n)
|
53
|
+
+float-right
|
54
|
+
:position relative
|
55
|
+
:margin
|
56
|
+
:top 0
|
57
|
+
:left = -!blueprint_grid_outer_width * !n
|
58
|
+
:bottom 1.5em
|
59
|
+
:right = !blueprint_grid_outer_width * !n
|
60
|
+
|
61
|
+
// Border on left hand side of a column.
|
62
|
+
=border
|
63
|
+
:padding-left = !blueprint_grid_margin / 2 - 1
|
64
|
+
:margin-left = !blueprint_grid_margin / 2
|
65
|
+
:border-left 1px solid #eee
|
66
|
+
|
67
|
+
// Border with more whitespace, spans one column.
|
68
|
+
=colborder
|
69
|
+
:padding-left= (!blueprint_grid_width - 2 * !blueprint_grid_margin - 1)/2
|
70
|
+
:margin-left= (!blueprint_grid_width - 2 * !blueprint_grid_margin)/2
|
71
|
+
:border-left 1px solid #eee
|
72
|
+
|
73
|
+
=rtl-typography(!body_selector = "body")
|
74
|
+
html #{!body_selector}
|
75
|
+
:font-family Arial, sans-serif
|
76
|
+
@if !body_selector != "body"
|
77
|
+
+rtl-typography-defaults
|
78
|
+
@if !body_selector == "body"
|
79
|
+
body
|
80
|
+
+rtl-typography-defaults
|
81
|
+
|
82
|
+
=rtl-typography-defaults
|
83
|
+
h1, h2, h3, h4, h5, h6
|
84
|
+
:font-family Arial, sans-serif
|
85
|
+
|
86
|
+
pre, code, tt
|
87
|
+
:font-family monospace
|
88
|
+
|
89
|
+
p
|
90
|
+
img.right
|
91
|
+
+float-left
|
92
|
+
:margin 1.5em 1.5em 1.5em 0
|
93
|
+
:padding 0
|
94
|
+
img.left
|
95
|
+
+float-right
|
96
|
+
:margin 1.5em 0 1.5em 1.5em
|
97
|
+
:padding 0
|
98
|
+
|
99
|
+
dd, ul, ol
|
100
|
+
:margin-left 0
|
101
|
+
:margin-right 1.5em
|
102
|
+
|
103
|
+
td, th
|
104
|
+
:text-align right
|
@@ -0,0 +1,47 @@
|
|
1
|
+
@import grid.sass
|
2
|
+
// The styles contained here are meant to provide for an attractive experience out of the box
|
3
|
+
// and are expected to be removed once custom visual design begins.
|
4
|
+
|
5
|
+
// The +blueprint-scaffolding mixin must be mixed into the top level of your stylesheet.
|
6
|
+
// However, you can customize the body selector if you wish to control the scope
|
7
|
+
// of this mixin. Examples:
|
8
|
+
// Apply to any page including the stylesheet:
|
9
|
+
// +blueprint-scaffolding
|
10
|
+
// Scoped by a single presentational body class:
|
11
|
+
// +blueprint-scaffolding("body.blueprint")
|
12
|
+
// Semantically:
|
13
|
+
// +blueprint-scaffolding("body#page-1, body#page-2, body.a-special-page-type")
|
14
|
+
// Alternatively, you can use the +blueprint-scaffolding-body and +blueprint-scaffolding-defaults
|
15
|
+
// mixins to construct your own semantic style rules.
|
16
|
+
|
17
|
+
=blueprint-scaffolding(!body_selector = "body")
|
18
|
+
#{!body_selector}
|
19
|
+
@if !body_selector != "body"
|
20
|
+
+blueprint-scaffolding-defaults
|
21
|
+
@if !body_selector == "body"
|
22
|
+
+blueprint-scaffolding-defaults
|
23
|
+
|
24
|
+
// The styles this mixin provides were deprecated in Blueprint 0.9 and is no longer part of the
|
25
|
+
// main scaffolding, but the mixin is still available if you want to use it.
|
26
|
+
=blueprint-scaffolding-body
|
27
|
+
:margin 1.5em 0
|
28
|
+
|
29
|
+
// Mixin +box to create a padded box inside a column.
|
30
|
+
=box
|
31
|
+
:padding 1.5em
|
32
|
+
:margin-bottom 1.5em
|
33
|
+
:background #E5ECF9
|
34
|
+
|
35
|
+
=blueprint-scaffolding-defaults
|
36
|
+
.box
|
37
|
+
+box
|
38
|
+
// Border on right hand side of a column. You can comment this out if you don't plan to use it.
|
39
|
+
div.border
|
40
|
+
+border
|
41
|
+
// Border with more whitespace, spans one column.
|
42
|
+
div.colborder
|
43
|
+
+colborder
|
44
|
+
hr
|
45
|
+
+colruler
|
46
|
+
hr.space
|
47
|
+
+colspacer
|
@@ -0,0 +1,155 @@
|
|
1
|
+
@import colors.sass
|
2
|
+
@import compass/utilities/links/link_colors.sass
|
3
|
+
@import compass/utilities/general/float.sass
|
4
|
+
|
5
|
+
!blueprint_font_family ||= "Helvetica Neue, Arial, Helvetica, sans-serif"
|
6
|
+
!blueprint_fixed_font_family ||= "'andale mono', 'lucida console', monospace"
|
7
|
+
!blueprint_font_size ||= 12px
|
8
|
+
|
9
|
+
// The +blueprint-typography mixin must be mixed into the top level of your stylesheet.
|
10
|
+
// However, you can customize the body selector if you wish to control the scope
|
11
|
+
// of this mixin. Examples:
|
12
|
+
// Apply to any page including the stylesheet:
|
13
|
+
// +blueprint-typography
|
14
|
+
// Scoped by a single presentational body class:
|
15
|
+
// +blueprint-typography("body.blueprint")
|
16
|
+
// Semantically:
|
17
|
+
// +blueprint-typography("body#page-1, body#page-2, body.a-special-page-type")
|
18
|
+
// Alternatively, you can use the +blueprint-typography-body and +blueprint-typography-defaults
|
19
|
+
// mixins to construct your own semantic style rules.
|
20
|
+
|
21
|
+
=blueprint-typography(!body_selector = "body")
|
22
|
+
#{!body_selector}
|
23
|
+
+blueprint-typography-body
|
24
|
+
@if !body_selector != "body"
|
25
|
+
+blueprint-typography-defaults
|
26
|
+
@if !body_selector == "body"
|
27
|
+
+blueprint-typography-defaults
|
28
|
+
|
29
|
+
=normal-text
|
30
|
+
:font-family= !blueprint_font_family
|
31
|
+
:color= !font_color
|
32
|
+
|
33
|
+
=fixed-width-text
|
34
|
+
:font= 1em !blueprint_fixed_font_family
|
35
|
+
:line-height 1.5
|
36
|
+
|
37
|
+
=header-text
|
38
|
+
:font-weight normal
|
39
|
+
:color= !header_color
|
40
|
+
|
41
|
+
=quiet
|
42
|
+
:color= !quiet_color
|
43
|
+
|
44
|
+
=loud
|
45
|
+
:color= !loud_color
|
46
|
+
|
47
|
+
=blueprint-typography-body(!font_size = !blueprint_font_size)
|
48
|
+
:line-height 1.5
|
49
|
+
+normal-text
|
50
|
+
:font-size= 100% * !font_size / 16px
|
51
|
+
|
52
|
+
=blueprint-typography-defaults
|
53
|
+
h1
|
54
|
+
+header-text
|
55
|
+
:font-size 3em
|
56
|
+
:line-height 1
|
57
|
+
:margin-bottom 0.5em
|
58
|
+
img
|
59
|
+
:margin 0
|
60
|
+
h2
|
61
|
+
+header-text
|
62
|
+
:font-size 2em
|
63
|
+
:margin-bottom 0.75em
|
64
|
+
h3
|
65
|
+
+header-text
|
66
|
+
:font-size 1.5em
|
67
|
+
:line-height 1
|
68
|
+
:margin-bottom 1em
|
69
|
+
h4
|
70
|
+
+header-text
|
71
|
+
:font-size 1.2em
|
72
|
+
:line-height 1.25
|
73
|
+
:margin-bottom 1.25em
|
74
|
+
h5
|
75
|
+
+header-text
|
76
|
+
:font-size 1em
|
77
|
+
:font-weight bold
|
78
|
+
:margin-bottom 1.5em
|
79
|
+
h6
|
80
|
+
+header-text
|
81
|
+
:font-size 1em
|
82
|
+
:font-weight bold
|
83
|
+
h2 img, h3 img, h4 img, h5 img, h6 img
|
84
|
+
:margin 0
|
85
|
+
p
|
86
|
+
:margin 0 0 1.5em
|
87
|
+
img.left
|
88
|
+
+float-left
|
89
|
+
:margin 1.5em 1.5em 1.5em 0
|
90
|
+
:padding 0
|
91
|
+
img.right
|
92
|
+
+float-right
|
93
|
+
:margin 1.5em 0 1.5em 1.5em
|
94
|
+
:padding 0
|
95
|
+
a
|
96
|
+
:text-decoration underline
|
97
|
+
+link-colors(!link_color, !link_hover_color, !link_active_color, !link_visited_color, !link_focus_color)
|
98
|
+
blockquote
|
99
|
+
:margin 1.5em
|
100
|
+
:color #666
|
101
|
+
:font-style italic
|
102
|
+
strong
|
103
|
+
:font-weight bold
|
104
|
+
em
|
105
|
+
:font-style italic
|
106
|
+
dfn
|
107
|
+
:font-style italic
|
108
|
+
:font-weight bold
|
109
|
+
sup, sub
|
110
|
+
:line-height 0
|
111
|
+
abbr, acronym
|
112
|
+
:border-bottom 1px dotted #666
|
113
|
+
address
|
114
|
+
:margin 0 0 1.5em
|
115
|
+
:font-style italic
|
116
|
+
del
|
117
|
+
:color #666
|
118
|
+
pre
|
119
|
+
:margin 1.5em 0
|
120
|
+
:white-space pre
|
121
|
+
pre, code, tt
|
122
|
+
+fixed-width-text
|
123
|
+
li ul, li ol
|
124
|
+
:margin 0 1.5em
|
125
|
+
ul
|
126
|
+
:margin 0 1.5em 1.5em 1.5em
|
127
|
+
:list-style-type disc
|
128
|
+
ol
|
129
|
+
:margin 0 1.5em 1.5em 1.5em
|
130
|
+
:list-style-type decimal
|
131
|
+
dl
|
132
|
+
:margin 0 0 1.5em 0
|
133
|
+
dt
|
134
|
+
:font-weight bold
|
135
|
+
dd
|
136
|
+
:margin-left 1.5em
|
137
|
+
table
|
138
|
+
:margin-bottom 1.4em
|
139
|
+
:width 100%
|
140
|
+
th
|
141
|
+
:font-weight bold
|
142
|
+
thead th
|
143
|
+
:background= !blueprint_table_header_color
|
144
|
+
th, td, caption
|
145
|
+
:padding 4px 10px 4px 5px
|
146
|
+
tr.even td
|
147
|
+
:background= !blueprint_table_stripe_color
|
148
|
+
tfoot
|
149
|
+
:font-style italic
|
150
|
+
caption
|
151
|
+
:background #eee
|
152
|
+
.quiet
|
153
|
+
+quiet
|
154
|
+
.loud
|
155
|
+
+loud
|