compass 0.8.16

Sign up to get free protection for your applications and to get access to all the features.
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
+