compass 0.8.16

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.
Files changed (275) hide show
  1. data/CHANGELOG.markdown +551 -0
  2. data/LICENSE.markdown +29 -0
  3. data/README.markdown +44 -0
  4. data/REVISION +1 -0
  5. data/Rakefile +127 -0
  6. data/VERSION.yml +4 -0
  7. data/bin/compass +8 -0
  8. data/deps.rip +1 -0
  9. data/examples/README.markdown +4 -0
  10. data/examples/blueprint_default/config.rb +7 -0
  11. data/examples/blueprint_default/images/grid.png +0 -0
  12. data/examples/blueprint_default/index.html.haml +85 -0
  13. data/examples/blueprint_default/parts/elements.html.haml +282 -0
  14. data/examples/blueprint_default/parts/forms.html.haml +190 -0
  15. data/examples/blueprint_default/parts/grid.html.haml +274 -0
  16. data/examples/blueprint_default/parts/test-small.jpg +0 -0
  17. data/examples/blueprint_default/parts/test.jpg +0 -0
  18. data/examples/blueprint_default/parts/valid.png +0 -0
  19. data/examples/blueprint_default/src/ie.sass +3 -0
  20. data/examples/blueprint_default/src/images/grid.png +0 -0
  21. data/examples/blueprint_default/src/print.sass +3 -0
  22. data/examples/blueprint_default/src/screen.sass +8 -0
  23. data/examples/blueprint_plugins/config.rb +8 -0
  24. data/examples/blueprint_plugins/images/buttons/cross.png +0 -0
  25. data/examples/blueprint_plugins/images/buttons/key.png +0 -0
  26. data/examples/blueprint_plugins/images/buttons/tick.png +0 -0
  27. data/examples/blueprint_plugins/images/grid.png +0 -0
  28. data/examples/blueprint_plugins/images/link_icons/doc.png +0 -0
  29. data/examples/blueprint_plugins/images/link_icons/email.png +0 -0
  30. data/examples/blueprint_plugins/images/link_icons/external.png +0 -0
  31. data/examples/blueprint_plugins/images/link_icons/feed.png +0 -0
  32. data/examples/blueprint_plugins/images/link_icons/im.png +0 -0
  33. data/examples/blueprint_plugins/images/link_icons/pdf.png +0 -0
  34. data/examples/blueprint_plugins/images/link_icons/visited.png +0 -0
  35. data/examples/blueprint_plugins/images/link_icons/xls.png +0 -0
  36. data/examples/blueprint_plugins/images/test-small.jpg +0 -0
  37. data/examples/blueprint_plugins/images/test.jpg +0 -0
  38. data/examples/blueprint_plugins/images/valid.png +0 -0
  39. data/examples/blueprint_plugins/index.html.haml +96 -0
  40. data/examples/blueprint_plugins/plugins/buttons.html.haml +67 -0
  41. data/examples/blueprint_plugins/plugins/fancy_type.html.haml +100 -0
  42. data/examples/blueprint_plugins/plugins/link_icons.html.haml +61 -0
  43. data/examples/blueprint_plugins/plugins/rtl.html.haml +100 -0
  44. data/examples/blueprint_plugins/src/buttons.sass +49 -0
  45. data/examples/blueprint_plugins/src/ie.sass +3 -0
  46. data/examples/blueprint_plugins/src/images/grid.png +0 -0
  47. data/examples/blueprint_plugins/src/link_icons.sass +13 -0
  48. data/examples/blueprint_plugins/src/print.sass +3 -0
  49. data/examples/blueprint_plugins/src/rtl_screen.sass +13 -0
  50. data/examples/blueprint_plugins/src/screen.sass +11 -0
  51. data/examples/blueprint_scoped/images/grid.png +0 -0
  52. data/examples/blueprint_scoped/src/ie.sass +3 -0
  53. data/examples/blueprint_scoped/src/print.sass +3 -0
  54. data/examples/blueprint_scoped/src/screen.sass +4 -0
  55. data/examples/blueprint_scoped_form/images/grid.png +0 -0
  56. data/examples/blueprint_scoped_form/src/ie.sass +3 -0
  57. data/examples/blueprint_scoped_form/src/print.sass +3 -0
  58. data/examples/blueprint_scoped_form/src/screen.sass +10 -0
  59. data/examples/blueprint_semantic/config.rb +7 -0
  60. data/examples/blueprint_semantic/images/grid.png +0 -0
  61. data/examples/blueprint_semantic/index.html.haml +86 -0
  62. data/examples/blueprint_semantic/parts/fancy_type.html.haml +100 -0
  63. data/examples/blueprint_semantic/parts/liquid.html.haml +100 -0
  64. data/examples/blueprint_semantic/parts/test-small.jpg +0 -0
  65. data/examples/blueprint_semantic/parts/test.jpg +0 -0
  66. data/examples/blueprint_semantic/parts/valid.png +0 -0
  67. data/examples/blueprint_semantic/src/ie.sass +3 -0
  68. data/examples/blueprint_semantic/src/images/grid.png +0 -0
  69. data/examples/blueprint_semantic/src/liquid.sass +70 -0
  70. data/examples/blueprint_semantic/src/print.sass +3 -0
  71. data/examples/blueprint_semantic/src/screen.sass +71 -0
  72. data/examples/compass/compass.html.haml +39 -0
  73. data/examples/compass/config.rb +7 -0
  74. data/examples/compass/images/blue_arrow.gif +0 -0
  75. data/examples/compass/src/compass.sass +47 -0
  76. data/examples/compass/src/images/blue_arrow.gif +0 -0
  77. data/examples/compass/src/sticky_footer.sass +11 -0
  78. data/examples/compass/src/utilities.sass +108 -0
  79. data/examples/compass/sticky_footer.html.haml +14 -0
  80. data/examples/compass/utilities.html.haml +189 -0
  81. data/examples/logo/logo.html.haml +40 -0
  82. data/examples/logo/src/ie.sass +6 -0
  83. data/examples/logo/src/print.sass +6 -0
  84. data/examples/logo/src/screen.sass +29 -0
  85. data/examples/yui/divisions.html.haml +179 -0
  86. data/examples/yui/index.html.haml +19 -0
  87. data/examples/yui/src/screen.sass +13 -0
  88. data/examples/yui/sub_divisions.html.haml +169 -0
  89. data/examples/yui/templates.html.haml +54 -0
  90. data/examples/yui/test.jpg +0 -0
  91. data/examples/yui/typography.html.haml +132 -0
  92. data/frameworks/blueprint.rb +2 -0
  93. data/frameworks/blueprint/stylesheets/_blueprint.sass +3 -0
  94. data/frameworks/blueprint/stylesheets/blueprint/_ie.sass +93 -0
  95. data/frameworks/blueprint/stylesheets/blueprint/_print.sass +83 -0
  96. data/frameworks/blueprint/stylesheets/blueprint/_reset.sass +3 -0
  97. data/frameworks/blueprint/stylesheets/blueprint/_screen.sass +15 -0
  98. data/frameworks/blueprint/stylesheets/blueprint/modules/_buttons.sass +84 -0
  99. data/frameworks/blueprint/stylesheets/blueprint/modules/_colors.sass +33 -0
  100. data/frameworks/blueprint/stylesheets/blueprint/modules/_debug.sass +9 -0
  101. data/frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass +82 -0
  102. data/frameworks/blueprint/stylesheets/blueprint/modules/_form.sass +55 -0
  103. data/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass +178 -0
  104. data/frameworks/blueprint/stylesheets/blueprint/modules/_interaction.sass +58 -0
  105. data/frameworks/blueprint/stylesheets/blueprint/modules/_link_icons.sass +44 -0
  106. data/frameworks/blueprint/stylesheets/blueprint/modules/_liquid.sass +141 -0
  107. data/frameworks/blueprint/stylesheets/blueprint/modules/_reset.sass +56 -0
  108. data/frameworks/blueprint/stylesheets/blueprint/modules/_rtl.sass +104 -0
  109. data/frameworks/blueprint/stylesheets/blueprint/modules/_scaffolding.sass +47 -0
  110. data/frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass +155 -0
  111. data/frameworks/blueprint/stylesheets/blueprint/modules/_utilities.sass +37 -0
  112. data/frameworks/blueprint/templates/buttons/buttons.sass +49 -0
  113. data/frameworks/blueprint/templates/buttons/buttons/cross.png +0 -0
  114. data/frameworks/blueprint/templates/buttons/buttons/key.png +0 -0
  115. data/frameworks/blueprint/templates/buttons/buttons/tick.png +0 -0
  116. data/frameworks/blueprint/templates/buttons/manifest.rb +5 -0
  117. data/frameworks/blueprint/templates/link_icons/link_icons.sass +13 -0
  118. data/frameworks/blueprint/templates/link_icons/link_icons/doc.png +0 -0
  119. data/frameworks/blueprint/templates/link_icons/link_icons/email.png +0 -0
  120. data/frameworks/blueprint/templates/link_icons/link_icons/external.png +0 -0
  121. data/frameworks/blueprint/templates/link_icons/link_icons/feed.png +0 -0
  122. data/frameworks/blueprint/templates/link_icons/link_icons/im.png +0 -0
  123. data/frameworks/blueprint/templates/link_icons/link_icons/pdf.png +0 -0
  124. data/frameworks/blueprint/templates/link_icons/link_icons/visited.png +0 -0
  125. data/frameworks/blueprint/templates/link_icons/link_icons/xls.png +0 -0
  126. data/frameworks/blueprint/templates/link_icons/manifest.rb +10 -0
  127. data/frameworks/blueprint/templates/project/grid.png +0 -0
  128. data/frameworks/blueprint/templates/project/ie.sass +15 -0
  129. data/frameworks/blueprint/templates/project/manifest.rb +6 -0
  130. data/frameworks/blueprint/templates/project/partials/_base.sass +11 -0
  131. data/frameworks/blueprint/templates/project/print.sass +3 -0
  132. data/frameworks/blueprint/templates/project/screen.sass +40 -0
  133. data/frameworks/compass.rb +2 -0
  134. data/frameworks/compass/stylesheets/_compass.sass +1 -0
  135. data/frameworks/compass/stylesheets/compass/_layout.sass +1 -0
  136. data/frameworks/compass/stylesheets/compass/_misc.sass +24 -0
  137. data/frameworks/compass/stylesheets/compass/_reset.sass +3 -0
  138. data/frameworks/compass/stylesheets/compass/_utilities.sass +6 -0
  139. data/frameworks/compass/stylesheets/compass/layout/_sticky_footer.sass +17 -0
  140. data/frameworks/compass/stylesheets/compass/utilities/_general.sass +6 -0
  141. data/frameworks/compass/stylesheets/compass/utilities/_links.sass +3 -0
  142. data/frameworks/compass/stylesheets/compass/utilities/_lists.sass +3 -0
  143. data/frameworks/compass/stylesheets/compass/utilities/_print.sass +24 -0
  144. data/frameworks/compass/stylesheets/compass/utilities/_sprites.sass +1 -0
  145. data/frameworks/compass/stylesheets/compass/utilities/_tables.sass +3 -0
  146. data/frameworks/compass/stylesheets/compass/utilities/_text.sass +2 -0
  147. data/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.sass +24 -0
  148. data/frameworks/compass/stylesheets/compass/utilities/general/_float.sass +17 -0
  149. data/frameworks/compass/stylesheets/compass/utilities/general/_hacks.sass +6 -0
  150. data/frameworks/compass/stylesheets/compass/utilities/general/_inline_block.sass +6 -0
  151. data/frameworks/compass/stylesheets/compass/utilities/general/_reset.sass +134 -0
  152. data/frameworks/compass/stylesheets/compass/utilities/general/_tabs.sass +0 -0
  153. data/frameworks/compass/stylesheets/compass/utilities/general/_tag_cloud.sass +19 -0
  154. data/frameworks/compass/stylesheets/compass/utilities/links/_hover_link.sass +5 -0
  155. data/frameworks/compass/stylesheets/compass/utilities/links/_link_colors.sass +24 -0
  156. data/frameworks/compass/stylesheets/compass/utilities/links/_unstyled_link.sass +5 -0
  157. data/frameworks/compass/stylesheets/compass/utilities/lists/_bullets.sass +21 -0
  158. data/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal_list.sass +52 -0
  159. data/frameworks/compass/stylesheets/compass/utilities/lists/_inline_list.sass +29 -0
  160. data/frameworks/compass/stylesheets/compass/utilities/sprites/_sprite_img.sass +12 -0
  161. data/frameworks/compass/stylesheets/compass/utilities/tables/_alternating_rows_and_columns.sass +20 -0
  162. data/frameworks/compass/stylesheets/compass/utilities/tables/_borders.sass +27 -0
  163. data/frameworks/compass/stylesheets/compass/utilities/tables/_scaffolding.sass +9 -0
  164. data/frameworks/compass/stylesheets/compass/utilities/text/_ellipsis.sass +13 -0
  165. data/frameworks/compass/stylesheets/compass/utilities/text/_nowrap.sass +3 -0
  166. data/frameworks/compass/stylesheets/compass/utilities/text/_replacement.sass +17 -0
  167. data/frameworks/compass/templates/ellipsis/ellipsis.sass +6 -0
  168. data/frameworks/compass/templates/ellipsis/manifest.rb +2 -0
  169. data/frameworks/compass/templates/ellipsis/xml/ellipsis.xml +14 -0
  170. data/frameworks/compass/templates/project/ie.sass +6 -0
  171. data/frameworks/compass/templates/project/manifest.rb +3 -0
  172. data/frameworks/compass/templates/project/print.sass +6 -0
  173. data/frameworks/compass/templates/project/screen.sass +13 -0
  174. data/frameworks/yui.rb +2 -0
  175. data/frameworks/yui/stylesheets/_yui.sass +7 -0
  176. data/frameworks/yui/stylesheets/yui/modules/_base.sass +60 -0
  177. data/frameworks/yui/stylesheets/yui/modules/_fonts.sass +38 -0
  178. data/frameworks/yui/stylesheets/yui/modules/_grids.sass +341 -0
  179. data/frameworks/yui/stylesheets/yui/modules/_reset.sass +61 -0
  180. data/frameworks/yui/templates/project/manifest.rb +1 -0
  181. data/frameworks/yui/templates/project/screen.sass +4 -0
  182. data/lib/compass.rb +23 -0
  183. data/lib/compass/actions.rb +110 -0
  184. data/lib/compass/app_integration.rb +5 -0
  185. data/lib/compass/app_integration/merb.rb +43 -0
  186. data/lib/compass/app_integration/rails.rb +12 -0
  187. data/lib/compass/app_integration/rails/action_controller.rb +15 -0
  188. data/lib/compass/app_integration/rails/sass_plugin.rb +5 -0
  189. data/lib/compass/app_integration/rails/templates/compass-install-rails.rb +80 -0
  190. data/lib/compass/app_integration/rails/urls.rb +14 -0
  191. data/lib/compass/commands/base.rb +33 -0
  192. data/lib/compass/commands/create_project.rb +19 -0
  193. data/lib/compass/commands/generate_grid_background.rb +24 -0
  194. data/lib/compass/commands/installer_command.rb +31 -0
  195. data/lib/compass/commands/list_frameworks.rb +16 -0
  196. data/lib/compass/commands/print_version.rb +23 -0
  197. data/lib/compass/commands/project_base.rb +112 -0
  198. data/lib/compass/commands/stamp_pattern.rb +33 -0
  199. data/lib/compass/commands/update_project.rb +34 -0
  200. data/lib/compass/commands/validate_project.rb +21 -0
  201. data/lib/compass/commands/watch_project.rb +64 -0
  202. data/lib/compass/commands/write_configuration.rb +28 -0
  203. data/lib/compass/compiler.rb +54 -0
  204. data/lib/compass/configuration.rb +324 -0
  205. data/lib/compass/core_ext.rb +14 -0
  206. data/lib/compass/dependencies.rb +10 -0
  207. data/lib/compass/errors.rb +7 -0
  208. data/lib/compass/exec.rb +251 -0
  209. data/lib/compass/frameworks.rb +29 -0
  210. data/lib/compass/grid_builder.rb +72 -0
  211. data/lib/compass/installers.rb +5 -0
  212. data/lib/compass/installers/base.rb +158 -0
  213. data/lib/compass/installers/manifest.rb +58 -0
  214. data/lib/compass/installers/rails.rb +135 -0
  215. data/lib/compass/installers/stand_alone.rb +60 -0
  216. data/lib/compass/logger.rb +42 -0
  217. data/lib/compass/sass_extensions.rb +5 -0
  218. data/lib/compass/sass_extensions/functions.rb +19 -0
  219. data/lib/compass/sass_extensions/functions/display.rb +22 -0
  220. data/lib/compass/sass_extensions/functions/enumerate.rb +6 -0
  221. data/lib/compass/sass_extensions/functions/inline_image.rb +35 -0
  222. data/lib/compass/sass_extensions/functions/selectors.rb +39 -0
  223. data/lib/compass/sass_extensions/functions/urls.rb +105 -0
  224. data/lib/compass/sass_extensions/monkey_patches.rb +3 -0
  225. data/lib/compass/sass_extensions/monkey_patches/stylesheet_updating.rb +23 -0
  226. data/lib/compass/test_case.rb +38 -0
  227. data/lib/compass/validator.rb +10 -0
  228. data/lib/compass/version.rb +57 -0
  229. data/lib/vendor/fssm.rb +41 -0
  230. data/lib/vendor/fssm/backends/fsevents.rb +37 -0
  231. data/lib/vendor/fssm/backends/polling.rb +26 -0
  232. data/lib/vendor/fssm/cache.rb +193 -0
  233. data/lib/vendor/fssm/ext.rb +37 -0
  234. data/lib/vendor/fssm/fsevents.rb +129 -0
  235. data/lib/vendor/fssm/monitor.rb +25 -0
  236. data/lib/vendor/fssm/path.rb +91 -0
  237. data/lib/vendor/fssm/state.rb +54 -0
  238. data/lib/vendor/fssm/support.rb +22 -0
  239. data/lib/vendor/fssm/tree.rb +176 -0
  240. data/test/command_line_helper.rb +102 -0
  241. data/test/command_line_test.rb +66 -0
  242. data/test/compass_test.rb +141 -0
  243. data/test/configuration_test.rb +118 -0
  244. data/test/fixtures/stylesheets/blueprint/config.rb +9 -0
  245. data/test/fixtures/stylesheets/blueprint/css/typography.css +158 -0
  246. data/test/fixtures/stylesheets/blueprint/images/grid.png +0 -0
  247. data/test/fixtures/stylesheets/blueprint/sass/ie.sass +3 -0
  248. data/test/fixtures/stylesheets/blueprint/sass/print.sass +3 -0
  249. data/test/fixtures/stylesheets/blueprint/sass/screen.sass +17 -0
  250. data/test/fixtures/stylesheets/blueprint/sass/typography.sass +3 -0
  251. data/test/fixtures/stylesheets/compass/config.rb +9 -0
  252. data/test/fixtures/stylesheets/compass/css/layout.css +13 -0
  253. data/test/fixtures/stylesheets/compass/css/print.css +18 -0
  254. data/test/fixtures/stylesheets/compass/css/reset.css +60 -0
  255. data/test/fixtures/stylesheets/compass/css/utilities.css +17 -0
  256. data/test/fixtures/stylesheets/compass/sass/layout.sass +3 -0
  257. data/test/fixtures/stylesheets/compass/sass/print.sass +5 -0
  258. data/test/fixtures/stylesheets/compass/sass/reset.sass +10 -0
  259. data/test/fixtures/stylesheets/compass/sass/utilities.sass +6 -0
  260. data/test/fixtures/stylesheets/image_urls/config.rb +17 -0
  261. data/test/fixtures/stylesheets/image_urls/css/screen.css +3 -0
  262. data/test/fixtures/stylesheets/image_urls/images/grid.png +0 -0
  263. data/test/fixtures/stylesheets/image_urls/sass/screen.sass +6 -0
  264. data/test/fixtures/stylesheets/yui/config.rb +9 -0
  265. data/test/fixtures/stylesheets/yui/css/mixins.css +13 -0
  266. data/test/fixtures/stylesheets/yui/sass/base.sass +3 -0
  267. data/test/fixtures/stylesheets/yui/sass/fonts.sass +3 -0
  268. data/test/fixtures/stylesheets/yui/sass/grids.sass +3 -0
  269. data/test/fixtures/stylesheets/yui/sass/mixins.sass +16 -0
  270. data/test/rails_integration_test.rb +83 -0
  271. data/test/sass_extensions_test.rb +31 -0
  272. data/test/test_case_helper.rb +13 -0
  273. data/test/test_helper.rb +21 -0
  274. data/test/test_rails_helper.rb +20 -0
  275. metadata +372 -0
