chriseppstein-compass 0.6.13 → 0.6.14

Sign up to get free protection for your applications and to get access to all the features.
Files changed (42) hide show
  1. data/CHANGELOG.markdown +10 -6
  2. data/REVISION +1 -1
  3. data/VERSION.yml +2 -2
  4. data/examples/blueprint_default/index.html.haml +85 -0
  5. data/examples/blueprint_default/parts/elements.html.haml +282 -0
  6. data/examples/blueprint_default/parts/forms.html.haml +130 -0
  7. data/examples/blueprint_default/parts/grid.html.haml +274 -0
  8. data/examples/blueprint_plugins/index.html.haml +96 -0
  9. data/examples/blueprint_plugins/plugins/buttons.html.haml +67 -0
  10. data/examples/blueprint_plugins/plugins/fancy_type.html.haml +100 -0
  11. data/examples/blueprint_plugins/plugins/link_icons.html.haml +61 -0
  12. data/examples/blueprint_plugins/plugins/rtl.html.haml +100 -0
  13. data/examples/blueprint_semantic/index.html.haml +86 -0
  14. data/examples/blueprint_semantic/parts/fancy_type.html.haml +100 -0
  15. data/examples/blueprint_semantic/parts/liquid.html.haml +100 -0
  16. data/examples/compass/compass.html.haml +39 -0
  17. data/examples/logo/logo.html.haml +40 -0
  18. data/lib/compass/commands/validate_project.rb +1 -1
  19. data/lib/compass/validator.rb +8 -54
  20. metadata +16 -24
  21. data/examples/blueprint_default/index.html +0 -73
  22. data/examples/blueprint_default/parts/elements.html +0 -246
  23. data/examples/blueprint_default/parts/forms.html +0 -100
  24. data/examples/blueprint_default/parts/grid.html +0 -206
  25. data/examples/blueprint_plugins/index.html +0 -80
  26. data/examples/blueprint_plugins/plugins/buttons.html +0 -59
  27. data/examples/blueprint_plugins/plugins/fancy_type.html +0 -84
  28. data/examples/blueprint_plugins/plugins/link_icons.html +0 -59
  29. data/examples/blueprint_plugins/plugins/rtl.html +0 -84
  30. data/examples/blueprint_semantic/index.html +0 -68
  31. data/examples/blueprint_semantic/parts/fancy_type.html +0 -84
  32. data/examples/blueprint_semantic/parts/liquid.html +0 -84
  33. data/examples/compass/compass.html +0 -19
  34. data/examples/logo/logo.html +0 -32
  35. data/lib/compass/validate/COPYRIGHT.html +0 -93
  36. data/lib/compass/validate/JIGSAW_COPYRIGHT +0 -64
  37. data/lib/compass/validate/README.html +0 -83
  38. data/lib/compass/validate/XERCES_COPYING.txt +0 -56
  39. data/lib/compass/validate/css-validator-javadoc.jar +0 -0
  40. data/lib/compass/validate/css-validator.jar +0 -0
  41. data/lib/compass/validate/jigsaw.jar +0 -0
  42. data/lib/compass/validate/xerces.jar +0 -0
