bsherman-compass 0.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/Manifest +178 -0
- data/README.markdown +17 -0
- data/Rakefile +98 -0
- data/VERSION +1 -0
- data/bin/compass +8 -0
- data/compass.gemspec +37 -0
- data/examples/blueprint_default/index.html +73 -0
- data/examples/blueprint_default/parts/elements.html +246 -0
- data/examples/blueprint_default/parts/forms.html +100 -0
- data/examples/blueprint_default/parts/grid.html +206 -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_plugins/index.html +60 -0
- data/examples/blueprint_plugins/parts/fancy_type.html +84 -0
- data/examples/blueprint_plugins/parts/test-small.jpg +0 -0
- data/examples/blueprint_plugins/parts/test.jpg +0 -0
- data/examples/blueprint_plugins/parts/valid.png +0 -0
- data/examples/blueprint_semantic/index.html +68 -0
- data/examples/blueprint_semantic/parts/fancy_type.html +84 -0
- data/examples/blueprint_semantic/parts/liquid.html +84 -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/compass/compass.html +19 -0
- data/examples/compass/sticky_footer.html.haml +14 -0
- data/examples/compass/utilities.html.haml +141 -0
- data/examples/yui/divisions.html.haml +179 -0
- data/examples/yui/index.html.haml +19 -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/lib/blueprint/constants.rb +17 -0
- data/frameworks/blueprint/lib/blueprint/grid_builder.rb +54 -0
- data/frameworks/blueprint/stylesheets/_blueprint.sass +3 -0
- data/frameworks/blueprint/stylesheets/blueprint/_ie.sass +49 -0
- data/frameworks/blueprint/stylesheets/blueprint/_print.sass +82 -0
- data/frameworks/blueprint/stylesheets/blueprint/_screen.sass +15 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_colors.sass +30 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_debug.sass +9 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass +81 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_form.sass +43 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass +141 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_interaction.sass +58 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_liquid.sass +137 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_scaffolding.sass +46 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass +154 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_utilities.sass +37 -0
- data/frameworks/blueprint/templates/project/grid.png +0 -0
- data/frameworks/blueprint/templates/project/ie.sass +3 -0
- data/frameworks/blueprint/templates/project/manifest.rb +5 -0
- data/frameworks/blueprint/templates/project/print.sass +3 -0
- data/frameworks/blueprint/templates/project/screen.sass +8 -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/_reset.sass +3 -0
- data/frameworks/compass/stylesheets/compass/_utilities.sass +5 -0
- data/frameworks/compass/stylesheets/compass/layout/_sticky_footer.sass +17 -0
- data/frameworks/compass/stylesheets/compass/utilities/_general.sass +4 -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/_tables.sass +3 -0
- data/frameworks/compass/stylesheets/compass/utilities/_text.sass +2 -0
- data/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.sass +11 -0
- data/frameworks/compass/stylesheets/compass/utilities/general/_inline_block.sass +6 -0
- data/frameworks/compass/stylesheets/compass/utilities/general/_reset.sass +56 -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 +20 -0
- data/frameworks/compass/stylesheets/compass/utilities/lists/_inline_list.sass +29 -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/_nowrap.sass +3 -0
- data/frameworks/compass/stylesheets/compass/utilities/text/_replacement.sass +10 -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 +7 -0
- data/frameworks/yui.rb +2 -0
- data/frameworks/yui/COPYRIGHT +15 -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/templates/project/manifest.rb +1 -0
- data/frameworks/yui/templates/project/screen.sass +4 -0
- data/lib/compass.rb +39 -0
- data/lib/compass/actions.rb +92 -0
- data/lib/compass/commands/base.rb +29 -0
- data/lib/compass/commands/create_project.rb +41 -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 +82 -0
- data/lib/compass/commands/update_project.rb +25 -0
- data/lib/compass/commands/watch_project.rb +53 -0
- data/lib/compass/commands/write_configuration.rb +37 -0
- data/lib/compass/compiler.rb +40 -0
- data/lib/compass/configuration.rb +167 -0
- data/lib/compass/core_ext.rb +12 -0
- data/lib/compass/errors.rb +7 -0
- data/lib/compass/exec.rb +184 -0
- data/lib/compass/frameworks.rb +29 -0
- data/lib/compass/installers.rb +5 -0
- data/lib/compass/installers/base.rb +135 -0
- data/lib/compass/installers/manifest.rb +57 -0
- data/lib/compass/installers/rails.rb +118 -0
- data/lib/compass/installers/stand_alone.rb +76 -0
- data/lib/compass/logger.rb +34 -0
- data/lib/compass/merb.rb +43 -0
- data/lib/compass/test_case.rb +37 -0
- data/lib/compass/validate.rb +13 -0
- data/lib/compass/validate/COPYRIGHT.html +93 -0
- data/lib/compass/validate/JIGSAW_COPYRIGHT +64 -0
- data/lib/compass/validate/README.html +83 -0
- data/lib/compass/validate/XERCES_COPYING.txt +56 -0
- data/lib/compass/validate/css-validator-javadoc.jar +0 -0
- data/lib/compass/validate/css-validator.jar +0 -0
- data/lib/compass/validate/jigsaw.jar +0 -0
- data/lib/compass/validate/xerces.jar +0 -0
- data/lib/compass/validator.rb +59 -0
- data/lib/compass/version.rb +66 -0
- data/lib/sass_extensions.rb +13 -0
- data/test/command_line_test.rb +147 -0
- data/test/compass_test.rb +148 -0
- data/test/configuration_test.rb +29 -0
- data/test/fixtures/stylesheets/blueprint/css/typography.css +159 -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/css/layout.css +14 -0
- data/test/fixtures/stylesheets/compass/css/print.css +19 -0
- data/test/fixtures/stylesheets/compass/css/reset.css +66 -0
- data/test/fixtures/stylesheets/compass/css/utilities.css +23 -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 +1 -0
- data/test/fixtures/stylesheets/compass/sass/utilities.sass +5 -0
- data/test/fixtures/stylesheets/yui/css/mixins.css +16 -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/sass_extensions_test.rb +26 -0
- data/test/test_helper.rb +47 -0
- metadata +295 -0
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
@import colors.sass
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
=blueprint-interaction
|
|
5
|
+
.error
|
|
6
|
+
+error
|
|
7
|
+
.notice
|
|
8
|
+
+notice
|
|
9
|
+
.success
|
|
10
|
+
+success
|
|
11
|
+
.hide
|
|
12
|
+
:display none
|
|
13
|
+
.highlight
|
|
14
|
+
+highlight
|
|
15
|
+
.added
|
|
16
|
+
+added
|
|
17
|
+
.removed
|
|
18
|
+
+removed
|
|
19
|
+
|
|
20
|
+
=feedback-base
|
|
21
|
+
:padding .8em
|
|
22
|
+
:margin-bottom 1em
|
|
23
|
+
:border= 2px "solid" !feedback_border_color
|
|
24
|
+
|
|
25
|
+
=error
|
|
26
|
+
+feedback-base
|
|
27
|
+
:background = !error_bg_color
|
|
28
|
+
:color = !error_color
|
|
29
|
+
:border-color = !error_border_color
|
|
30
|
+
a
|
|
31
|
+
:color = !error_color
|
|
32
|
+
|
|
33
|
+
=notice
|
|
34
|
+
+feedback-base
|
|
35
|
+
:background = !notice_bg_color
|
|
36
|
+
:color = !notice_color
|
|
37
|
+
:border-color = !notice_border_color
|
|
38
|
+
a
|
|
39
|
+
:color = !notice_color
|
|
40
|
+
|
|
41
|
+
=success
|
|
42
|
+
+feedback-base
|
|
43
|
+
:background = !success_bg_color
|
|
44
|
+
:color = !success_color
|
|
45
|
+
:border-color = !success_border_color
|
|
46
|
+
a
|
|
47
|
+
:color = !success_color
|
|
48
|
+
|
|
49
|
+
=highlight
|
|
50
|
+
:background = !highlight_color
|
|
51
|
+
|
|
52
|
+
=added
|
|
53
|
+
:background = !added_bg_color
|
|
54
|
+
:color = !added_color
|
|
55
|
+
|
|
56
|
+
=removed
|
|
57
|
+
:background = !removed_bg_color
|
|
58
|
+
:color = !removed_color
|
|
@@ -0,0 +1,137 @@
|
|
|
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/clearfix.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)
|
|
85
|
+
:width= (!blueprint_liquid_grid_width * !n) - ((!blueprint_liquid_grid_width * !n) % 1)
|
|
86
|
+
|
|
87
|
+
=last
|
|
88
|
+
:margin-right 0
|
|
89
|
+
|
|
90
|
+
=column(!n, !last = false)
|
|
91
|
+
:float left
|
|
92
|
+
:overflow hidden
|
|
93
|
+
+span(!n)
|
|
94
|
+
@if !last
|
|
95
|
+
+last
|
|
96
|
+
@else
|
|
97
|
+
:margin-right = !blueprint_liquid_grid_margin
|
|
98
|
+
|
|
99
|
+
=append(!n)
|
|
100
|
+
:padding-right= (!blueprint_liquid_grid_width * !n) - ((!blueprint_liquid_grid_width * !n) % 1)
|
|
101
|
+
|
|
102
|
+
=prepend(!n)
|
|
103
|
+
:padding-left= (!blueprint_liquid_grid_width * !n) - ((!blueprint_liquid_grid_width * !n) % 1)
|
|
104
|
+
|
|
105
|
+
=pull(!n, !last = false)
|
|
106
|
+
:margin-left= (!blueprint_liquid_grid_push_pull * !n)
|
|
107
|
+
|
|
108
|
+
=push(!n)
|
|
109
|
+
:float right
|
|
110
|
+
:margin
|
|
111
|
+
:top 0
|
|
112
|
+
:left 1.5em
|
|
113
|
+
:right= (!blueprint_liquid_grid_push_pull * !n)
|
|
114
|
+
:bottom 0
|
|
115
|
+
|
|
116
|
+
=border
|
|
117
|
+
:border-right 1px solid #eee
|
|
118
|
+
|
|
119
|
+
=colborder
|
|
120
|
+
:padding-right 2%
|
|
121
|
+
:margin-right 2%
|
|
122
|
+
+border
|
|
123
|
+
|
|
124
|
+
=colruler
|
|
125
|
+
:background #ddd
|
|
126
|
+
:color #ddd
|
|
127
|
+
:clear both
|
|
128
|
+
:width 100%
|
|
129
|
+
:height 0.083em
|
|
130
|
+
:margin 0 0 1.583em
|
|
131
|
+
:border none
|
|
132
|
+
|
|
133
|
+
=colspacer
|
|
134
|
+
+colruler
|
|
135
|
+
:background #fff
|
|
136
|
+
:color #fff
|
|
137
|
+
|
|
@@ -0,0 +1,46 @@
|
|
|
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
|
+
+blueprint-scaffolding-body
|
|
20
|
+
@if !body_selector != "body"
|
|
21
|
+
+blueprint-scaffolding-defaults
|
|
22
|
+
@if !body_selector == "body"
|
|
23
|
+
+blueprint-scaffolding-defaults
|
|
24
|
+
|
|
25
|
+
=blueprint-scaffolding-body
|
|
26
|
+
:margin 1.5em 0
|
|
27
|
+
|
|
28
|
+
// Mixin +box to create a padded box inside a column.
|
|
29
|
+
=box
|
|
30
|
+
:padding 1.5em
|
|
31
|
+
:margin-bottom 1.5em
|
|
32
|
+
:background #E5ECF9
|
|
33
|
+
|
|
34
|
+
=blueprint-scaffolding-defaults
|
|
35
|
+
.box
|
|
36
|
+
+box
|
|
37
|
+
// Border on right hand side of a column. You can comment this out if you don't plan to use it.
|
|
38
|
+
div.border
|
|
39
|
+
+border
|
|
40
|
+
// Border with more whitespace, spans one column.
|
|
41
|
+
div.colborder
|
|
42
|
+
+colborder
|
|
43
|
+
hr
|
|
44
|
+
+colruler
|
|
45
|
+
hr.space
|
|
46
|
+
+colspacer
|
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
@import colors.sass
|
|
2
|
+
@import compass/utilities/links/link_colors.sass
|
|
3
|
+
|
|
4
|
+
!blueprint_font_family ||= "Helvetica Neue, Helvetica, Arial, sans-serif"
|
|
5
|
+
!blueprint_fixed_font_family ||= "'andale mono', 'lucida console', monospace"
|
|
6
|
+
|
|
7
|
+
// The +blueprint-typography mixin must be mixed into the top level of your stylesheet.
|
|
8
|
+
// However, you can customize the body selector if you wish to control the scope
|
|
9
|
+
// of this mixin. Examples:
|
|
10
|
+
// Apply to any page including the stylesheet:
|
|
11
|
+
// +blueprint-typography
|
|
12
|
+
// Scoped by a single presentational body class:
|
|
13
|
+
// +blueprint-typography("body.blueprint")
|
|
14
|
+
// Semantically:
|
|
15
|
+
// +blueprint-typography("body#page-1, body#page-2, body.a-special-page-type")
|
|
16
|
+
// Alternatively, you can use the +blueprint-typography-body and +blueprint-typography-defaults
|
|
17
|
+
// mixins to construct your own semantic style rules.
|
|
18
|
+
|
|
19
|
+
=blueprint-typography(!body_selector = "body")
|
|
20
|
+
#{!body_selector}
|
|
21
|
+
+blueprint-typography-body
|
|
22
|
+
@if !body_selector != "body"
|
|
23
|
+
+blueprint-typography-defaults
|
|
24
|
+
@if !body_selector == "body"
|
|
25
|
+
+blueprint-typography-defaults
|
|
26
|
+
|
|
27
|
+
=normal-text
|
|
28
|
+
:font-family= !blueprint_font_family
|
|
29
|
+
:color= !font_color
|
|
30
|
+
|
|
31
|
+
=fixed-width-text
|
|
32
|
+
:font= 1em !blueprint_fixed_font_family
|
|
33
|
+
:line-height 1.5
|
|
34
|
+
|
|
35
|
+
=header-text
|
|
36
|
+
:font-weight normal
|
|
37
|
+
:color= !header_color
|
|
38
|
+
|
|
39
|
+
=quiet
|
|
40
|
+
:color= !quiet_color
|
|
41
|
+
|
|
42
|
+
=loud
|
|
43
|
+
:color= !loud_color
|
|
44
|
+
|
|
45
|
+
=blueprint-typography-body
|
|
46
|
+
:line-height 1.5
|
|
47
|
+
+normal-text
|
|
48
|
+
:font-size 75%
|
|
49
|
+
|
|
50
|
+
=blueprint-typography-defaults
|
|
51
|
+
h1
|
|
52
|
+
+header-text
|
|
53
|
+
:font-size 3em
|
|
54
|
+
:line-height 1
|
|
55
|
+
:margin-bottom 0.5em
|
|
56
|
+
img
|
|
57
|
+
:margin 0
|
|
58
|
+
h2
|
|
59
|
+
+header-text
|
|
60
|
+
:font-size 2em
|
|
61
|
+
:margin-bottom 0.75em
|
|
62
|
+
h3
|
|
63
|
+
+header-text
|
|
64
|
+
:font-size 1.5em
|
|
65
|
+
:line-height 1
|
|
66
|
+
:margin-bottom 1em
|
|
67
|
+
h4
|
|
68
|
+
+header-text
|
|
69
|
+
:font-size 1.2em
|
|
70
|
+
:line-height 1.25
|
|
71
|
+
:margin-bottom 1.25em
|
|
72
|
+
:height 1.25em
|
|
73
|
+
h5
|
|
74
|
+
+header-text
|
|
75
|
+
:font-size 1em
|
|
76
|
+
:font-weight bold
|
|
77
|
+
:margin-bottom 1.5em
|
|
78
|
+
h6
|
|
79
|
+
+header-text
|
|
80
|
+
:font-size 1em
|
|
81
|
+
:font-weight bold
|
|
82
|
+
h2 img, h3 img, h4 img, h5 img, h6 img
|
|
83
|
+
:margin 0
|
|
84
|
+
p
|
|
85
|
+
:margin 0 0 1.5em
|
|
86
|
+
img
|
|
87
|
+
:float left
|
|
88
|
+
:margin 1.5em 1.5em 1.5em 0
|
|
89
|
+
:padding 0
|
|
90
|
+
&.right
|
|
91
|
+
:float right
|
|
92
|
+
:margin 1.5em 0 1.5em 1.5em
|
|
93
|
+
a
|
|
94
|
+
:text-decoration underline
|
|
95
|
+
+link-colors(!link_color, !link_hover_color, !link_active_color, !link_visited_color, !link_focus_color)
|
|
96
|
+
blockquote
|
|
97
|
+
:margin 1.5em
|
|
98
|
+
:color #666
|
|
99
|
+
:font-style italic
|
|
100
|
+
strong
|
|
101
|
+
:font-weight bold
|
|
102
|
+
em
|
|
103
|
+
:font-style italic
|
|
104
|
+
dfn
|
|
105
|
+
:font-style italic
|
|
106
|
+
:font-weight bold
|
|
107
|
+
sup, sub
|
|
108
|
+
:line-height 0
|
|
109
|
+
abbr, acronym
|
|
110
|
+
:border-bottom 1px dotted #666
|
|
111
|
+
address
|
|
112
|
+
:margin 0 0 1.5em
|
|
113
|
+
:font-style italic
|
|
114
|
+
del
|
|
115
|
+
:color #666
|
|
116
|
+
pre, code
|
|
117
|
+
:margin 1.5em 0
|
|
118
|
+
:white-space pre
|
|
119
|
+
+fixed-width-text
|
|
120
|
+
tt
|
|
121
|
+
+fixed-width-text
|
|
122
|
+
li ul, li ol
|
|
123
|
+
:margin 0 1.5em
|
|
124
|
+
ul
|
|
125
|
+
:margin 0 1.5em 1.5em 1.5em
|
|
126
|
+
:list-style-type disc
|
|
127
|
+
ol
|
|
128
|
+
:margin 0 1.5em 1.5em 1.5em
|
|
129
|
+
:list-style-type decimal
|
|
130
|
+
dl
|
|
131
|
+
:margin 0 0 1.5em 0
|
|
132
|
+
dt
|
|
133
|
+
:font-weight bold
|
|
134
|
+
dd
|
|
135
|
+
:margin-left 1.5em
|
|
136
|
+
table
|
|
137
|
+
:margin-bottom 1.4em
|
|
138
|
+
:width 100%
|
|
139
|
+
th
|
|
140
|
+
:font-weight bold
|
|
141
|
+
:background #C3D9FF
|
|
142
|
+
:padding 4px 10px 4px 5px
|
|
143
|
+
td
|
|
144
|
+
:padding 4px 10px 4px 5px
|
|
145
|
+
tr.even td
|
|
146
|
+
:background #E5ECF9
|
|
147
|
+
tfoot
|
|
148
|
+
:font-style italic
|
|
149
|
+
caption
|
|
150
|
+
:background #eee
|
|
151
|
+
.quiet
|
|
152
|
+
+quiet
|
|
153
|
+
.loud
|
|
154
|
+
+loud
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
@import compass/utilities/text/nowrap.sass
|
|
2
|
+
@import compass/utilities/general/clearfix.sass
|
|
3
|
+
|
|
4
|
+
// Most of these utility classes are not "semantic". If you use them,
|
|
5
|
+
// you are mixing your content and presentation. For shame!
|
|
6
|
+
|
|
7
|
+
=blueprint-utilities
|
|
8
|
+
// Regular clearing apply to column that should drop below previous ones.
|
|
9
|
+
.clear
|
|
10
|
+
:clear both
|
|
11
|
+
// turn off text wrapping for the element.
|
|
12
|
+
.nowrap
|
|
13
|
+
+nowrap
|
|
14
|
+
// Apply to an element that has floated children to make the bottom
|
|
15
|
+
// of the element fall _below_ the floated children.
|
|
16
|
+
.clearfix
|
|
17
|
+
+clearfix
|
|
18
|
+
.small
|
|
19
|
+
:font-size .8em
|
|
20
|
+
:margin-bottom 1.875em
|
|
21
|
+
:line-height 1.875em
|
|
22
|
+
.large
|
|
23
|
+
:font-size 1.2em
|
|
24
|
+
:line-height 2.5em
|
|
25
|
+
:margin-bottom 1.25em
|
|
26
|
+
.first
|
|
27
|
+
:margin-left 0
|
|
28
|
+
:padding-left 0
|
|
29
|
+
.last
|
|
30
|
+
:margin-right 0
|
|
31
|
+
:padding-right 0
|
|
32
|
+
.top
|
|
33
|
+
:margin-top 0
|
|
34
|
+
:padding-top 0
|
|
35
|
+
.bottom
|
|
36
|
+
:margin-bottom 0
|
|
37
|
+
:padding-bottom 0
|
|
Binary file
|