data/examples/logo/logo.html.haml ADDED
@@ -0,0 +1,40 @@
1
+ %html
2
+ %head
3
+ %link{ :href => "stylesheets/screen.css", :rel => "stylesheet", :media => "screen", :type => "text/css", :charset => "utf-8" }
4
+ %body
5
+ #logo-large
6
+ %span.selector
7
+ un
8
+ %span.brace
9
+ {
10
+ %span.rule
11
+ ob:tru-sive;
12
+ %span.brace
13
+ }
14
+ #logo-medium
15
+ %span.selector
16
+ un
17
+ %span.brace
18
+ {
19
+ %span.rule
20
+ ob:tru-sive;
21
+ %span.brace
22
+ }
23
+ #logo
24
+ %span.selector
25
+ un
26
+ %span.brace
27
+ {
28
+ %span.rule
29
+ ob:tru-sive;
30
+ %span.brace
31
+ }
32
+ #logo-small
33
+ %span.selector
34
+ un
35
+ %span.brace
36
+ {
37
+ %span.rule
38
+ ob:tru-sive;
39
+ %span.brace
40
+ }
data/examples/logo/src/ie.sass ADDED
@@ -0,0 +1,6 @@
1
+ /*
2
+ Welcome to Compass. Use this file to write IE specific override styles.
3
+ Import this file using the following HTML or equivalent:
4
+ <!--[if IE]>
5
+ <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
6
+ <![endif]-->
data/examples/logo/src/print.sass ADDED
@@ -0,0 +1,6 @@
1
+ /*
2
+ Welcome to Compass. Use this file to define print styles.
3
+ Import this file using the following HTML or equivalent:
4
+ <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" />
5
+
6
+
data/examples/logo/src/screen.sass ADDED
@@ -0,0 +1,29 @@
1
+ /*
2
+ Welcome to Compass.
3
+ In this file you should write your main styles. (or centralize your imports)
4
+ Import this file using the following HTML or equivalent:
5
+ <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
6
+
7
+ @import compass/reset.sass
8
+ @import compass/misc.sass
9
+
10
+ #logo-large,
11
+ #logo-medium,
12
+ #logo,
13
+ #logo-small
14
+ :text-align center
15
+ :margin
16
+ :bottom 40px
17
+
18
+ #logo-large
19
+ +unobtrusive-logo(3em)
20
+ :margin-top 20px
21
+
22
+ #logo-medium
23
+ +unobtrusive-logo(2em)
24
+
25
+ #logo
26
+ +unobtrusive-logo
27
+
28
+ #logo-small
29
+ +unobtrusive-logo(0.5em)
data/examples/yui/divisions.html.haml ADDED
@@ -0,0 +1,179 @@
1
+ !!! Transitional
2
+ %html{:xmlns => "http://www.w3.org/1999/xhtml", "xml:lang" => "en", :lang => "en"}
3
+ %head
4
+ %title Yahoo Grid Divisions Example
5
+ %link{:rel=>"stylesheet", :href=>"stylesheets/screen.css", :type=>"text/css", :media=>"screen, projection"}
6
+ :javascript
7
+ function changeTemplate() {
8
+ var templateClass = document.getElementById("current-template").value;
9
+ document.getElementById("doc4").className = templateClass;
10
+ }
11
+ %style{:type => "text/css"}
12
+ :sass
13
+ .yui-b
14
+ border: 1px dotted #ccc
15
+ %body
16
+ #doc4.yui-t2
17
+ #hd
18
+ %h1 Yahoo Grid Divisions Example
19
+ #bd
20
+ .yui-b
21
+ %h3 YUI Examples
22
+ %ul
23
+ %li
24
+ %a{:href=>"templates.html"} Template Presets
25
+ %li
26
+ %a{:href=>"typography.html"} Typography
27
+ %li
28
+ %a{:href=>"divisions.html"} Grid Divisions
29
+ %label{:for => "current-template"} Select Template Preset
30
+ %select{:id=>"current-template", :onchange => "changeTemplate()"}
31
+ %option{:value => "yui-t1"}= ".yui-t1"
32
+ %option{:value => "yui-t2", :selected => "selected"}= ".yui-t2"
33
+ %option{:value => "yui-t3"}= ".yui-t3"
34
+ %option{:value => "yui-t4"}= ".yui-t4"
35
+ %option{:value => "yui-t5"}= ".yui-t5"
36
+ %option{:value => "yui-t6"}= ".yui-t6"
37
+
38
+ #yui-main
39
+ .yui-b
40
+ %h2 50/50 Division
41
+ %hr
42
+ .yui-g
43
+ .yui-u.first
44
+ %h3 Left Side
45
+ %p
46
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
47
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
48
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
49
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
50
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
51
+ officia deserunt mollit anim id est laborum.
52
+ .yui-u
53
+ %h3 Right Side
54
+ %p
55
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
56
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
57
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
58
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
59
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
60
+ officia deserunt mollit anim id est laborum.
61
+ %h2 33/33/33 Division
62
+ %hr
63
+ .yui-gb
64
+ .yui-u.first
65
+ %h3 Left Side
66
+ %p
67
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
68
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
69
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
70
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
71
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
72
+ officia deserunt mollit anim id est laborum.
73
+ .yui-u
74
+ %h3 Middle
75
+ %p
76
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
77
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
78
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
79
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
80
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
81
+ officia deserunt mollit anim id est laborum.
82
+
83
+ .yui-u
84
+ %h3 Right Side
85
+ %p
86
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
87
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
88
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
89
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
90
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
91
+ officia deserunt mollit anim id est laborum.
92
+ %h2 67/33 Division
93
+ %hr
94
+ .yui-gc
95
+ .yui-u.first
96
+ %h3 Left Side
97
+ %p
98
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
99
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
100
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
101
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
102
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
103
+ officia deserunt mollit anim id est laborum.
104
+ .yui-u
105
+ %h3 Right Side
106
+ %p
107
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
108
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
109
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
110
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
111
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
112
+ officia deserunt mollit anim id est laborum.
113
+ %h2 33/67 Division
114
+ %hr
115
+ .yui-gd
116
+ .yui-u.first
117
+ %h3 Left Side
118
+ %p
119
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
120
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
121
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
122
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
123
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
124
+ officia deserunt mollit anim id est laborum.
125
+ .yui-u
126
+ %h3 Right Side
127
+ %p
128
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
129
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
130
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
131
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
132
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
133
+ officia deserunt mollit anim id est laborum.
134
+ %h2 75/25 Division
135
+ %hr
136
+ .yui-ge
137
+ .yui-u.first
138
+ %h3 Left Side
139
+ %p
140
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
141
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
142
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
143
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
144
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
145
+ officia deserunt mollit anim id est laborum.
146
+ .yui-u
147
+ %h3 Right Side
148
+ %p
149
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
150
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
151
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
152
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
153
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
154
+ officia deserunt mollit anim id est laborum.
155
+ %h2 25/75 Division
156
+ %hr
157
+ .yui-gf
158
+ .yui-u.first
159
+ %h3 Left Side
160
+ %p
161
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
162
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
163
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
164
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
165
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
166
+ officia deserunt mollit anim id est laborum.
167
+ .yui-u
168
+ %h3 Right Side
169
+ %p
170
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
171
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
172
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
173
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
174
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
175
+ officia deserunt mollit anim id est laborum.
176
+
177
+ #ft
178
+ Copyright &copy; 2008. All Rights Reserved.
179
+
data/examples/yui/index.html.haml ADDED
@@ -0,0 +1,19 @@
1
+ !!! Transitional
2
+ %html{:xmlns => "http://www.w3.org/1999/xhtml", "xml:lang" => "en", :lang => "en"}
3
+ %head
4
+ %title YUI Typography Demo
5
+ %link{:rel=>"stylesheet", :href=>"stylesheets/screen.css", :type=>"text/css", :media=>"screen, projection"}
6
+ %body
7
+ #doc4.yui-t2
8
+ .yui-b
9
+ %h3 YUI Examples
10
+ %ul
11
+ %li
12
+ %a{:href=>"templates.html"} Template Presets
13
+ %li
14
+ %a{:href=>"typography.html"} Typography
15
+ #yui-main
16
+ .yui-b
17
+ %h1 YUI Examples
18
+ %p
19
+ Please select an example.
data/examples/yui/src/screen.sass ADDED
@@ -0,0 +1,13 @@
1
+ @import yui.sass
2
+ @import compass/reset.sass
3
+
4
+ +yui
5
+
6
+ .bigger
7
+ +font-size(16px)
8
+
9
+ .biggest
10
+ +font-size(18px)
11
+
12
+ .bigger .biggest
13
+ +font-size(18px, 16px)
data/examples/yui/sub_divisions.html.haml ADDED
@@ -0,0 +1,169 @@
1
+ !!! Transitional
2
+ %html{:xmlns => "http://www.w3.org/1999/xhtml", "xml:lang" => "en", :lang => "en"}
3
+ %head
4
+ %title YUI Grid Sub-Divisions Example
5
+ %link{:rel=>"stylesheet", :href=>"stylesheets/screen.css", :type=>"text/css", :media=>"screen, projection"}
6
+ %style{:type => "text/css"}
7
+ :sass
8
+ .yui-b
9
+ border: 1px dotted #ccc
10
+ %body
11
+ #doc4.yui-t2
12
+ #hd
13
+ %h1 Yahoo Grid Sub-Divisions Example
14
+ #bd
15
+ .yui-b
16
+ %h3 YUI Examples
17
+ %ul
18
+ %li
19
+ %a{:href=>"templates.html"} Template Presets
20
+ %li
21
+ %a{:href=>"typography.html"} Typography
22
+ %li
23
+ %a{:href=>"divisions.html"} Grid Divisions
24
+ #yui-main
25
+ .yui-b
26
+ %h2 50/50 Division
27
+ %hr
28
+ .yui-g
29
+ .yui-g.first
30
+ .yui-u.first
31
+ %h4 Left Side of 50/50 Sub-Division (25%)
32
+ %p
33
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
34
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
35
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
36
+ .yui-u
37
+ %h4 Right Side of 50/50 Sub-Division (25%)
38
+ %p
39
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
40
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
41
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
42
+ .yui-u
43
+ %h4 Right Side of 50/50 Division (50%)
44
+ %p
45
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
46
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
47
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
48
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
49
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
50
+ officia deserunt mollit anim id est laborum.
51
+ %h2 33/33/33 Division
52
+ %hr
53
+ .yui-gb
54
+ .yui-u.first
55
+ %h3 Left Side
56
+ %p
57
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
58
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
59
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
60
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
61
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
62
+ officia deserunt mollit anim id est laborum.
63
+ .yui-u
64
+ %h3 Middle
65
+ %p
66
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
67
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
68
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
69
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
70
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
71
+ officia deserunt mollit anim id est laborum.
72
+
73
+ .yui-u
74
+ %h3 Right Side
75
+ %p
76
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
77
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
78
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
79
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
80
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
81
+ officia deserunt mollit anim id est laborum.
82
+ %h2 67/33 Division
83
+ %hr
84
+ .yui-gc
85
+ .yui-u.first
86
+ %h3 Left Side
87
+ %p
88
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
89
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
90
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
91
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
92
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
93
+ officia deserunt mollit anim id est laborum.
94
+ .yui-u
95
+ %h3 Right Side
96
+ %p
97
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
98
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
99
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
100
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
101
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
102
+ officia deserunt mollit anim id est laborum.
103
+ %h2 33/67 Division
104
+ %hr
105
+ .yui-gd
106
+ .yui-u.first
107
+ %h3 Left Side
108
+ %p
109
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
110
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
111
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
112
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
113
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
114
+ officia deserunt mollit anim id est laborum.
115
+ .yui-u
116
+ %h3 Right Side
117
+ %p
118
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
119
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
120
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
121
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
122
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
123
+ officia deserunt mollit anim id est laborum.
124
+ %h2 75/25 Division
125
+ %hr
126
+ .yui-ge
127
+ .yui-u.first
128
+ %h3 Left Side
129
+ %p
130
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
131
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
132
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
133
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
134
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
135
+ officia deserunt mollit anim id est laborum.
136
+ .yui-u
137
+ %h3 Right Side
138
+ %p
139
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
140
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
141
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
142
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
143
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
144
+ officia deserunt mollit anim id est laborum.
145
+ %h2 25/75 Division
146
+ %hr
147
+ .yui-gf
148
+ .yui-u.first
149
+ %h3 Left Side
150
+ %p
151
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
152
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
153
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
154
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
155
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
156
+ officia deserunt mollit anim id est laborum.
157
+ .yui-u
158
+ %h3 Right Side
159
+ %p
160
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
161
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
162
+ exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
163
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
164
+ nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
165
+ officia deserunt mollit anim id est laborum.
166
+
167
+ #ft
168
+ Copyright &copy; 2008. All Rights Reserved.
169
+