@@ -0,0 +1,100 @@
1
+ !!!
2
+ %html{ :lang => "en" }
3
+ %head
4
+ %meta{ :content => "text/html; charset=utf-8", "http-equiv" => "Content-Type" }
5
+ %title
6
+ Blueprint Sample Page
7
+ /
8
+ Framework CSS
9
+ %link{ :href => "../stylesheets/rtl_screen.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" }
10
+ %link{ :href => "../stylesheets/print.css", :rel => "stylesheet", :media => "print", :type => "text/css" }
11
+ /
12
+ [if IE]><link rel="stylesheet" href="../stylesheets/ie.css" type="text/css" media="screen, projection"><![endif]
13
+ %body
14
+ .container
15
+ %h1
16
+ A simple sample page
17
+ %hr
18
+ %h2.alt
19
+ This sample page demonstrates a tiny fraction of what you get with Blueprint.
20
+ %hr
21
+ .span-7.colborder
22
+ %h6
23
+ Here's a box
24
+ %p
25
+ 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.
26
+ .span-8.colborder
27
+ %h6
28
+ And another box
29
+ %p
30
+ 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.
31
+ .span-7.last
32
+ %h6
33
+ This box is aligned with the sidebar
34
+ %p
35
+ 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.
36
+ %hr
37
+ %hr.space
38
+ .span-15.prepend-1.colborder
39
+ %p
40
+ %img.left.top.pull-1{ :src => "../images/test.jpg", :alt => "test" }
41
+ Lorem ipsum dolor sit amet,
42
+ %em
43
+ consectetuer adipiscing elit
44
+ \. 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.
45
+ %p
46
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
47
+ %a{ :href => "#" }
48
+ Morbi et risus
49
+ \. Aliquam nisl. Nulla facilisi. Cras accumsan vestibulum ante. Vestibulum sed tortor. Praesent
50
+ %span.caps
51
+ SMALL CAPS
52
+ 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.
53
+ %p
54
+ 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.
55
+ %p
56
+ 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.
57
+ %blockquote
58
+ %p
59
+ 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.
60
+ %p
61
+ Maecenas vel metus quis magna pharetra fermentum.
62
+ %em
63
+ Integer sit amet tortor
64
+ \. 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.
65
+ %hr
66
+ .span-7.colborder
67
+ %h6
68
+ This is a nested column
69
+ %p
70
+ 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.
71
+ .span-7.last
72
+ %h6
73
+ This is another nested column
74
+ %p
75
+ 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.
76
+ .span-7.last
77
+ %h3
78
+ A
79
+ %span.alt
80
+ Simple
81
+ Sidebar
82
+ %p
83
+ 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.
84
+ %p
85
+ 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.
86
+ %p.quiet
87
+ 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.
88
+ %h5
89
+ Incremental leading
90
+ %p.incr
91
+ 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.
92
+ %p.incr
93
+ 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.
94
+ %hr
95
+ %h2.alt
96
+ You may pick and choose amongst these and many more features, so be bold.
97
+ %hr
98
+ %p
99
+ %a{ :href => "http://validator.w3.org/check?uri=referer" }
100
+ %img.top{ :src => "valid.png", :height => "31", :alt => "Valid HTML 4.01 Strict", :width => "88" }
@@ -0,0 +1,86 @@
1
+ !!!
2
+ %html{ :lang => "en" }
3
+ %head
4
+ %meta{ :content => "text/html; charset=utf-8", "http-equiv" => "Content-Type" }
5
+ %title
6
+ Blueprint test pages
7
+ /
8
+ Framework CSS
9
+ %link{ :href => "stylesheets/screen.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" }
10
+ %link{ :href => "stylesheets/print.css", :rel => "stylesheet", :media => "print", :type => "text/css" }
11
+ /
12
+ [if IE]><link rel="stylesheet" href="stylesheets/ie.css" type="text/css" media="screen, projection"><![endif]
13
+ %body#index.blueprint
14
+ .container
15
+ %h1
16
+ Blueprint Semantic Test Pages
17
+ %hr
18
+ %p
19
+ Welcome to the Blueprint Semantic test pages. The HTML files below test the assignment of styles to semantic classes and ids using Sass mixins.
20
+ %table{ :cellspacing => "0", :border => "0", :cellpadding => "0" }
21
+ %tr
22
+ %th#page-header
23
+ Test page
24
+ %th#files-header
25
+ Main files tested
26
+ %th#description-header
27
+ Description
28
+ %tr
29
+ %td
30
+ %a{ :href => "parts/fancy_type.html" }
31
+ Fancy Type
32
+ %td
33
+ %a{ :href => "../../frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass" }
34
+ grid.sass
35
+ ,
36
+ %a{ :href => "../../frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass" }
37
+ typography.sass
38
+ ,
39
+ %a{ :href => "../../frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass" }
40
+ fancy_type.sass
41
+ %td
42
+ A simple sample page, with common elements and fancy type.
43
+ %tr
44
+ %td
45
+ %a{ :href => "parts/liquid.html" }
46
+ Liquid Grid
47
+ %td
48
+ %a{ :href => "../../frameworks/blueprint/stylesheets/blueprint/modules/_liquid.sass" }
49
+ liquid.sass
50
+ ,
51
+ %a{ :href => "../../frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass" }
52
+ typography.sass
53
+ ,
54
+ %a{ :href => "../../frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass" }
55
+ fancy_type.sass
56
+ %td
57
+ Like Fancy Type, but using a liquid percent based grid.
58
+ %p
59
+ %em
60
+ %strong
61
+ Note about the css files:
62
+ These test files utilize the css files that are generated from
63
+ %a{ :href => "http://haml.hamptoncatlin.com/docs/rdoc/classes/Sass.html" }
64
+ Sass templates
65
+ \.
66
+ In other words, if you change any of the source files,
67
+ you'll have to re-build them with
68
+ %code
69
+ rake examples
70
+ to see any&nbsp;changes.
71
+ #info
72
+ %p
73
+ For more information and help, try these resources:
74
+ %ul
75
+ %li
76
+ %a{ :href => "http://code.google.com/p/blueprintcss" }
77
+ The Blueprint home page.
78
+ %li
79
+ %a{ :href => "http://groups.google.com/group/blueprintcss" }
80
+ Our anything-goes mailing list.
81
+ %li
82
+ %a{ :href => "http://bjorkoy.com" }
83
+ The blog where news about Blueprint gets posted.
84
+ %p
85
+ %a{ :href => "http://validator.w3.org/check?uri=referer" }
86
+ %img#w3c{ :src => "parts/valid.png", :height => "31", :alt => "Valid HTML 4.01 Strict", :width => "88" }
@@ -0,0 +1,100 @@
1
+ !!!
2
+ %html{ :lang => "en" }
3
+ %head
4
+ %meta{ :content => "text/html; charset=utf-8", "http-equiv" => "Content-Type" }
5
+ %title
6
+ Blueprint Semantic Sample Page
7
+ /
8
+ Framework CSS
9
+ %link{ :href => "../stylesheets/screen.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" }
10
+ %link{ :href => "../stylesheets/print.css", :rel => "stylesheet", :media => "print", :type => "text/css" }
11
+ /
12
+ [if IE]><link rel="stylesheet" href="../stylesheets/ie.css" type="text/css" media="screen, projection"><![endif]
13
+ %body#sample.blueprint
14
+ .container
15
+ %h1
16
+ A simple sample page
17
+ %hr
18
+ %h2
19
+ This sample page demonstrates a tiny fraction of what you get with Blueprint.
20
+ %hr
21
+ #first-box
22
+ %h6
23
+ Here's a box
24
+ %p
25
+ 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.
26
+ #another-box
27
+ %h6
28
+ And another box
29
+ %p
30
+ 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.
31
+ #aligned-box
32
+ %h6
33
+ This box is aligned with the sidebar
34
+ %p
35
+ 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.
36
+ %hr
37
+ %hr.space
38
+ #main
39
+ %p
40
+ %img#test{ :src => "test.jpg", :alt => "test" }
41
+ Lorem ipsum dolor sit amet,
42
+ %em
43
+ consectetuer adipiscing elit
44
+ \. 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.
45
+ %p
46
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
47
+ %a{ :href => "#" }
48
+ Morbi et risus
49
+ \. Aliquam nisl. Nulla facilisi. Cras accumsan vestibulum ante. Vestibulum sed tortor. Praesent
50
+ %em.caps
51
+ small caps
52
+ 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.
53
+ %p
54
+ 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.
55
+ %p
56
+ 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.
57
+ %blockquote
58
+ %p
59
+ 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.
60
+ %p
61
+ Maecenas vel metus quis magna pharetra fermentum.
62
+ %em
63
+ Integer sit amet tortor
64
+ \. 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.
65
+ %hr
66
+ #nested-1
67
+ %h6
68
+ This is a nested column
69
+ %p
70
+ 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.
71
+ #nested-2
72
+ %h6
73
+ This is another nested column
74
+ %p
75
+ 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.
76
+ #sidebar
77
+ %h3
78
+ A
79
+ %em
80
+ Simple
81
+ Sidebar
82
+ %p
83
+ 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.
84
+ %p
85
+ 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.
86
+ %p.quiet
87
+ 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.
88
+ %h5
89
+ Incremental leading
90
+ %p.incr
91
+ 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.
92
+ %p.incr
93
+ 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.
94
+ %hr
95
+ %h2#parting-thought
96
+ You may pick and choose amongst these and many more features, so be bold.
97
+ %hr
98
+ %p
99
+ %a{ :href => "http://validator.w3.org/check?uri=referer" }
100
+ %img#w3c{ :src => "valid.png", :height => "31", :alt => "Valid HTML 4.01 Strict", :width => "88" }
@@ -0,0 +1,100 @@
1
+ !!!
2
+ %html{ :lang => "en" }
3
+ %head
4
+ %meta{ :content => "text/html; charset=utf-8", "http-equiv" => "Content-Type" }
5
+ %title
6
+ Blueprint Liquid Grid Semantic Sample Page
7
+ /
8
+ Framework CSS
9
+ %link{ :href => "../stylesheets/liquid.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" }
10
+ %link{ :href => "../stylesheets/print.css", :rel => "stylesheet", :media => "print", :type => "text/css" }
11
+ /
12
+ [if IE]><link rel="stylesheet" href="../stylesheets/ie.css" type="text/css" media="screen, projection"><![endif]
13
+ %body#sample.blueprint
14
+ .container
15
+ %h1
16
+ A simple sample page
17
+ %hr
18
+ %h2
19
+ This sample page demonstrates a tiny fraction of what you get with Blueprint.
20
+ %hr
21
+ #first-box
22
+ %h6
23
+ Here's a box
24
+ %p
25
+ 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.
26
+ #another-box
27
+ %h6
28
+ And another box
29
+ %p
30
+ 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.
31
+ #aligned-box
32
+ %h6
33
+ This box is aligned with the sidebar
34
+ %p
35
+ 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.
36
+ %hr
37
+ %hr.space
38
+ #main
39
+ %p
40
+ %img#test{ :src => "test.jpg", :alt => "test" }
41
+ Lorem ipsum dolor sit amet,
42
+ %em
43
+ consectetuer adipiscing elit
44
+ \. 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.
45
+ %p
46
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
47
+ %a{ :href => "#" }
48
+ Morbi et risus
49
+ \. Aliquam nisl. Nulla facilisi. Cras accumsan vestibulum ante. Vestibulum sed tortor. Praesent
50
+ %em.caps
51
+ small caps
52
+ 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.
53
+ %p
54
+ 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.
55
+ %p
56
+ 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.
57
+ %blockquote
58
+ %p
59
+ 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.
60
+ %p
61
+ Maecenas vel metus quis magna pharetra fermentum.
62
+ %em
63
+ Integer sit amet tortor
64
+ \. 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.
65
+ %hr
66
+ #nested-1
67
+ %h6
68
+ This is a nested column
69
+ %p
70
+ 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.
71
+ #nested-2
72
+ %h6
73
+ This is another nested column
74
+ %p
75
+ 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.
76
+ #sidebar
77
+ %h3
78
+ A
79
+ %em
80
+ Simple
81
+ Sidebar
82
+ %p
83
+ 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.
84
+ %p
85
+ 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.
86
+ %p.quiet
87
+ 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.
88
+ %h5
89
+ Incremental leading
90
+ %p.incr
91
+ 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.
92
+ %p.incr
93
+ 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.
94
+ %hr
95
+ %h2#parting-thought
96
+ You may pick and choose amongst these and many more features, so be bold.
97
+ %hr
98
+ %p
99
+ %a{ :href => "http://validator.w3.org/check?uri=referer" }
100
+ %img#w3c{ :src => "valid.png", :height => "31", :alt => "Valid HTML 4.01 Strict", :width => "88" }
@@ -0,0 +1,39 @@
1
+ %html
2
+ %head
3
+ %title
4
+ Compass Example
5
+ %link{ :href => "stylesheets/compass.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" }
6
+ %body
7
+ .compass
8
+ .n
9
+ %p
10
+ North
11
+ .n.e
12
+ %p
13
+ North
14
+ %br
15
+ East
16
+ .e
17
+ %p
18
+ East
19
+ .s.e
20
+ %p
21
+ South
22
+ %br
23
+ East
24
+ .s
25
+ %p
26
+ South
27
+ .s.w
28
+ %p
29
+ South
30
+ %br
31
+ West
32
+ .w
33
+ %p
34
+ West
35
+ .n.w
36
+ %p
37
+ North
38
+ %br
39
+ West
@@ -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
+ }
@@ -1,6 +1,5 @@
1
1
  require File.join(File.dirname(__FILE__), 'project_base')
