chriseppstein-compass 0.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (144) hide show
  1. data/Manifest +143 -0
  2. data/README.markdown +18 -0
  3. data/Rakefile +104 -0
  4. data/VERSION +1 -0
  5. data/bin/compass +8 -0
  6. data/compass.gemspec +37 -0
  7. data/examples/blueprint_default/index.html +73 -0
  8. data/examples/blueprint_default/parts/elements.html +246 -0
  9. data/examples/blueprint_default/parts/forms.html +100 -0
  10. data/examples/blueprint_default/parts/grid.html +206 -0
  11. data/examples/blueprint_default/parts/test-small.jpg +0 -0
  12. data/examples/blueprint_default/parts/test.jpg +0 -0
  13. data/examples/blueprint_default/parts/valid.png +0 -0
  14. data/examples/blueprint_default/stylesheets/ie.sass +4 -0
  15. data/examples/blueprint_default/stylesheets/images/grid.png +0 -0
  16. data/examples/blueprint_default/stylesheets/print.sass +4 -0
  17. data/examples/blueprint_default/stylesheets/screen.sass +9 -0
  18. data/examples/blueprint_plugins/index.html +60 -0
  19. data/examples/blueprint_plugins/parts/fancy_type.html +84 -0
  20. data/examples/blueprint_plugins/parts/test-small.jpg +0 -0
  21. data/examples/blueprint_plugins/parts/test.jpg +0 -0
  22. data/examples/blueprint_plugins/parts/valid.png +0 -0
  23. data/examples/blueprint_plugins/stylesheets/ie.sass +4 -0
  24. data/examples/blueprint_plugins/stylesheets/images/grid.png +0 -0
  25. data/examples/blueprint_plugins/stylesheets/print.sass +4 -0
  26. data/examples/blueprint_plugins/stylesheets/screen.sass +11 -0
  27. data/examples/blueprint_scoped/stylesheets/ie.sass +4 -0
  28. data/examples/blueprint_scoped/stylesheets/print.sass +4 -0
  29. data/examples/blueprint_scoped/stylesheets/screen.sass +5 -0
  30. data/examples/blueprint_scoped_form/stylesheets/ie.sass +4 -0
  31. data/examples/blueprint_scoped_form/stylesheets/print.sass +4 -0
  32. data/examples/blueprint_scoped_form/stylesheets/screen.sass +9 -0
  33. data/examples/blueprint_semantic/index.html +68 -0
  34. data/examples/blueprint_semantic/parts/fancy_type.html +84 -0
  35. data/examples/blueprint_semantic/parts/liquid.html +84 -0
  36. data/examples/blueprint_semantic/parts/test-small.jpg +0 -0
  37. data/examples/blueprint_semantic/parts/test.jpg +0 -0
  38. data/examples/blueprint_semantic/parts/valid.png +0 -0
  39. data/examples/blueprint_semantic/stylesheets/ie.sass +4 -0
  40. data/examples/blueprint_semantic/stylesheets/images/grid.png +0 -0
  41. data/examples/blueprint_semantic/stylesheets/liquid.sass +70 -0
  42. data/examples/blueprint_semantic/stylesheets/print.sass +4 -0
  43. data/examples/blueprint_semantic/stylesheets/screen.sass +69 -0
  44. data/examples/compass/compass.html +19 -0
  45. data/examples/compass/stylesheets/compass.sass +47 -0
  46. data/examples/compass/stylesheets/images/blue_arrow.gif +0 -0
  47. data/examples/compass/stylesheets/utilities.sass +65 -0
  48. data/examples/compass/utilities.html.haml +136 -0
  49. data/examples/yui/divisions.html.haml +179 -0
  50. data/examples/yui/index.html.haml +19 -0
  51. data/examples/yui/stylesheets/screen.sass +13 -0
  52. data/examples/yui/sub_divisions.html.haml +169 -0
  53. data/examples/yui/templates.html.haml +54 -0
  54. data/examples/yui/test.jpg +0 -0
  55. data/examples/yui/typography.html.haml +132 -0
  56. data/frameworks/blueprint/lib/blueprint/constants.rb +17 -0
  57. data/frameworks/blueprint/lib/blueprint/grid_builder.rb +54 -0
  58. data/frameworks/blueprint/stylesheets/blueprint/_ie.sass +19 -0
  59. data/frameworks/blueprint/stylesheets/blueprint/_print.sass +69 -0
  60. data/frameworks/blueprint/stylesheets/blueprint/_screen.sass +15 -0
  61. data/frameworks/blueprint/stylesheets/blueprint/modules/_colors.sass +25 -0
  62. data/frameworks/blueprint/stylesheets/blueprint/modules/_debug.sass +9 -0
  63. data/frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass +85 -0
  64. data/frameworks/blueprint/stylesheets/blueprint/modules/_form.sass +43 -0
  65. data/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass +140 -0
  66. data/frameworks/blueprint/stylesheets/blueprint/modules/_interaction.sass +55 -0
  67. data/frameworks/blueprint/stylesheets/blueprint/modules/_liquid.sass +140 -0
  68. data/frameworks/blueprint/stylesheets/blueprint/modules/_scaffolding.sass +29 -0
  69. data/frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass +131 -0
  70. data/frameworks/blueprint/stylesheets/blueprint/modules/_utilities.sass +39 -0
  71. data/frameworks/blueprint/templates/project/grid.png +0 -0
  72. data/frameworks/blueprint/templates/project/ie.sass +4 -0
  73. data/frameworks/blueprint/templates/project/print.sass +4 -0
  74. data/frameworks/blueprint/templates/project/screen.sass +9 -0
  75. data/frameworks/compass/stylesheets/compass/_reset.sass +19 -0
  76. data/frameworks/compass/stylesheets/compass/_utilities.sass +5 -0
  77. data/frameworks/compass/stylesheets/compass/utilities/_general.sass +4 -0
  78. data/frameworks/compass/stylesheets/compass/utilities/_links.sass +3 -0
  79. data/frameworks/compass/stylesheets/compass/utilities/_lists.sass +3 -0
  80. data/frameworks/compass/stylesheets/compass/utilities/_tables.sass +1 -0
  81. data/frameworks/compass/stylesheets/compass/utilities/_text.sass +2 -0
  82. data/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.sass +11 -0
  83. data/frameworks/compass/stylesheets/compass/utilities/general/_inline_block.sass +6 -0
  84. data/frameworks/compass/stylesheets/compass/utilities/general/_reset.sass +32 -0
  85. data/frameworks/compass/stylesheets/compass/utilities/general/_tabs.sass +0 -0
  86. data/frameworks/compass/stylesheets/compass/utilities/general/_tag_cloud.sass +19 -0
  87. data/frameworks/compass/stylesheets/compass/utilities/links/_hover_link.sass +5 -0
  88. data/frameworks/compass/stylesheets/compass/utilities/links/_link_colors.sass +24 -0
  89. data/frameworks/compass/stylesheets/compass/utilities/links/_unstyled_link.sass +5 -0
  90. data/frameworks/compass/stylesheets/compass/utilities/lists/_bullets.sass +21 -0
  91. data/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal_list.sass +20 -0
  92. data/frameworks/compass/stylesheets/compass/utilities/lists/_inline_list.sass +29 -0
  93. data/frameworks/compass/stylesheets/compass/utilities/tables/_alternating_rows_and_columns.sass +25 -0
  94. data/frameworks/compass/stylesheets/compass/utilities/text/_nowrap.sass +3 -0
  95. data/frameworks/compass/stylesheets/compass/utilities/text/_replacement.sass +10 -0
  96. data/frameworks/compass/templates/project/grid.png +0 -0
  97. data/frameworks/compass/templates/project/ie.sass +3 -0
  98. data/frameworks/compass/templates/project/print.sass +4 -0
  99. data/frameworks/compass/templates/project/screen.sass +4 -0
  100. data/frameworks/yui/COPYRIGHT +15 -0
  101. data/frameworks/yui/stylesheets/yui/_screen.sass +7 -0
  102. data/frameworks/yui/stylesheets/yui/modules/_base.sass +60 -0
  103. data/frameworks/yui/stylesheets/yui/modules/_fonts.sass +38 -0
  104. data/frameworks/yui/stylesheets/yui/modules/_grids.sass +341 -0
  105. data/frameworks/yui/templates/project/screen.sass +5 -0
  106. data/lib/compass.rb +19 -0
  107. data/lib/compass/commands/base.rb +94 -0
  108. data/lib/compass/commands/create_project.rb +30 -0
  109. data/lib/compass/commands/install_rails.rb +115 -0
  110. data/lib/compass/commands/print_version.rb +23 -0
  111. data/lib/compass/commands/update_project.rb +91 -0
  112. data/lib/compass/commands/watch_project.rb +42 -0
  113. data/lib/compass/core_ext.rb +39 -0
  114. data/lib/compass/exec.rb +156 -0
  115. data/lib/compass/frameworks.rb +27 -0
  116. data/lib/compass/frameworks/blueprint.rb +2 -0
  117. data/lib/compass/frameworks/compass.rb +2 -0
  118. data/lib/compass/frameworks/yui.rb +2 -0
  119. data/lib/compass/merb.rb +43 -0
  120. data/lib/compass/test_case.rb +37 -0
  121. data/lib/compass/validate.rb +13 -0
  122. data/lib/compass/validate/COPYRIGHT.html +93 -0
  123. data/lib/compass/validate/JIGSAW_COPYRIGHT +64 -0
  124. data/lib/compass/validate/README.html +83 -0
  125. data/lib/compass/validate/XERCES_COPYING.txt +56 -0
  126. data/lib/compass/validate/css-validator-javadoc.jar +0 -0
  127. data/lib/compass/validate/css-validator.jar +0 -0
  128. data/lib/compass/validate/jigsaw.jar +0 -0
  129. data/lib/compass/validate/xerces.jar +0 -0
  130. data/lib/compass/validator.rb +59 -0
  131. data/lib/compass/version.rb +48 -0
  132. data/lib/sass_extensions.rb +13 -0
  133. data/test/compass_test.rb +142 -0
  134. data/test/fixtures/stylesheets/default/sass/ie.sass +4 -0
  135. data/test/fixtures/stylesheets/default/sass/print.sass +4 -0
  136. data/test/fixtures/stylesheets/default/sass/screen.sass +18 -0
  137. data/test/fixtures/stylesheets/yui/css/mixins.css +16 -0
  138. data/test/fixtures/stylesheets/yui/sass/base.sass +3 -0
  139. data/test/fixtures/stylesheets/yui/sass/fonts.sass +3 -0
  140. data/test/fixtures/stylesheets/yui/sass/grids.sass +3 -0
  141. data/test/fixtures/stylesheets/yui/sass/mixins.sass +16 -0
  142. data/test/sass_extensions_test.rb +26 -0
  143. data/test/test_helper.rb +37 -0
  144. metadata +247 -0
