chriseppstein-compass 0.6.9 → 0.6.10
Sign up to get free protection for your applications and to get access to all the features.
- data/frameworks/blueprint.rb +2 -0
- data/frameworks/blueprint/stylesheets/_blueprint.sass +3 -0
- data/frameworks/blueprint/stylesheets/blueprint/_ie.sass +51 -0
- data/frameworks/blueprint/stylesheets/blueprint/_print.sass +83 -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 +81 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_form.sass +43 -0
- data/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass +168 -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/_rtl.sass +104 -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/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 +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/_misc.sass +24 -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 +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/_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 +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 +52 -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/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
- metadata +100 -7
- data/Rakefile +0 -97
- data/VERSION.yml +0 -4
@@ -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,44 @@
|
|
1
|
+
=no-link-icon
|
2
|
+
:background transparent none !important
|
3
|
+
:padding 0 !important
|
4
|
+
:margin 0 !important
|
5
|
+
|
6
|
+
=link-icon-base
|
7
|
+
:padding 2px 22px 2px 0
|
8
|
+
:margin -2px 0
|
9
|
+
:background-repeat no-repeat
|
10
|
+
:background-position right center
|
11
|
+
|
12
|
+
=link-icon(!name, !include_base = true)
|
13
|
+
@if !include_base
|
14
|
+
+link-icon-base
|
15
|
+
:background-image= image_url("link_icons/#{!name}")
|
16
|
+
|
17
|
+
=link-icons
|
18
|
+
a[href^="http:"],
|
19
|
+
a[href^="mailto:"],
|
20
|
+
a[href^="http:"]:visited,
|
21
|
+
a[href$=".pdf"],
|
22
|
+
a[href$=".doc"],
|
23
|
+
a[href$=".xls"],
|
24
|
+
a[href$=".rss"],
|
25
|
+
a[href$=".rdf"],
|
26
|
+
a[href^="aim:"]
|
27
|
+
+link-icon-base
|
28
|
+
a[href^="http:"]
|
29
|
+
+link-icon("external.png", false)
|
30
|
+
a[href^="mailto:"]
|
31
|
+
+link-icon("email.png", false)
|
32
|
+
a[href^="http:"]:visited
|
33
|
+
+link-icon("visited.png", false)
|
34
|
+
a[href$=".pdf"]
|
35
|
+
+link-icon("pdf.png", false)
|
36
|
+
a[href$=".doc"]
|
37
|
+
+link-icon("doc.png", false)
|
38
|
+
a[href$=".xls"]
|
39
|
+
+link-icon("xls.png", false)
|
40
|
+
a[href$=".rss"],
|
41
|
+
a[href$=".rdf"]
|
42
|
+
+link-icon("feed.png", false)
|
43
|
+
a[href^="aim:"]
|
44
|
+
+link-icon("im.png", false)
|
@@ -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,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 - 0.5 * !blueprint_grid_margin - 1
|
70
|
+
:margin-left= !blueprint_grid_width - 0.5 * !blueprint_grid_margin
|
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,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
|
+
@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
|
+
|
8
|
+
// The +blueprint-typography mixin must be mixed into the top level of your stylesheet.
|
9
|
+
// However, you can customize the body selector if you wish to control the scope
|
10
|
+
// of this mixin. Examples:
|
11
|
+
// Apply to any page including the stylesheet:
|
12
|
+
// +blueprint-typography
|
13
|
+
// Scoped by a single presentational body class:
|
14
|
+
// +blueprint-typography("body.blueprint")
|
15
|
+
// Semantically:
|
16
|
+
// +blueprint-typography("body#page-1, body#page-2, body.a-special-page-type")
|
17
|
+
// Alternatively, you can use the +blueprint-typography-body and +blueprint-typography-defaults
|
18
|
+
// mixins to construct your own semantic style rules.
|
19
|
+
|
20
|
+
=blueprint-typography(!body_selector = "body")
|
21
|
+
#{!body_selector}
|
22
|
+
+blueprint-typography-body
|
23
|
+
@if !body_selector != "body"
|
24
|
+
+blueprint-typography-defaults
|
25
|
+
@if !body_selector == "body"
|
26
|
+
+blueprint-typography-defaults
|
27
|
+
|
28
|
+
=normal-text
|
29
|
+
:font-family= !blueprint_font_family
|
30
|
+
:color= !font_color
|
31
|
+
|
32
|
+
=fixed-width-text
|
33
|
+
:font= 1em !blueprint_fixed_font_family
|
34
|
+
:line-height 1.5
|
35
|
+
|
36
|
+
=header-text
|
37
|
+
:font-weight normal
|
38
|
+
:color= !header_color
|
39
|
+
|
40
|
+
=quiet
|
41
|
+
:color= !quiet_color
|
42
|
+
|
43
|
+
=loud
|
44
|
+
:color= !loud_color
|
45
|
+
|
46
|
+
=blueprint-typography-body
|
47
|
+
:line-height 1.5
|
48
|
+
+normal-text
|
49
|
+
:font-size 75%
|
50
|
+
|
51
|
+
=blueprint-typography-defaults
|
52
|
+
h1
|
53
|
+
+header-text
|
54
|
+
:font-size 3em
|
55
|
+
:line-height 1
|
56
|
+
:margin-bottom 0.5em
|
57
|
+
img
|
58
|
+
:margin 0
|
59
|
+
h2
|
60
|
+
+header-text
|
61
|
+
:font-size 2em
|
62
|
+
:margin-bottom 0.75em
|
63
|
+
h3
|
64
|
+
+header-text
|
65
|
+
:font-size 1.5em
|
66
|
+
:line-height 1
|
67
|
+
:margin-bottom 1em
|
68
|
+
h4
|
69
|
+
+header-text
|
70
|
+
:font-size 1.2em
|
71
|
+
:line-height 1.25
|
72
|
+
:margin-bottom 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.left
|
87
|
+
+float-left
|
88
|
+
:margin 1.5em 1.5em 1.5em 0
|
89
|
+
:padding 0
|
90
|
+
img.right
|
91
|
+
+float-right
|
92
|
+
:margin 1.5em 0 1.5em 1.5em
|
93
|
+
:padding 0
|
94
|
+
a
|
95
|
+
:text-decoration underline
|
96
|
+
+link-colors(!link_color, !link_hover_color, !link_active_color, !link_visited_color, !link_focus_color)
|
97
|
+
blockquote
|
98
|
+
:margin 1.5em
|
99
|
+
:color #666
|
100
|
+
:font-style italic
|
101
|
+
strong
|
102
|
+
:font-weight bold
|
103
|
+
em
|
104
|
+
:font-style italic
|
105
|
+
dfn
|
106
|
+
:font-style italic
|
107
|
+
:font-weight bold
|
108
|
+
sup, sub
|
109
|
+
:line-height 0
|
110
|
+
abbr, acronym
|
111
|
+
:border-bottom 1px dotted #666
|
112
|
+
address
|
113
|
+
:margin 0 0 1.5em
|
114
|
+
:font-style italic
|
115
|
+
del
|
116
|
+
:color #666
|
117
|
+
pre
|
118
|
+
:margin 1.5em 0
|
119
|
+
:white-space pre
|
120
|
+
pre, code, 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
|
+
thead th
|
142
|
+
:background= !blueprint_table_header_color
|
143
|
+
th, td, caption
|
144
|
+
:padding 4px 10px 4px 5px
|
145
|
+
tr.even td
|
146
|
+
:background= !blueprint_table_stripe_color
|
147
|
+
tfoot
|
148
|
+
:font-style italic
|
149
|
+
caption
|
150
|
+
:background #eee
|
151
|
+
.quiet
|
152
|
+
+quiet
|
153
|
+
.loud
|
154
|
+
+loud
|