2
2
  require File.join(File.dirname(__FILE__), 'update_project')
3
- require File.join(File.dirname(__FILE__), '..', 'validator')
4
3
 
5
4
  module Compass
6
5
  module Commands
@@ -12,6 +11,7 @@ module Compass
12
11
  end
13
12
 
14
13
  def perform
14
+ require File.join(File.dirname(__FILE__), '..', 'validator')
15
15
  UpdateProject.new(working_path, options).perform
16
16
  Validator.new(project_css_subdirectory).validate()
17
17
  end
@@ -1,56 +1,10 @@
1
- require File.join(File.dirname(__FILE__), 'core_ext')
1
+ begin
2
+ require 'rubygems'
3
+ require 'compass-validator'
4
+ rescue LoadError
5
+ puts %Q{The Compass CSS Validator could not be loaded. Please install it:
2
6
 
3
- module Compass
4
- # Validates generated CSS against the W3 using Java
5
- class Validator
6
- VALIDATOR_FILE = File.join(File.dirname(__FILE__), 'validate', 'css-validator.jar')
7
- attr_reader :error_count
8
- attr_reader :css_directory
9
-
10
- def initialize(css_directory)
11
- @css_directory = css_directory
12
- @error_count = 0
13
- end
14
-
15
- # Validates all three CSS files
16
- def validate
17
- java_path = `which java`.rstrip
18
- raise "You do not have a Java installed, but it is required." if java_path.blank?
19
-
20
- output_header
21
-
22
- Dir.glob(File.join(css_directory, "**", "*.css")).each do |file_name|
23
- @error_count += 1 if !validate_css_file(java_path, file_name)
24
- end
25
-
26
- output_footer
27
- end
28
-
29
- private
30
- def validate_css_file(java_path, css_file)
31
- puts "\n\nTesting #{css_file}"
32
- puts "Output ============================================================\n\n"
33
- system("#{java_path} -jar '#{VALIDATOR_FILE}' -e '#{css_file}'")
34
- end
35
-
36
- def output_header
37
- puts "\n\n"
38
- puts "************************************************************"
39
- puts "**"
40
- puts "** Compass CSS Validator"
41
- puts "** Validates output CSS files"
42
- puts "**"
43
- puts "************************************************************"
44
- end
45
-
46
- def output_footer
47
- puts "\n\n"
48
- puts "************************************************************"
49
- puts "**"
50
- puts "** Done!"
51
- puts "** Your CSS files are#{" not" if error_count > 0} valid.#{" You had #{error_count} error(s) within your files" if error_count > 0}"
52
- puts "**"
53
- puts "************************************************************"
54
- end
55
- end
7
+ sudo gem install chriseppstein-compass-validator --source http://gems.github.com/
8
+ }
9
+ exit(1)
56
10
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: chriseppstein-compass
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.6.13
4
+ version: 0.6.14
5
5
  platform: ruby