@@ -0,0 +1,19 @@
1
+ // Emits styles for a tag cloud
2
+ =tag-cloud(!base_size = 1em)
3
+ :font-size= !base_size
4
+ :line-height= 1.2 * !base_size
5
+ .xxs, .xs, .s, .l, .xl, .xxl
6
+ :line-height 1.2 !base_size
7
+ .xxs
8
+ :font-size= !base_size / 2.0
9
+ .xs
10
+ :font-size= 2.0 * !base_size / 3.0
11
+ .s
12
+ :font-size= 3.0 * !base_size / 4.0
13
+ .l
14
+ :font-size= 4.0 * !base_size / 3.0
15
+ .xl
16
+ :font-size= 3.0 * !base_size / 2.0
17
+ .xxl
18
+ :font-size= 2.0 * !base_size
19
+
@@ -0,0 +1,5 @@
1
+ // a link that only has an underline when you hover over it
2
+ =hover-link
3
+ :text-decoration none
4
+ &:hover
5
+ :text-decoration underline
@@ -0,0 +1,24 @@
1
+ // Set all the colors for a link with one mixin call
2
+ // Order of arguments is:
3
+ // normal, hover, active, visited, focus
4
+ // states not specified will inherit.
5
+ // Mixin like so:
6
+ // a
7
+ // +link-colors(#00c, #0cc, #c0c, #ccc, #cc0)
8
+
9
+ =link-colors(!normal, !hover = false, !active = false, !visited = false, !focus = false)
10
+ :color= !normal
11
+ @if !visited
12
+ &:visited
13
+ :color= !visited
14
+ @if !focus
15
+ &:focus
16
+ :color= !focus
17
+ @if !hover
18
+ &:hover
19
+ :color= !hover
20
+ @if !active
21
+ &:active
22
+ :color= !active
23
+
24
+
@@ -0,0 +1,5 @@
1
+ // A link that looks and acts like the text it is contained within
2
+ =unstyled-link
3
+ :color inherit
4
+ :text-decoration inherit
5
+ :cursor inherit
@@ -0,0 +1,21 @@
1
+ // Turn off the bullet for an element of a list
2
+ =no-bullet
3
+ :list-style-type none
4
+ :margin-left 0px
5
+
6
+ // turns off the bullets for an entire list
7
+ =no-bullets
8
+ li
9
+ +no-bullet
10
+
11
+ // Make a list(ul/ol) have an image bullet
12
+ // mixin should be used like this for an icon that is 5x7:
13
+ // ul.pretty
14
+ // +pretty-bullets(/images/my-icon.png, 5px, 7px)
15
+ =pretty-bullets(!bullet_icon, !width, !height, !line_height = 18px, !padding = 14px)
16
+ :margin-left 0
17
+ li
18
+ :padding-left= !padding
19
+ :background= url(!bullet_icon) no-repeat ((!padding - !width) / 2) ((!line_height - !height) / 2)
20
+ :list-style-type none
21
+
@@ -0,0 +1,20 @@
1
+ @import bullets.sass
2
+ @import compass/utilities/general/reset.sass
3
+ @import compass/utilities/general/clearfix.sass
4
+
5
+ // A list(ol,ul) that is layed out such that the elements are floated left and won't wrap.
6
+ // This is not an inline list.
7
+ =horizontal-list(!padding = 4px)
8
+ +reset-box-model
9
+ +clearfix
10
+ li
11
+ +no-bullet
12
+ :white-space nowrap
13
+ :float left
14
+ :padding
15
+ :left= !padding
16
+ :right= !padding
17
+ &.first
18
+ :padding-left 0px
19
+ &.last
20
+ :padding-right 0px
@@ -0,0 +1,29 @@
1
+ // makes a list inline.
2
+
3
+ =inline-list
4
+ :list-style-type none
5
+ :margin 0px
6
+ :padding 0px
7
+ :display inline
8
+ li
9
+ :margin 0px
10
+ :padding 0px
11
+ :display inline
12
+
13
+ // makes an inlin list that is comma delimited.
14
+ // use of this recipe is not recommended at this time due to browser support issues.
15
+ //
16
+ // use of :content and :after is not fully supported in all browsers.
17
+ // See http://www.quirksmode.org/css/contents.html#t15 for the support matrix
18
+ //
19
+ // :last-child is not fully supported
20
+ // see http://www.quirksmode.org/css/contents.html#t29 for the support matrix
21
+
22
+ =comma-delimited-list
23
+ +inline-list
24
+ li
25
+ &:after
26
+ :content ", "
27
+ &:last-child, &.last
28
+ &:after
29
+ :content ""
@@ -0,0 +1,25 @@
1
+ =alternating-rows-and-columns(!even_row_color, !odd_row_color, !dark_intersection)
2
+ td,
3
+ th
4
+ :padding 2px
5
+ &.numeric
6
+ :text-align right
7
+ tbody
8
+ th
9
+ :text-align center
10
+ thead
11
+ :font-size .9em
12
+ th.even
13
+ :background-color= #fff - !dark_intersection
14
+ tfoot
15
+ :font-size .9em
16
+ td.even
17
+ :background-color= #fff - !dark_intersection
18
+ tr.odd
19
+ :background-color= !odd_row_color
20
+ td.even
21
+ :background-color= !odd_row_color - !dark_intersection
22
+ tr.even
23
+ :background-color= !even_row_color
24
+ td.even
25
+ :background-color= !even_row_color - !dark_intersection
@@ -0,0 +1,3 @@
1
+ // When remembering whether or not there's a hyphen in white-space is too hard
2
+ =nowrap
3
+ :white-space nowrap
@@ -0,0 +1,10 @@
1
+ // Hides html text and replaces it with an image.
2
+ // If you use this on an inline element, you will
3
+ // need to change the display to block or inline-block.
4
+ =replace-text( !img, !x = 50%, !y = 50% )
5
+ :text-indent -9999em
6
+ :overflow hidden
7
+ :background
8
+ :image= url(!img)
9
+ :repeat no-repeat
10
+ :position= !x !y
@@ -0,0 +1,3 @@
1
+ /*
2
+ Welcome to Compass. We'll show you the way, but you'll have to get there on your own.
3
+ Use this file to write IE specific override styles.
@@ -0,0 +1,4 @@
1
+ /*
2
+ Welcome to Compass. We'll show you the way, but you'll have to get there on your own.
3
+ Use this file to define print styles.
4
+
@@ -0,0 +1,4 @@
1
+ /*
2
+ Welcome to Compass. We'll show you the way, but you'll have to get there on your own.
3
+ In this file you should write (or centralize your imports) the main styles.
4
+ @import compass/reset.sass
@@ -0,0 +1,15 @@
1
+ Whatever parts of this port of YUI to Sass that are copyrightable, are Copyright (c) 2008, Christopher Eppstein. All Rights Reserved.
2
+
3
+ The original CSS required this copyright notice to be present in redistributions, so to be on the safe side:
4
+
5
+ Copyright (c) 2008, Yahoo! Inc.
6
+ All rights reserved.
7
+
8
+ Redistribution and use of this software in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
9
+
10
+ * Redistributions of source code must retain the above copyright notice, this list of conditions and the
11
+ following disclaimer.
12
+ * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
13
+ * Neither the name of Yahoo! Inc. nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission of Yahoo! Inc.
14
+
15
+ THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
@@ -0,0 +1,7 @@
1
+ @import modules/base.sass
2
+ @import modules/fonts.sass
3
+ @import modules/grids.sass
4
+ =yui
5
+ +yui-base
6
+ +yui-base-fonts
7
+ +yui-grids
@@ -0,0 +1,60 @@
1
+ =yui-base
2
+ h1
3
+ :font-size 138.5%
4
+
5
+ h2
6
+ :font-size 123.1%
7
+
8
+ h3
9
+ :font-size 108%
10
+
11
+ h1, h2, h3
12
+ :margin 1em 0
13
+
14
+ h1,h2, h3, h4, h5, h6, strong
15
+ :font-weight bold
16
+
17
+ abbr, acronym
18
+ :border-bottom 1px dotted #000
19
+ :cursor help
20
+
21
+ em
22
+ :font-style italic
23
+
24
+ blockquote
25
+ :margin 1em
26
+
27
+ ul
28
+ :margin 1em
29
+ :margin-left 2em
30
+ li
31
+ :list-style disc outside
32
+
33
+ ol
34
+ :margin 1em
35
+ :margin-left 2em
36
+ li
37
+ :list-style decimal outside
38
+
39
+ dl
40
+ :margin 1em
41
+ :margin-left 2em
42
+ dd
43
+ :margin-left 1em
44
+
45
+ th
46
+ :border 1px solid #000
47
+ :padding .5em
48
+ :font-weight bold
49
+ :text-align center
50
+
51
+ td
52
+ :border 1px solid #000
53
+ :padding .5em
54
+
55
+ caption
56
+ :margin-bottom .5em
57
+ :text-align center
58
+
59
+ p, fieldset, table
60
+ :margin-bottom 1em
@@ -0,0 +1,38 @@
1
+ !yui_default_base_font_size ||= 13px
2
+ !yui_default_base_line_height ||= 1.231
3
+ !yui_default_font_family ||= arial,helvetica,clean,sans-serif
4
+
5
+ // Sets the font size specified in pixels using percents so that the base
6
+ // font size changes and 1em has the correct value. When nesting font size
7
+ // declarations, within the DOM tree, the base_font_size must be the parent's
8
+ // effective font-size in pixels.
9
+ // Usage Examples:
10
+ // .big
11
+ // +font-size(16px)
12
+ // .bigger
13
+ // +font-size(18px)
14
+ // .big .bigger
15
+ // +font-size(18px, 16px)
16
+ //
17
+ // For more information see the table found at http://developer.yahoo.com/yui/fonts/#fontsize
18
+ =font-size(!size, !base_font_size = !yui_default_base_font_size)
19
+ :font-size= percentage(!size / !base_font_size)
20
+
21
+ // Sets the base fonts for a page, this should be mixed into the top level of a stylesheet.
22
+ =yui-base-fonts(!family = !yui_default_font_family, !size = !yui_default_base_font_size, !line_height = !yui_default_base_line_height)
23
+ body
24
+ :font
25
+ :size= !size
26
+ :family= !family
27
+ :line-height= !line_height
28
+ :*font-size small
29
+ :*font x-small
30
+
31
+ table
32
+ :font-size inherit
33
+ :font 100%
34
+
35
+ pre, code, kbd, samp, tt
36
+ :font-family monospace
37
+ :*font-size 108%
38
+ :line-height 100%
@@ -0,0 +1,341 @@
1
+ // This is a port of YUI Grids version 2.6.0
2
+ // Note: This is not really tested yet. Use at your own risk.
3
+
4
+ @import compass/utilities/general/clearfix.sass
5
+ @import fonts.sass
6
+
7
+ =yui-grids
8
+ +yui-grids-init
9
+ +yui-grid-templates
10
+ +yui-grid-divisions
11
+
12
+ =yui-grid-templates
13
+ #doc
14
+ +yui-document(750px)
15
+ #doc2
16
+ +yui-document(950px)
17
+ #doc3
18
+ +yui-document("fluid")
19
+ #doc4
20
+ +yui-document(974px)
21
+ .yui-t1
22
+ +yui-two-column-left-template(160px)
23
+ .yui-t2
24
+ +yui-two-column-left-template(180px)
25
+ .yui-t3
26
+ +yui-two-column-left-template(300px)
27
+ .yui-t4
28
+ +yui-two-column-right-template(180px)
29
+ .yui-t5
30
+ +yui-two-column-right-template(240px)
31
+ .yui-t6
32
+ +yui-two-column-right-template(300px)
33
+
34
+ =yui-grids-footer
35
+ clear: both
36
+
37
+ =yui-grids-body
38
+ +clearfix
39
+
40
+ =yui-grids-init(!footer = "#ft", !body = "#bd")
41
+ body
42
+ :text-align center
43
+ @if !footer
44
+ #{!footer}
45
+ +yui-grids-footer
46
+ @if !body
47
+ #{!body}
48
+ +yui-grids-body
49
+
50
+ =em-size(!style, !px_size, !base_font_size = !yui_default_base_font_size)
51
+ :#{!style}= 1em * !px_size / !base_font_size
52
+
53
+ =em-size-hacked(!style, !px_size, !base_font_size = !yui_default_base_font_size)
54
+ +em-size(!style, !px_size, !base_font_size)
55
+ +em-size("*"+!style, !px_size * 39 / 40, !base_font_size)
56
+
57
+ // All documents must have these styles. Setting a min-width is optional, but recommended. To omit it, pass false as the min_width value.
58
+ =yui-document-base(!min_width = 750px)
59
+ :margin auto
60
+ :text-align left
61
+ @if !min_width
62
+ :min-width= !min_width
63
+
64
+ =yui-block-base
65
+ :position relative
66
+ :_position static
67
+
68
+ =yui-main-block
69
+ :position static
70
+ :float none
71
+ :width auto
72
+
73
+
74
+ // Creates a fixed width document container
75
+ // Pass "fluid" for the width to create a document that grows with the width of the browser.
76
+ =yui-document(!width, !min_width = 750px, !base_font_size = !yui_default_base_font_size)
77
+ +yui-document-base(!min_width)
78
+ @if !width == "fluid"
79
+ :margin auto 10px
80
+ :width auto
81
+ @else
82
+ +em-size-hacked("width", !width, !base_font_size)
83
+
84
+ =yui-two-column-left-template(!column_width, !main_selector = "#yui-main", !block_selector = ".yui-b", !document_width = 750px, !min_width = 750px, !base_font_size = !yui_default_base_font_size)
85
+ +yui-document(!document_width, !min_width, !base_font_size)
86
+ #{!main_selector}
87
+ :width 100%
88
+ :float right
89
+ +em-size("margin-left", -!column_width - 10px, !base_font_size)
90
+ #{!block_selector}
91
+ +yui-main-block
92
+ +em-size-hacked("margin-left", !column_width, !base_font_size)
93
+ #{!block_selector}
94
+ +yui-block-base
95
+ :float left
96
+ +em-size-hacked("width", !column_width, !base_font_size)
97
+
98
+ =yui-two-column-right-template(!column_width, !main_selector = "#yui-main", !block_selector = ".yui-b", !document_width = 750px, !min_width = 750px, !base_font_size = !yui_default_base_font_size)
99
+ +yui-document(!document_width, !min_width, !base_font_size)
100
+ #{!main_selector}
101
+ :width 100%
102
+ :float left
103
+ +em-size("margin-right", -!column_width - 10px, !base_font_size)
104
+ #{!block_selector}
105
+ +yui-main-block
106
+ +em-size-hacked("margin-right", !column_width, !base_font_size)
107
+ #{!block_selector}
108
+ +yui-block-base
109
+ :float right
110
+ +em-size-hacked("width", !column_width, !base_font_size)
111
+
112
+ =yui-one-column-template(!main_selector = "#yui-main", !block_selector = ".yui-b", !document_width = 750px, !min_width = 750px, !base_font_size = !yui_default_base_font_size)
113
+ +yui-document(!document_width, !min_width, !base_font_size)
114
+ #{!main_selector}
115
+ :width 100%
116
+ #{!block_selector}
117
+ +yui-main-block
118
+ :display block
119
+ :margin 0 0 1em 0
120
+ #{!block_selector}
121
+ +yui-block-base
122
+
123
+ =yui-custom-template(!main_selector = "#yui-main", !block_selector = ".yui-b")
124
+ #{!main_selector}
125
+ :width 100%
126
+ #{!block_selector}
127
+ +yui-main-block
128
+ #{!block_selector}
129
+ +yui-block-base
130
+
131
+ =yui-grid-divisions(!unit = ".yui-u", !g_50_50 = ".yui-g", !g_33_33_33 = ".yui-gb", !g_67_33 = ".yui-gc", !g_33_67 = ".yui-gd", !g_75_25 = ".yui-ge", !g_25_75 = ".yui-gf")
132
+ #{nest(!g_50_50, !g_33_33_33, !unit)},
133
+ #{nest(!g_67_33, !unit)},
134
+ #{nest(!g_67_33, !g_50_50)},
135
+ #{nest(!g_33_67, !unit)},
136
+ #{nest(!g_33_33_33, !g_50_50)},
137
+ #{nest(!g_33_33_33, !g_33_33_33)},
138
+ #{nest(!g_33_33_33, !g_67_33)},
139
+ #{nest(!g_33_33_33, !g_33_67)},
140
+ #{nest(!g_33_33_33, !g_75_25)},
141
+ #{nest(!g_33_33_33, !g_25_75)},
142
+ #{nest(!g_33_33_33, !unit)}
143
+ float: left
144
+ margin-left: 2%
145
+ width: 32%
146
+
147
+ #{!g_33_33_33}
148
+ #{!g_33_33_33},
149
+ #{!g_67_33}
150
+ #{!unit}
151
+ *margin-left: 1.8%
152
+ _margin-left: 4%
153
+
154
+ #{nest(!g_50_50, !g_33_33_33, !unit)}
155
+ _margin-left: .8%
156
+
157
+ #{nest(!g_33_33_33, !unit)}
158
+ float: right
159
+
160
+ #{nest(!g_33_33_33, div.first)}
161
+ margin-left: 0
162
+ float: left
163
+
164
+ #{!g_50_50},
165
+ #{!g_33_33_33}
166
+ #{!g_33_33_33}
167
+ div.first
168
+ *margin-right: 0
169
+ *width: 32%
170
+ _width: 31.7%
171
+
172
+ #{!g_33_33_33}
173
+ #{!g_67_33},
174
+ #{!g_33_67}
175
+ div.first
176
+ *margin-right: 0
177
+
178
+ #{nest(!g_33_33_33, !g_33_67, !unit)}
179
+ *width: 66%
180
+ _width: 61.2%
181
+
182
+ #{nest(!g_33_33_33, !g_33_67, div.first)}
183
+ *width: 31%
184
+ _width: 29.5%
185
+
186
+ #{!g_50_50},
187
+ #{!g_33_33_33}
188
+ #{!g_67_33}
189
+ #{!unit}
190
+ width: 32%
191
+ _float: right
192
+ margin-right: 0
193
+ _margin-left: 0
194
+
195
+ #{nest(!g_33_33_33, !g_67_33, div.first)}
196
+ width: 66%
197
+ *float: left
198
+ *margin-left: 0
199
+
200
+ #{!g_33_33_33}
201
+ #{!g_75_25},
202
+ #{!g_25_75}
203
+ #{!unit}
204
+ margin: 0
205
+
206
+ #{nest(!g_50_50, !unit)},
207
+ #{nest(!g_50_50, !g_50_50)},
208
+ #{nest(!g_50_50, !g_33_33_33)},
209
+ #{nest(!g_50_50, !g_67_33)},
210
+ #{nest(!g_50_50, !g_33_67)},
211
+ #{nest(!g_50_50, !g_75_25)},
212
+ #{nest(!g_50_50, !g_25_75)},
213
+ #{nest(!g_67_33, !unit)},
214
+ #{nest(!g_33_67, !g_50_50)},
215
+ #{nest(!g_50_50, !g_67_33, !unit)},
216
+ #{nest(!g_75_25, !unit)},
217
+ #{nest(!g_75_25, !g_50_50)},
218
+ #{nest(!g_25_75, !g_50_50)},
219
+ #{nest(!g_25_75, !unit)}
220
+ float: right
221
+
222
+ #{nest(!g_50_50, !g_67_33)},
223
+ #{nest(!g_50_50, !g_75_25)},
224
+ #{!g_50_50},
225
+ #{!g_67_33},
226
+ #{nest(!g_67_33, div.first)},
227
+ #{!g_33_67},
228
+ #{!g_75_25},
229
+ #{!g_25_75}
230
+ div.first
231
+ float: left
232
+
233
+ #{!g_50_50},
234
+ #{!g_33_33_33},
235
+ #{!g_67_33},
236
+ #{!g_33_67},
237
+ #{!g_75_25},
238
+ #{!g_25_75}
239
+ #{!g_50_50}
240
+ #{!unit}
241
+ width: 49%
242
+ *width: 48.1%
243
+ *margin-left: 0
244
+
245
+ #{nest(!g_50_50, !g_50_50, div.first)}
246
+ *margin: 0
247
+
248
+ #{nest(!g_33_33_33, !g_50_50, div.first)}
249
+ *margin-right: 4%
250
+ _margin-right: 1.3%
251
+
252
+ #{nest(!g_33_33_33, !g_33_33_33, !unit)}
253
+ _margin-left: .7%
254
+
255
+ #{nest(!g_33_33_33, !g_50_50)},
256
+ #{nest(!g_33_33_33, !g_33_33_33)}
257
+ div.first
258
+ *margin-left: 0
259
+
260
+ #{!g_67_33},
261
+ #{!g_33_67}
262
+ #{!g_50_50}
263
+ #{!unit}
264
+ *width: 48.1%
265
+ *margin-left: 0
266
+
267
+ #{!g_50_50}
268
+ #{!unit},
269
+ #{!g_50_50},
270
+ #{!g_33_33_33},
271
+ #{!g_67_33},
272
+ #{!g_33_67},
273
+ #{!g_75_25},
274
+ #{!g_25_75}
275
+ width: 49.1%
276
+
277
+ #{nest(!g_50_50, !g_33_33_33)},
278
+ #{!g_33_33_33},
279
+ #{!g_67_33},
280
+ #{!g_33_67}
281
+ div.first
282
+ margin-left: 0
283
+
284
+ #{nest(!g_50_50, !g_67_33, div.first)},
285
+ #{nest(!g_67_33, div.first)},
286
+ #{nest(!g_33_67, !g_50_50)},
287
+ #{nest(!g_33_67, !unit)}
288
+ width: 66%
289
+
290
+ #{!g_33_67},
291
+ #{nest(!g_33_33_33, !g_33_67)}
292
+ div.first
293
+ width: 32%
294
+
295
+ #{nest(!g_50_50, !g_33_67, div.first)}
296
+ _width: 29.9%
297
+
298
+ #{nest(!g_75_25, !unit)},
299
+ #{nest(!g_75_25, !g_50_50)},
300
+ #{nest(!g_25_75, div.first)}
301
+ width: 24%
302
+
303
+ #{!g_33_33_33}
304
+ #{!g_75_25},
305
+ #{!g_25_75}
306
+ div#{!unit}
307
+ float: right
308
+
309
+ #{!g_33_33_33}
310
+ #{!g_75_25},
311
+ #{!g_25_75}
312
+ div.first
313
+ float: left
314
+
315
+ #{nest(!g_75_25, div.first)},
316
+ #{nest(!g_25_75, !g_50_50)},
317
+ #{nest(!g_25_75, !unit)}
318
+ width: 74.2%
319
+
320
+ #{!g_33_33_33}
321
+ #{nest(!g_75_25, !unit)},
322
+ #{nest(!g_25_75, div.first)}
323
+ *width: 24%
324
+ _width: 20%
325
+
326
+ #{!g_33_33_33}
327
+ #{nest(!g_75_25, div.first)},
328
+ #{nest(!g_25_75, !unit)}
329
+ *width: 73.5%
330
+ _width: 65.5%
331
+
332
+ #{!g_50_50},
333
+ #{!g_33_33_33},
334
+ #{!g_67_33},
335
+ #{!g_33_67},
336
+ #{!g_75_25},
337
+ #{!g_25_75}
338
+ +clearfix
339
+
340
+ #{nest(!g_33_33_33, !unit)}
341
+ float: left