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/blueprint_plugins/stylesheets/ie.sass ADDED
@@ -0,0 +1,4 @@
1
+ @import blueprint/ie.sass
2
+
3
+ body
4
+ +blueprint-ie
data/examples/blueprint_plugins/stylesheets/print.sass ADDED
@@ -0,0 +1,4 @@
1
+ @import blueprint/print.sass
2
+
3
+ body
4
+ +blueprint-print
data/examples/blueprint_plugins/stylesheets/screen.sass ADDED
@@ -0,0 +1,11 @@
1
+ @import blueprint/screen.sass
2
+ @import blueprint/modules/fancy_type.sass
3
+ @import blueprint/modules/scaffolding.sass
4
+ @import compass/reset.sass
5
+
6
+ body
7
+ +blueprint
8
+ +fancy-type
9
+ // Remove the scaffolding when you're ready to start doing visual design.
10
+ // Or leave it in if you're happy with how blueprint looks out-of-the-box
11
+ +blueprint-scaffolding
data/examples/blueprint_scoped/stylesheets/ie.sass ADDED
@@ -0,0 +1,4 @@
1
+ @import blueprint/ie.sass
2
+
3
+ body
4
+ +blueprint-ie
data/examples/blueprint_scoped/stylesheets/print.sass ADDED
@@ -0,0 +1,4 @@
1
+ @import blueprint/print.sass
2
+
3
+ body
4
+ +blueprint-print
data/examples/blueprint_scoped/stylesheets/screen.sass ADDED
@@ -0,0 +1,5 @@
1
+ @import blueprint/screen.sass
2
+ @import compass/reset.sass
3
+
4
+ body.bp
5
+ +blueprint
data/examples/blueprint_scoped_form/stylesheets/ie.sass ADDED
@@ -0,0 +1,4 @@
1
+ @import blueprint/ie.sass
2
+
3
+ body
4
+ +blueprint-ie
data/examples/blueprint_scoped_form/stylesheets/print.sass ADDED
@@ -0,0 +1,4 @@
1
+ @import blueprint/print.sass
2
+
3
+ body
4
+ +blueprint-print
data/examples/blueprint_scoped_form/stylesheets/screen.sass ADDED
@@ -0,0 +1,9 @@
1
+ @import blueprint/screen.sass
2
+ @import compass/reset.sass
3
+
4
+ body
5
+ +blueprint-grid
6
+ +blueprint-typography
7
+ +blueprint-utilities
8
+ form.blueprint
9
+ +blueprint-form
data/examples/blueprint_semantic/index.html ADDED
@@ -0,0 +1,68 @@
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
2
+ "http://www.w3.org/TR/html4/strict.dtd">
3
+
4
+ <html lang="en">
5
+ <head>
6
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7
+ <title>Blueprint test pages</title>
8
+
9
+ <!-- Framework CSS -->
10
+ <link rel="stylesheet" href="stylesheets/screen.css" type="text/css" media="screen, projection">
11
+ <link rel="stylesheet" href="stylesheets/print.css" type="text/css" media="print">
12
+ <!--[if IE]><link rel="stylesheet" href="stylesheets/ie.css" type="text/css" media="screen, projection"><![endif]-->
13
+ </head>
14
+ <body id="index" class="blueprint">
15
+
16
+ <div class="container">
17
+ <h1>Blueprint Semantic Test Pages</h1>
18
+ <hr>
19
+
20
+ <p>Welcome to the Blueprint Semantic test pages. The HTML files below test the assignment of styles to semantic classes and ids using Sass mixins.</p>
21
+
22
+ <table border="0" cellspacing="0" cellpadding="0">
23
+ <tr>
24
+ <th id="page-header">Test page</th>
25
+ <th id="files-header">Main files tested</th>
26
+ <th id="description-header">Description</th>
27
+ </tr>
28
+ <tr>
29
+ <td><a href="parts/fancy_type.html">Fancy Type</a></td>
30
+ <td>
31
+ <a href="../../frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass">grid.sass</a>,
32
+ <a href="../../frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass">typography.sass</a>,
33
+ <a href="../../frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass">fancy_type.sass</a>
34
+ </td>
35
+ <td>A simple sample page, with common elements and fancy type.</td>
36
+ </tr>
37
+ <tr>
38
+ <td><a href="parts/liquid.html">Liquid Grid</a></td>
39
+ <td>
40
+ <a href="../../frameworks/blueprint/stylesheets/blueprint/modules/_liquid.sass">liquid.sass</a>,
41
+ <a href="../../frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass">typography.sass</a>,
42
+ <a href="../../frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass">fancy_type.sass</a>
43
+ </td>
44
+ <td>Like Fancy Type, but using a liquid percent based grid.</td>
45
+ </tr>
46
+ </table>
47
+
48
+ <p><em><strong>Note about the css files:</strong></em>
49
+ These test files utilize the css files that are generated from
50
+ <a href="http://haml.hamptoncatlin.com/docs/rdoc/classes/Sass.html">Sass templates</a>.
51
+ In other words, if you change any of the source files,
52
+ you'll have to re-build them with <code>rake examples</code> to see any&nbsp;changes.</p>
53
+
54
+ <div id="info">
55
+ <p>For more information and help, try these resources:</p>
56
+ <ul>
57
+ <li><a href="http://code.google.com/p/blueprintcss">The Blueprint home page.</a></li>
58
+ <li><a href="http://groups.google.com/group/blueprintcss">Our anything-goes mailing list.</a></li>
59
+ <li><a href="http://bjorkoy.com">The blog where news about Blueprint gets posted.</a></li>
60
+ </ul>
61
+ </div>
62
+
63
+ <p><a href="http://validator.w3.org/check?uri=referer">
64
+ <img src="parts/valid.png" alt="Valid HTML 4.01 Strict" height="31" width="88" id="w3c"></a></p>
65
+
66
+ </div>
67
+ </body>
68
+ </html>
data/examples/blueprint_semantic/parts/fancy_type.html ADDED
@@ -0,0 +1,84 @@
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
2
+ "http://www.w3.org/TR/html4/strict.dtd">
3
+
4
+ <html lang="en">
5
+ <head>
6
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7
+ <title>Blueprint Semantic Sample Page</title>
8
+
9
+ <!-- Framework CSS -->
10
+ <link rel="stylesheet" href="../stylesheets/screen.css" type="text/css" media="screen, projection">
11
+ <link rel="stylesheet" href="../stylesheets/print.css" type="text/css" media="print">
12
+ <!--[if IE]><link rel="stylesheet" href="../stylesheets/ie.css" type="text/css" media="screen, projection"><![endif]-->
13
+ </head>
14
+
15
+ <body id="sample" class="blueprint">
16
+
17
+ <div class="container">
18
+ <h1>A simple sample page</h1>
19
+ <hr>
20
+ <h2>This sample page demonstrates a tiny fraction of what you get with Blueprint.</h2>
21
+ <hr>
22
+
23
+ <div id="first-box">
24
+ <h6>Here's a box</h6>
25
+ <p>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.</p>
26
+ </div>
27
+
28
+ <div id="another-box">
29
+ <h6>And another box</h6>
30
+ <p>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 laboris nisi ut aliquip.</p>
31
+ </div>
32
+
33
+ <div id="aligned-box">
34
+ <h6>This box is aligned with the sidebar</h6>
35
+ <p>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.</p>
36
+ </div>
37
+ <hr>
38
+ <hr class="space">
39
+
40
+ <div id="main">
41
+ <p><img src="test.jpg" id="test" alt="test">Lorem ipsum dolor sit amet, <em>consectetuer adipiscing elit</em>. Nunc congue ipsum vestibulum libero. Aenean vitae justo. Nam eget tellus. Etiam convallis, est eu lobortis mattis, lectus tellus tempus felis, a ultricies erat ipsum at metus.</p>
42
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <a href="#">Morbi et risus</a>. Aliquam nisl. Nulla facilisi. Cras accumsan vestibulum ante. Vestibulum sed tortor. Praesent <em class="caps">small caps</em> tempus fringilla elit. Ut elit diam, sagittis in, nonummy in, gravida non, nunc. Ut orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nam egestas, orci eu imperdiet malesuada, nisl purus fringilla odio, quis commodo est orci vitae justo. Aliquam placerat odio tincidunt nulla. Cras in libero. Aenean rutrum, magna non tristique posuere, erat odio eleifend nisl, non convallis est tortor blandit ligula. Nulla id augue.</p>
43
+ <p>Nullam mattis, odio ut tempus facilisis, metus nisl facilisis metus, auctor consectetuer felis ligula nec mauris. Vestibulum odio erat, fermentum at, commodo vitae, ultrices et, urna. Mauris vulputate, mi pulvinar sagittis condimentum, sem nulla aliquam velit, sed imperdiet mi purus eu magna. Nulla varius metus ut eros. Aenean aliquet magna eget orci. Class aptent taciti sociosqu ad litora.</p>
44
+ <p>Vivamus euismod. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse vel nibh ut turpis dictum sagittis. Aliquam vel velit a elit auctor sollicitudin. Nam vel dui vel neque lacinia pretium. Quisque nunc erat, venenatis id, volutpat ut, scelerisque sed, diam. Mauris ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec mattis. Morbi dignissim sollicitudin libero. Nulla lorem.</p>
45
+ <blockquote>
46
+ <p>Integer cursus ornare mauris. Praesent nisl arcu, imperdiet eu, ornare id, scelerisque ut, nunc. Praesent sagittis erat sed velit tempus imperdiet. Ut tristique, ante in interdum hendrerit, erat enim faucibus felis, quis rutrum mauris lorem quis sem. Vestibulum ligula nisi, mattis nec, posuere et, blandit eu, ligula. Nam suscipit placerat odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque tortor libero, venenatis vitae, rhoncus eu, placerat ut, mi. Nulla nulla.</p>
47
+ </blockquote>
48
+ <p>Maecenas vel metus quis magna pharetra fermentum. <em>Integer sit amet tortor</em>. Maecenas porttitor, pede sed gravida auctor, nulla augue aliquet elit, at pretium urna orci ut metus. Aliquam in dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, tellus id ornare posuere, quam nunc accumsan turpis, at convallis tellus orci et nisl. Phasellus congue neque a lorem.</p>
49
+
50
+ <hr>
51
+ <div id="nested-1">
52
+ <h6>This is a nested column</h6>
53
+ <p>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.</p>
54
+ </div>
55
+ <div id="nested-2">
56
+ <h6>This is another nested column</h6>
57
+ <p>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.</p>
58
+ </div>
59
+
60
+ </div>
61
+ <div id="sidebar">
62
+
63
+ <h3>A <em>Simple</em> Sidebar</h3>
64
+
65
+ <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.</p>
66
+ <p>Mauris a lectus. Aliquam erat volutpat. Phasellus ultrices mi a sapien. Nunc rutrum egestas lorem. Duis ac sem sagittis elit tincidunt gravida. Mauris a lectus. Aliquam erat volutpat. Phasellus ultrices mi a sapien. Nunc rutrum egestas lorem. Duis ac sem sagittis elit tincidunt gravida.</p>
67
+ <p class="quiet">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.</p>
68
+
69
+ <h5>Incremental leading</h5>
70
+ <p class="incr">Vestibulum ante ipsum primis in faucibus orci luctus vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus.</p>
71
+ <p class="incr">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.</p>
72
+
73
+ </div>
74
+
75
+ <hr>
76
+ <h2 id="parting-thought">You may pick and choose amongst these and many more features, so be bold.</h2>
77
+ <hr>
78
+
79
+ <p><a href="http://validator.w3.org/check?uri=referer">
80
+ <img src="valid.png" alt="Valid HTML 4.01 Strict" height="31" width="88" id="w3c"></a></p>
81
+ </div>
82
+
83
+ </body>
84
+ </html>
data/examples/blueprint_semantic/parts/liquid.html ADDED
@@ -0,0 +1,84 @@
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
2
+ "http://www.w3.org/TR/html4/strict.dtd">
3
+
4
+ <html lang="en">
5
+ <head>
6
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7
+ <title>Blueprint Liquid Grid Semantic Sample Page</title>
8
+
9
+ <!-- Framework CSS -->
10
+ <link rel="stylesheet" href="../stylesheets/liquid.css" type="text/css" media="screen, projection">
11
+ <link rel="stylesheet" href="../stylesheets/print.css" type="text/css" media="print">
12
+ <!--[if IE]><link rel="stylesheet" href="../stylesheets/ie.css" type="text/css" media="screen, projection"><![endif]-->
13
+ </head>
14
+
15
+ <body id="sample" class="blueprint">
16
+
17
+ <div class="container">
18
+ <h1>A simple sample page</h1>
19
+ <hr>
20
+ <h2>This sample page demonstrates a tiny fraction of what you get with Blueprint.</h2>
21
+ <hr>
22
+
23
+ <div id="first-box">
24
+ <h6>Here's a box</h6>
25
+ <p>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.</p>
26
+ </div>
27
+
28
+ <div id="another-box">
29
+ <h6>And another box</h6>
30
+ <p>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 laboris nisi ut aliquip.</p>
31
+ </div>
32
+
33
+ <div id="aligned-box">
34
+ <h6>This box is aligned with the sidebar</h6>
35
+ <p>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.</p>
36
+ </div>
37
+ <hr>
38
+ <hr class="space">
39
+
40
+ <div id="main">
41
+ <p><img src="test.jpg" id="test" alt="test">Lorem ipsum dolor sit amet, <em>consectetuer adipiscing elit</em>. Nunc congue ipsum vestibulum libero. Aenean vitae justo. Nam eget tellus. Etiam convallis, est eu lobortis mattis, lectus tellus tempus felis, a ultricies erat ipsum at metus.</p>
42
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <a href="#">Morbi et risus</a>. Aliquam nisl. Nulla facilisi. Cras accumsan vestibulum ante. Vestibulum sed tortor. Praesent <em class="caps">small caps</em> tempus fringilla elit. Ut elit diam, sagittis in, nonummy in, gravida non, nunc. Ut orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nam egestas, orci eu imperdiet malesuada, nisl purus fringilla odio, quis commodo est orci vitae justo. Aliquam placerat odio tincidunt nulla. Cras in libero. Aenean rutrum, magna non tristique posuere, erat odio eleifend nisl, non convallis est tortor blandit ligula. Nulla id augue.</p>
43
+ <p>Nullam mattis, odio ut tempus facilisis, metus nisl facilisis metus, auctor consectetuer felis ligula nec mauris. Vestibulum odio erat, fermentum at, commodo vitae, ultrices et, urna. Mauris vulputate, mi pulvinar sagittis condimentum, sem nulla aliquam velit, sed imperdiet mi purus eu magna. Nulla varius metus ut eros. Aenean aliquet magna eget orci. Class aptent taciti sociosqu ad litora.</p>
44
+ <p>Vivamus euismod. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse vel nibh ut turpis dictum sagittis. Aliquam vel velit a elit auctor sollicitudin. Nam vel dui vel neque lacinia pretium. Quisque nunc erat, venenatis id, volutpat ut, scelerisque sed, diam. Mauris ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec mattis. Morbi dignissim sollicitudin libero. Nulla lorem.</p>
45
+ <blockquote>
46
+ <p>Integer cursus ornare mauris. Praesent nisl arcu, imperdiet eu, ornare id, scelerisque ut, nunc. Praesent sagittis erat sed velit tempus imperdiet. Ut tristique, ante in interdum hendrerit, erat enim faucibus felis, quis rutrum mauris lorem quis sem. Vestibulum ligula nisi, mattis nec, posuere et, blandit eu, ligula. Nam suscipit placerat odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque tortor libero, venenatis vitae, rhoncus eu, placerat ut, mi. Nulla nulla.</p>
47
+ </blockquote>
48
+ <p>Maecenas vel metus quis magna pharetra fermentum. <em>Integer sit amet tortor</em>. Maecenas porttitor, pede sed gravida auctor, nulla augue aliquet elit, at pretium urna orci ut metus. Aliquam in dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, tellus id ornare posuere, quam nunc accumsan turpis, at convallis tellus orci et nisl. Phasellus congue neque a lorem.</p>
49
+
50
+ <hr>
51
+ <div id="nested-1">
52
+ <h6>This is a nested column</h6>
53
+ <p>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.</p>
54
+ </div>
55
+ <div id="nested-2">
56
+ <h6>This is another nested column</h6>
57
+ <p>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.</p>
58
+ </div>
59
+
60
+ </div>
61
+ <div id="sidebar">
62
+
63
+ <h3>A <em>Simple</em> Sidebar</h3>
64
+
65
+ <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.</p>
66
+ <p>Mauris a lectus. Aliquam erat volutpat. Phasellus ultrices mi a sapien. Nunc rutrum egestas lorem. Duis ac sem sagittis elit tincidunt gravida. Mauris a lectus. Aliquam erat volutpat. Phasellus ultrices mi a sapien. Nunc rutrum egestas lorem. Duis ac sem sagittis elit tincidunt gravida.</p>
67
+ <p class="quiet">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.</p>
68
+
69
+ <h5>Incremental leading</h5>
70
+ <p class="incr">Vestibulum ante ipsum primis in faucibus orci luctus vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus.</p>
71
+ <p class="incr">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue. sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.</p>
72
+
73
+ </div>
74
+
75
+ <hr>
76
+ <h2 id="parting-thought">You may pick and choose amongst these and many more features, so be bold.</h2>
77
+ <hr>
78
+
79
+ <p><a href="http://validator.w3.org/check?uri=referer">
80
+ <img src="valid.png" alt="Valid HTML 4.01 Strict" height="31" width="88" id="w3c"></a></p>
81
+ </div>
82
+
83
+ </body>
84
+ </html>
data/examples/blueprint_semantic/stylesheets/ie.sass ADDED
@@ -0,0 +1,4 @@
1
+ @import blueprint/ie.sass
2
+
3
+ body
4
+ +blueprint-ie
data/examples/blueprint_semantic/stylesheets/liquid.sass ADDED
@@ -0,0 +1,70 @@
1
+ @import blueprint/screen.sass
2
+ @import blueprint/modules/fancy_type.sass
3
+ @import blueprint/modules/scaffolding.sass
4
+ @import blueprint/modules/liquid.sass
5
+ @import compass/reset.sass
6
+
7
+ .container
8
+ +container
9
+
10
+ body.blueprint
11
+ +blueprint-typography
12
+ html &
13
+ +body-margins
14
+ hr
15
+ +colruler
16
+ hr.space
17
+ +colspacer
18
+ img#w3c
19
+ :margin-top 0
20
+ :padding-top 0
21
+
22
+ body#index
23
+ #page-header
24
+ +span(6)
25
+ #files-header
26
+ +span(8)
27
+ #description-header
28
+ +span(10)
29
+ #info
30
+ +box
31
+ ul
32
+ :margin-bottom 0
33
+ :padding-bottom 0
34
+
35
+ body#sample
36
+ +fancy-paragraphs
37
+ h2
38
+ +alt
39
+ #first-box
40
+ +column(7)
41
+ +colborder
42
+ #another-box
43
+ +column(8)
44
+ +colborder
45
+ #aligned-box
46
+ +column(7, last)
47
+ #main
48
+ +column(15)
49
+ +prepend(1)
50
+ +colborder
51
+ img#test
52
+ +pull(1)
53
+ :margin-top 0
54
+ :padding-top 0
55
+ em.caps
56
+ +reset
57
+ +caps
58
+ #nested-1
59
+ +column(7)
60
+ +colborder
61
+ #nested-2
62
+ +column(7, last)
63
+ #sidebar
64
+ +column(7, last)
65
+ h3
66
+ em
67
+ +reset
68
+ +alt
69
+ #parting-thought
70
+ +alt
data/examples/blueprint_semantic/stylesheets/print.sass ADDED
@@ -0,0 +1,4 @@
1
+ @import blueprint/print.sass
2
+
3
+ body
4
+ +blueprint-print
data/examples/blueprint_semantic/stylesheets/screen.sass ADDED
@@ -0,0 +1,69 @@
1
+ @import blueprint/screen.sass
2
+ @import blueprint/modules/fancy_type.sass
3
+ @import blueprint/modules/scaffolding.sass
4
+ @import compass/reset.sass
5
+
6
+ .container
7
+ +container
8
+
9
+ body.blueprint
10
+ +blueprint-typography
11
+ html &
12
+ +body-margins
13
+ hr
14
+ +colruler
15
+ hr.space
16
+ +colspacer
17
+ img#w3c
18
+ :margin-top 0
19
+ :padding-top 0
20
+
21
+ body#index
22
+ #page-header
23
+ +span(6)
24
+ #files-header
25
+ +span(8)
26
+ #description-header
27
+ +span(10)
28
+ #info
29
+ +box
30
+ ul
31
+ :margin-bottom 0
32
+ :padding-bottom 0
33
+
34
+ body#sample
35
+ +fancy-paragraphs
36
+ h2
37
+ +alt
38
+ #first-box
39
+ +column(7)
40
+ +colborder
41
+ #another-box
42
+ +column(8)
43
+ +colborder
44
+ #aligned-box
45
+ +column(7, last)
46
+ #main
47
+ +column(15)
48
+ +prepend(1)
49
+ +colborder
50
+ img#test
51
+ +pull(1)
52
+ :margin-top 0
53
+ :padding-top 0
54
+ em.caps
55
+ +reset
56
+ +caps
57
+ #nested-1
58
+ +column(7)
59
+ +colborder
60
+ #nested-2
61
+ +column(7, last)
62
+ #sidebar
63
+ +column(7, last)
64
+ h3
65
+ em
66
+ +reset
67
+ +alt
68
+ #parting-thought
69
+ +alt