6
6
  authors:
7
7
  - Chris Eppstein
@@ -9,7 +9,7 @@ autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
11
 
12
- date: 2009-05-28 00:00:00 -07:00
12
+ date: 2009-06-05 00:00:00 -07:00
13
13
  default_executable: compass
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
@@ -38,10 +38,10 @@ files:
38
38
  - bin/compass
39
39
  - examples/blueprint_default/config.rb
40
40
  - examples/blueprint_default/images/grid.png
41
- - examples/blueprint_default/index.html
42
- - examples/blueprint_default/parts/elements.html
43
- - examples/blueprint_default/parts/forms.html
44
- - examples/blueprint_default/parts/grid.html
41
+ - examples/blueprint_default/index.html.haml
42
+ - examples/blueprint_default/parts/elements.html.haml
43
+ - examples/blueprint_default/parts/forms.html.haml
44
+ - examples/blueprint_default/parts/grid.html.haml
45
45
  - examples/blueprint_default/parts/test-small.jpg
46
46
  - examples/blueprint_default/parts/test.jpg
47
47
  - examples/blueprint_default/parts/valid.png
@@ -64,11 +64,11 @@ files:
64
64
  - examples/blueprint_plugins/images/test-small.jpg
65
65
  - examples/blueprint_plugins/images/test.jpg
