merbjedi-compass 0.5.0
Sign up to get free protection for your applications and to get access to all the features.
- data/Manifest +178 -0
- data/README.markdown +17 -0
- data/Rakefile +125 -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_default/stylesheets/ie.sass +3 -0
- data/examples/blueprint_default/stylesheets/images/grid.png +0 -0
- data/examples/blueprint_default/stylesheets/print.sass +3 -0
- data/examples/blueprint_default/stylesheets/screen.sass +8 -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_plugins/stylesheets/ie.sass +3 -0
- data/examples/blueprint_plugins/stylesheets/images/grid.png +0 -0
- data/examples/blueprint_plugins/stylesheets/print.sass +3 -0
- data/examples/blueprint_plugins/stylesheets/screen.sass +11 -0
- data/examples/blueprint_scoped/stylesheets/ie.sass +3 -0
- data/examples/blueprint_scoped/stylesheets/print.sass +3 -0
- data/examples/blueprint_scoped/stylesheets/screen.sass +4 -0
- data/examples/blueprint_scoped_form/stylesheets/ie.sass +3 -0
- data/examples/blueprint_scoped_form/stylesheets/print.sass +3 -0
- data/examples/blueprint_scoped_form/stylesheets/screen.sass +10 -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/blueprint_semantic/stylesheets/ie.sass +3 -0
- data/examples/blueprint_semantic/stylesheets/images/grid.png +0 -0
- data/examples/blueprint_semantic/stylesheets/liquid.sass +70 -0
- data/examples/blueprint_semantic/stylesheets/print.sass +3 -0
- data/examples/blueprint_semantic/stylesheets/screen.sass +69 -0
- data/examples/compass/compass.html +19 -0
- data/examples/compass/sticky_footer.html.haml +14 -0
- data/examples/compass/stylesheets/compass.sass +47 -0
- data/examples/compass/stylesheets/images/blue_arrow.gif +0 -0
- data/examples/compass/stylesheets/sticky_footer.sass +11 -0
- data/examples/compass/stylesheets/utilities.sass +69 -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/stylesheets/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/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 +45 -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
|