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
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/stylesheets/screen.sass ADDED
@@ -0,0 +1,13 @@
1
+ @import yui/screen.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 © 2008. All Rights Reserved.
169
+
data/examples/yui/templates.html.haml ADDED
@@ -0,0 +1,54 @@
1
+ !!! Transitional
2
+ %html{:xmlns => "http://www.w3.org/1999/xhtml", "xml:lang" => "en", :lang => "en"}
3
+ %head
4
+ %title YUI Template Presets 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 Template Presets 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
+ #yui-main
28
+ .yui-b
29
+ %h2 Main Content
30
+ %label{:for => "current-template"} Select Template Preset
31
+ %select{:id=>"current-template", :onchange => "changeTemplate()"}
32
+ %option{:value => "yui-t1"}= ".yui-t1"
33
+ %option{:value => "yui-t2", :selected => "selected"}= ".yui-t2"
34
+ %option{:value => "yui-t3"}= ".yui-t3"
35
+ %option{:value => "yui-t4"}= ".yui-t4"
36
+ %option{:value => "yui-t5"}= ".yui-t5"
37
+ %option{:value => "yui-t6"}= ".yui-t6"
38
+ %hr
39
+ %p
40
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
41
+ .yui-g
42
+ .yui-u.first
43
+ %h3 50/50 Left Side
44
+ %p
45
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
46
+ .yui-u
47
+ %h3 50/50 Right Side
48
+ %p
49
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
50
+ %p
51
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
52
+ #ft
53
+ Copyright © 2008. All Rights Reserved.
54
+
data/examples/yui/test.jpg ADDED
Binary file
data/examples/yui/typography.html.haml ADDED
@@ -0,0 +1,132 @@
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-main
9
+ .yui-b
10
+ %h1 Typography Demo
11
+ %h2 This is a Sub Title.
12
+
13
+ %p
14
+ Lorem ipsum dolor sit amet,
15
+ %em emphasized adipisicing
16
+ elit, sed do
17
+ %strong strong tempor
18
+ incididunt ut labore et
19
+ %b bold magna
20
+ aliqua. Ut enim ad
21
+ %i<
22
+ italic veniam,
23
+ quis nostrud exercitation ullamco
24
+ %a{:href=>'#'} link nisi ut aliquip ex ea commodo consequat.
25
+ Duis aute irure dolor in
26
+ %abbr abbreviation repre
27
+ in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
28
+
29
+ %h3 Third Level Header
30
+ %p
31
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
32
+ %p
33
+ Subsequent paragraph, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
34
+
35
+ %h4 Fourth Level Header
36
+ %p
37
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est quotation:
38
+ %blockquote
39
+ Block Quotem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
40
+
41
+ %h5 Fifth Level Header
42
+ %img{:src => "test.jpg", :style => 'float: right;'}
43
+ %p
44
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
45
+ %span.bigger<
46
+ voluptate velit esse
47
+ %span.biggest cillum dolore
48
+ eu fugiat nulla pariatur.
49
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
50
+ %p
51
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
52
+
53
+ %h6 Sixth Level Header
54
+ %p
55
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
56
+
57
+ %table
58
+ %caption
59
+ This is the table caption
60
+ %thead
61
+ %tr
62
+ %th
63
+ %th Table Header 1
64
+ %th Table Header 2
65
+ %th Table Header 3
66
+ %tbody
67
+ %tr
68
+ %th Row Header 1
69
+ %td Lorem ipsum dolor sit amet.
70
+ %td Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
71
+ %td Lorem ipsum dolor sit amet.
72
+ %tr
73
+ %th Row Header 2
74
+ %td Lorem ipsum dolor sit amet.
75
+ %td Lorem ipsum dolor sit amet.
76
+ %td Lorem ipsum dolor sit amet.
77
+ %tr
78
+ %th Row Header 3
79
+ %td Lorem ipsum dolor sit amet.
80
+ %td Lorem ipsum dolor sit amet.
81
+ %td Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
82
+ %tr
83
+ %th Row Header 4
84
+ %td Lorem ipsum dolor sit amet.
85
+ %td Lorem ipsum dolor sit amet.
86
+ %td Lorem ipsum dolor sit amet.
87
+ %tr
88
+ %th Row Header 5
89
+ %td Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
90
+ %td Lorem ipsum dolor sit amet.
91
+ %td Lorem ipsum dolor sit amet.
92
+
93
+ %h3 Unordered Lists
94
+ %ul
95
+ %li List Element #1
96
+ %li<
97
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
98
+ %li List Element #3
99
+ %li<
100
+ Nested List
101
+ %ul
102
+ %li Nested 1
103
+ %li Nested 2
104
+ %li Nested 3
105
+
106
+ %h3 Ordered Lists
107
+ %ol
108
+ %li List Element #1
109
+ %li<
110
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
111
+ %li List Element #3
112
+ %li<
113
+ Nested List
114
+ %ol
115
+ %li Nested 1
116
+ %li Nested 2
117
+ %li Nested 3
118
+
119
+ %h3 Definition Lists
120
+ %dl
121
+ %dt Term 1
122
+ %dd Definition 1: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
123
+ %dd Definition 2: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
124
+ %dt Term 2
125
+ %dd Another Definition
126
+ .yui-b
127
+ %h3 YUI Examples
128
+ %ul
129
+ %li
130
+ %a{:href=>"templates.html"} Template Presets
131
+ %li
132
+ %a{:href=>"typography.html"} Typography
data/frameworks/blueprint/lib/blueprint/constants.rb ADDED
@@ -0,0 +1,17 @@
1
+ require 'fileutils'
2
+ module Blueprint
3
+ module Constants
4
+ # path to the root Blueprint directory
5
+ ROOT_PATH = File.expand_path(File.join(File.dirname(__FILE__), "../../"))
6
+ # path to where the Blueprint CSS files are stored
7
+ BLUEPRINT_ROOT_PATH = File.join(ROOT_PATH, 'blueprint')
8
+ # path to where the Blueprint CSS raw Sass files are stored
9
+ SOURCE_PATH = File.join(ROOT_PATH, 'src')
10
+ # path to where the Blueprint CSS generated test files are stored
11
+ EXAMPLES_PATH = File.join(ROOT_PATH, 'examples')
12
+ # path to the root of the Blueprint scripts
13
+ LIB_PATH = File.join(ROOT_PATH, 'lib', 'blueprint')
14
+ # path to validator jar file to validate generated CSS files
15
+ VALIDATOR_FILE = File.join(LIB_PATH, 'validate', 'css-validator.jar')
16
+ end
17
+ end
data/frameworks/blueprint/lib/blueprint/grid_builder.rb ADDED
@@ -0,0 +1,54 @@
1
+ begin
2
+ require 'rubygems'
3
+ gem 'rmagick'
4
+ require 'rvg/rvg'
5
+ rescue Exception => e
6
+ end
7
+
8
+ module Blueprint
9
+ # Uses ImageMagick and RMagick to generate grid.png file
10
+ class GridBuilder
11
+ begin
12
+ include Magick
13
+ rescue Exception => e
14
+ end
15
+
16
+ attr_reader :column_width, :gutter_width, :output_path, :able_to_generate
17
+
18
+ # ==== Options
19
+ # * <tt>options</tt>
20
+ # * <tt>:column_width</tt> -- Width (in pixels) of current grid column
21
+ # * <tt>:gutter_width</tt> -- Width (in pixels) of current grid gutter
22
+ # * <tt>:output_path</tt> -- Output path of grid.png file
23
+ def initialize(options={})
24
+ @able_to_generate = Magick::Long_version rescue false
25
+ return unless @able_to_generate
26
+ @column_width = options[:column_width] || Blueprint::COLUMN_WIDTH
27
+ @gutter_width = options[:gutter_width] || Blueprint::GUTTER_WIDTH
28
+ @output_path = options[:output_path] || Blueprint::SOURCE_PATH
29
+ end
30
+
31
+ # generates (overwriting if necessary) grid.png image to be tiled in background
32
+ def generate!
33
+ return false unless self.able_to_generate
34
+ total_width = self.column_width + self.gutter_width
35
+ height = 20
36
+ RVG::dpi = 100
37
+
38
+ rvg = RVG.new((total_width.to_f/RVG::dpi).in, (height.to_f/RVG::dpi).in).viewbox(0, 0, total_width, height) do |canvas|
39
+ canvas.background_fill = 'white'
40
+
41
+ canvas.g do |column|
42
+ column.rect(self.column_width, height).styles(:fill => "#e8effb")
43
+ end
44
+
45
+ canvas.g do |baseline|
46
+ baseline.line(0, (height - 1), total_width, (height- 1)).styles(:fill => "#e9e9e9")
47
+ end
48
+ end
49
+
50
+ FileUtils.mkdir self.output_path unless File.exists? self.output_path
51
+ rvg.draw.write(File.join(self.output_path, "grid.png"))
52
+ end
53
+ end
54
+ end