66
66
  - examples/blueprint_plugins/images/valid.png
67
- - examples/blueprint_plugins/index.html
68
- - examples/blueprint_plugins/plugins/buttons.html
69
- - examples/blueprint_plugins/plugins/fancy_type.html
70
- - examples/blueprint_plugins/plugins/link_icons.html
71
- - examples/blueprint_plugins/plugins/rtl.html
67
+ - examples/blueprint_plugins/index.html.haml
68
+ - examples/blueprint_plugins/plugins/buttons.html.haml
69
+ - examples/blueprint_plugins/plugins/fancy_type.html.haml
70
+ - examples/blueprint_plugins/plugins/link_icons.html.haml
71
+ - examples/blueprint_plugins/plugins/rtl.html.haml
72
72
  - examples/blueprint_plugins/src/buttons.sass
73
73
  - examples/blueprint_plugins/src/ie.sass
74
74
  - examples/blueprint_plugins/src/link_icons.sass
@@ -83,9 +83,9 @@ files:
83
83
  - examples/blueprint_scoped_form/src/screen.sass
84
84
  - examples/blueprint_semantic/config.rb
85
85
  - examples/blueprint_semantic/images/grid.png
86
- - examples/blueprint_semantic/index.html
87
- - examples/blueprint_semantic/parts/fancy_type.html
88
- - examples/blueprint_semantic/parts/liquid.html
86
+ - examples/blueprint_semantic/index.html.haml
87
+ - examples/blueprint_semantic/parts/fancy_type.html.haml
88
+ - examples/blueprint_semantic/parts/liquid.html.haml
89
89
  - examples/blueprint_semantic/parts/test-small.jpg
90
90
  - examples/blueprint_semantic/parts/test.jpg
91
91
  - examples/blueprint_semantic/parts/valid.png
@@ -93,7 +93,7 @@ files:
93
93
  - examples/blueprint_semantic/src/liquid.sass
94
94
  - examples/blueprint_semantic/src/print.sass
95
95
  - examples/blueprint_semantic/src/screen.sass
96
- - examples/compass/compass.html
96
+ - examples/compass/compass.html.haml
97
97
  - examples/compass/config.rb
98
98
  - examples/compass/images/blue_arrow.gif
99
99
  - examples/compass/src/compass.sass
@@ -101,7 +101,7 @@ files:
101
101
  - examples/compass/src/utilities.sass
102
102
  - examples/compass/sticky_footer.html.haml
103
103
  - examples/compass/utilities.html.haml
104
- - examples/logo/logo.html
104
+ - examples/logo/logo.html.haml
105
105
  - examples/logo/src/ie.sass
106
106
  - examples/logo/src/print.sass
107
107
  - examples/logo/src/screen.sass
@@ -223,14 +223,6 @@ files:
223
223
  - lib/compass/logger.rb
224
224
  - lib/compass/merb.rb
225
225
  - lib/compass/test_case.rb
226
- - lib/compass/validate/COPYRIGHT.html
227
- - lib/compass/validate/JIGSAW_COPYRIGHT
228
- - lib/compass/validate/README.html
229
- - lib/compass/validate/XERCES_COPYING.txt
230
- - lib/compass/validate/css-validator-javadoc.jar
231
- - lib/compass/validate/css-validator.jar
232
- - lib/compass/validate/jigsaw.jar
233
- - lib/compass/validate/xerces.jar
234
226
  - lib/compass/validator.rb
235
227
  - lib/compass/version.rb
236
228
  - lib/sass_extensions.rb