compass-pattern-primer 0.2.8 → 0.3.beta

Sign up to get free protection for your applications and to get access to all the features.
Files changed (88) hide show
  1. checksums.yaml +5 -5
  2. data/CHANGELOG.md +2 -1
  3. data/README.md +86 -46
  4. data/lib/compass-pattern-primer.rb +2 -2
  5. data/stylesheets/compass-pattern-primer/_reset.scss +0 -9
  6. data/stylesheets/compass-pattern-primer/partials/_colors.scss +2 -4
  7. data/stylesheets/compass-pattern-primer/reset/_reset.scss +2 -19
  8. data/stylesheets/compass-pattern-primer/reset/libraries/_eric_meyer_reset.scss +1 -51
  9. data/stylesheets/compass-pattern-primer/reset/libraries/_formalize.scss +1 -378
  10. data/stylesheets/compass-pattern-primer/reset/libraries/_normalize.scss +1 -935
  11. data/templates/adactio/config.rb +28 -0
  12. data/templates/adactio/manifest.rb +67 -0
  13. data/templates/project/config.rb +29 -0
  14. data/templates/project/manifest.rb +67 -26
  15. data/templates/shared/patterns/blockquote.html +3 -0
  16. data/templates/shared/patterns/colorguide.html +34 -0
  17. data/templates/shared/patterns/feedback-error-new.html +3 -0
  18. data/templates/shared/patterns/feedback-error.html +3 -0
  19. data/templates/shared/patterns/feedback-new.html +3 -0
  20. data/templates/shared/patterns/feedback-warning.html +3 -0
  21. data/templates/shared/patterns/feedback.html +3 -0
  22. data/templates/shared/patterns/form-buttons-active.html +3 -0
  23. data/templates/shared/patterns/form-buttons-all.html +4 -0
  24. data/templates/shared/patterns/form-buttons-cancel.html +3 -0
  25. data/templates/shared/patterns/form-buttons-disabled.html +3 -0
  26. data/templates/shared/patterns/form-buttons-new.html +3 -0
  27. data/templates/shared/patterns/form-buttons.html +3 -0
  28. data/templates/shared/patterns/form-checkbox.html +1 -0
  29. data/templates/shared/patterns/form-email.html +2 -0
  30. data/templates/shared/patterns/form-number.html +2 -0
  31. data/templates/shared/patterns/form-select.html +3 -0
  32. data/templates/shared/patterns/form-text.html +2 -0
  33. data/templates/shared/patterns/form-textarea.html +2 -0
  34. data/templates/shared/patterns/form-url.html +2 -0
  35. data/templates/shared/patterns/headers.html +6 -0
  36. data/templates/shared/patterns/heading-1-p.html +8 -0
  37. data/templates/shared/patterns/heading-1.html +1 -0
  38. data/templates/shared/patterns/heading-2-p.html +8 -0
  39. data/templates/shared/patterns/heading-2.html +1 -0
  40. data/templates/shared/patterns/heading-3-p.html +8 -0
  41. data/templates/shared/patterns/heading-3.html +1 -0
  42. data/templates/shared/patterns/heading-4-p.html +8 -0
  43. data/templates/shared/patterns/heading-4.html +1 -0
  44. data/templates/shared/patterns/heading-5-p.html +8 -0
  45. data/templates/shared/patterns/heading-5.html +1 -0
  46. data/templates/shared/patterns/heading-6-p.html +8 -0
  47. data/templates/shared/patterns/heading-6.html +1 -0
  48. data/templates/shared/patterns/list-ordered.html +5 -0
  49. data/templates/shared/patterns/list-unordered.html +5 -0
  50. data/templates/shared/patterns/pagination-first.html +12 -0
  51. data/templates/shared/patterns/pagination-last.html +12 -0
  52. data/templates/shared/patterns/pagination.html +12 -0
  53. data/templates/shared/patterns/text-new.html +67 -0
  54. data/templates/shared/patterns/text.html +1 -0
  55. data/templates/shared/php/adactio-pattern-primer.php +52 -0
  56. data/templates/shared/php/pattern-primer.php +35 -0
  57. data/templates/{project → shared/sass}/base/_page.scss +0 -0
  58. data/templates/shared/sass/global-adactio.scss +41 -0
  59. data/templates/{project → shared/sass}/global.scss +2 -12
  60. data/templates/{project → shared/sass}/layout/_page.scss +0 -0
  61. data/templates/{project → shared/sass}/modules/_footer.scss +0 -0
  62. data/templates/{project → shared/sass}/modules/_header.scss +0 -0
  63. data/templates/{project → shared/sass}/partials/_browsers.scss +0 -0
  64. data/templates/{project → shared/sass}/partials/_colors.scss +0 -0
  65. data/templates/{project → shared/sass}/partials/_extendables.scss +0 -0
  66. data/templates/{project → shared/sass}/partials/_functions.scss +0 -0
  67. data/templates/{project → shared/sass}/partials/_mixins.scss +0 -0
  68. data/templates/shared/sass/partials/_variables-adactio.scss +3 -0
  69. data/templates/{project → shared/sass}/partials/_variables.scss +0 -0
  70. data/templates/{project → shared/sass}/partials/variables/base/_page.scss +0 -0
  71. data/templates/{project → shared/sass}/partials/variables/layout/_breakpoints.scss +0 -0
  72. data/templates/{project → shared/sass}/partials/variables/layout/_page.scss +0 -0
  73. data/templates/{project → shared/sass}/partials/variables/modules/_footer.scss +0 -0
  74. data/templates/{project → shared/sass}/partials/variables/modules/_header.scss +0 -0
  75. data/templates/{project → shared/sass}/partials/variables/state/_footer.scss +0 -0
  76. data/templates/{project → shared/sass}/partials/variables/state/_header.scss +0 -0
  77. data/templates/{project → shared/sass}/partials/variables/state/_page.scss +0 -0
  78. data/templates/{project → shared/sass}/partials/variables/theme/_overrides.scss +0 -0
  79. data/templates/{project → shared/sass}/partials/variables/theme/_page.scss +0 -0
  80. data/templates/shared/sass/pattern-primer.scss +25 -0
  81. data/templates/{project → shared/sass}/state/_footer.scss +0 -0
  82. data/templates/{project → shared/sass}/state/_header.scss +0 -0
  83. data/templates/{project → shared/sass}/state/_page.scss +0 -0
  84. data/templates/{project → shared/sass}/theme/_page.scss +0 -0
  85. data/templates/static/config.rb +29 -0
  86. data/templates/static/manifest.rb +65 -0
  87. data/templates/{project → static}/pattern-primer.html +8 -9
  88. metadata +109 -29
@@ -0,0 +1,28 @@
1
+ # Require any additional compass plugins here.
2
+ require 'compass-pattern-primer'
3
+ require 'toolkit'
4
+ require 'meyer-reset'
5
+
6
+ # Set this to the root of your project when deployed:
7
+ http_path = "/"
8
+ css_dir = ""
9
+ sass_dir = "sass"
10
+ images_dir = "images"
11
+ javascripts_dir = "js"
12
+
13
+
14
+ # You can select your preferred output style here (can be overridden via the command line):
15
+ # output_style = :expanded or :nested or :compact or :compressed
16
+
17
+ # To enable relative paths to assets via compass helper functions. Uncomment:
18
+ # relative_assets = true
19
+
20
+ # To disable debugging comments that display the original location of your selectors. Uncomment:
21
+ # line_comments = false
22
+
23
+
24
+ # If you prefer the indented syntax, you might want to regenerate this
25
+ # project again passing --syntax sass, or you can uncomment this:
26
+ # preferred_syntax = :sass
27
+ # and then run:
28
+ # sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
@@ -0,0 +1,67 @@
1
+ # Description
2
+ description "Compass Pattern Primer is based on Adactio/Jeremy Keith's Pattern Primer. It provides a scaffolding to create a basic style guide for any website."
3
+
4
+ no_configuration_file!
5
+ file 'config.rb', :like => :file, :to => "config.rb"
6
+
7
+ # Stylesheet Import
8
+ file '../shared/sass/global-adactio.scss', :like => :stylesheet, :to => 'global.scss'
9
+
10
+ # Partials
11
+ file '../shared/sass/partials/_browsers.scss', :like => :stylesheet, :to => 'partials/_browsers.scss'
12
+ file '../shared/sass/partials/_colors.scss', :like => :stylesheet, :to => 'partials/_colors.scss'
13
+ file '../shared/sass/partials/_extendables.scss', :like => :stylesheet, :to => 'partials/_extendables.scss'
14
+ file '../shared/sass/partials/_functions.scss', :like => :stylesheet, :to => 'partials/_functions.scss'
15
+ file '../shared/sass/partials/_mixins.scss', :like => :stylesheet, :to => 'partials/_mixins.scss'
16
+ file '../shared/sass/partials/_variables-adactio.scss', :like => :stylesheet, :to => 'partials/_variables.scss'
17
+
18
+ # Variables
19
+ file '../shared/sass/partials/variables/theme/_overrides.scss', :like => :stylesheet, :to => 'partials/variables/_overrides.scss'
20
+
21
+ # Javascript Import
22
+ # file 'scripts.js', :like => :javascript, :to => 'scripts.js'
23
+
24
+ # HTML Import
25
+ file "../shared/patterns/blockquote.html" , :like => :html, :to => "patterns/blockquote.html"
26
+ file "../shared/patterns/feedback-error.html" , :like => :html, :to => "patterns/feedback-error.html"
27
+ file "../shared/patterns/feedback.html" , :like => :html, :to => "patterns/feedback.html"
28
+ file "../shared/patterns/form-buttons.html" , :like => :html, :to => "patterns/form-buttons.html"
29
+ file "../shared/patterns/form-checkbox.html" , :like => :html, :to => "patterns/form-checkbox.html"
30
+ file "../shared/patterns/form-email.html" , :like => :html, :to => "patterns/form-email.html"
31
+ file "../shared/patterns/form-number.html" , :like => :html, :to => "patterns/form-number.html"
32
+ file "../shared/patterns/form-select.html" , :like => :html, :to => "patterns/form-select.html"
33
+ file "../shared/patterns/form-text.html" , :like => :html, :to => "patterns/form-text.html"
34
+ file "../shared/patterns/form-textarea.html" , :like => :html, :to => "patterns/form-textarea.html"
35
+ file "../shared/patterns/form-url.html" , :like => :html, :to => "patterns/form-url.html"
36
+ file "../shared/patterns/heading-1.html" , :like => :html, :to => "patterns/heading-1.html"
37
+ file "../shared/patterns/heading-2.html" , :like => :html, :to => "patterns/heading-2.html"
38
+ file "../shared/patterns/heading-3.html" , :like => :html, :to => "patterns/heading-3.html"
39
+ file "../shared/patterns/heading-4.html" , :like => :html, :to => "patterns/heading-4.html"
40
+ file "../shared/patterns/heading-5.html" , :like => :html, :to => "patterns/heading-5.html"
41
+ file "../shared/patterns/heading-6.html" , :like => :html, :to => "patterns/heading-6.html"
42
+ file "../shared/patterns/list-ordered.html" , :like => :html, :to => "patterns/list-ordered.html"
43
+ file "../shared/patterns/list-unordered.html" , :like => :html, :to => "patterns/list-unordered.html"
44
+ file "../shared/patterns/pagination-first.html" , :like => :html, :to => "patterns/pagination-first.html"
45
+ file "../shared/patterns/pagination-last.html" , :like => :html, :to => "patterns/pagination-last.html"
46
+ file "../shared/patterns/pagination.html" , :like => :html, :to => "patterns/pagination.html"
47
+ file "../shared/patterns/text.html" , :like => :html, :to => "patterns/text.html"
48
+
49
+ # General File Import
50
+ # file 'README.md', :to => "README.md"
51
+ file "../shared/php/adactio-pattern-primer.php", :to => "index.php"
52
+
53
+ # Compass Extension Help
54
+ help %Q{
55
+ The best place for help is to read the documentation in Github: https://github.com/alienresident/compass-pattern-primer
56
+ }
57
+
58
+ # Compass Extension Welcome Message
59
+ # Users will see this when they create a new project using this template.
60
+ welcome_message %Q{
61
+ Welcome to Compass Pattern Primer!
62
+
63
+ You have chosen to install the Adactio version of Compass Pattern Primer. You'll find a PHP file index.php in your project. It pulls in HTML snippets (patterns) from the patterns folder. They include the original Adactio patterns. Feel free to add your own patterns here. The Adactio version is (fairly) faithful to Jeremy Keith's original CSS.
64
+
65
+ Documentation: https://github.com/alienresident/compass-pattern-primer
66
+ Contact: mark@alienresident.net
67
+ }
@@ -0,0 +1,29 @@
1
+ # Require any additional compass plugins here.
2
+ require 'compass-pattern-primer'
3
+ require 'toolkit'
4
+ require 'compass-normalize'
5
+ require 'compass_formalize'
6
+
7
+ # Set this to the root of your project when deployed:
8
+ http_path = "/"
9
+ css_dir = "css/"
10
+ sass_dir = "sass"
11
+ images_dir = "images"
12
+ javascripts_dir = "js"
13
+
14
+
15
+ # You can select your preferred output style here (can be overridden via the command line):
16
+ # output_style = :expanded or :nested or :compact or :compressed
17
+
18
+ # To enable relative paths to assets via compass helper functions. Uncomment:
19
+ # relative_assets = true
20
+
21
+ # To disable debugging comments that display the original location of your selectors. Uncomment:
22
+ # line_comments = false
23
+
24
+
25
+ # If you prefer the indented syntax, you might want to regenerate this
26
+ # project again passing --syntax sass, or you can uncomment this:
27
+ # preferred_syntax = :sass
28
+ # and then run:
29
+ # sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass
@@ -1,44 +1,82 @@
1
1
  # Description
2
2
  description "Compass Pattern Primer is based on Adactio/Jeremy Keith's Pattern Primer. It provides a scaffolding to create a basic style guide for any website."
3
3
 
4
+ no_configuration_file!
5
+ file 'config.rb', :like => :file, :to => "config.rb"
6
+
7
+ # Stylesheet Import
8
+ file '../shared/sass/global.scss', :like => :stylesheet, :to => 'global.scss'
4
9
  # Stylesheet Import
5
- file 'global.scss', :like => :stylesheet, :media => 'screen, projection'
10
+ file '../shared/sass/pattern-primer.scss', :like => :stylesheet, :to => 'pattern-primer.scss'
6
11
 
7
12
  # Partials
8
- file 'partials/_browsers.scss', :like => :stylesheet, :to => 'partials/_browsers.scss'
9
- file 'partials/_colors.scss', :like => :stylesheet, :to => 'partials/_colors.scss'
10
- file 'partials/_extendables.scss', :like => :stylesheet, :to => 'partials/_extendables.scss'
11
- file 'partials/_functions.scss', :like => :stylesheet, :to => 'partials/_functions.scss'
12
- file 'partials/_mixins.scss', :like => :stylesheet, :to => 'partials/_mixins.scss'
13
- file 'partials/_variables.scss', :like => :stylesheet, :to => 'partials/_variables.scss'
13
+ file '../shared/sass/partials/_browsers.scss', :like => :stylesheet, :to => 'partials/_browsers.scss'
14
+ file '../shared/sass/partials/_colors.scss', :like => :stylesheet, :to => 'partials/_colors.scss'
15
+ file '../shared/sass/partials/_extendables.scss', :like => :stylesheet, :to => 'partials/_extendables.scss'
16
+ file '../shared/sass/partials/_functions.scss', :like => :stylesheet, :to => 'partials/_functions.scss'
17
+ file '../shared/sass/partials/_mixins.scss', :like => :stylesheet, :to => 'partials/_mixins.scss'
18
+ file '../shared/sass/partials/_variables.scss', :like => :stylesheet, :to => 'partials/_variables.scss'
14
19
 
15
20
  # Variables
16
- file 'partials/variables/base/_page.scss', :like => :stylesheet, :to => 'partials/variables/base/_page.scss'
17
- file 'partials/variables/modules/_header.scss', :like => :stylesheet, :to => 'partials/variables/modules/_header.scss'
18
- file 'partials/variables/modules/_footer.scss', :like => :stylesheet, :to => 'partials/variables/modules/_footer.scss'
19
- file 'partials/variables/layout/_breakpoints.scss', :like => :stylesheet, :to => 'partials/variables/layout/_breakpoints.scss'
20
- file 'partials/variables/layout/_page.scss', :like => :stylesheet, :to => 'partials/variables/layout/_page.scss'
21
- file 'partials/variables/state/_page.scss', :like => :stylesheet, :to => 'partials/variables/state/_page.scss'
22
- file 'partials/variables/state/_header.scss', :like => :stylesheet, :to => 'partials/variables/state/_header.scss'
23
- file 'partials/variables/state/_footer.scss', :like => :stylesheet, :to => 'partials/variables/state/_footer.scss'
24
- file 'partials/variables/theme/_page.scss', :like => :stylesheet, :to => 'partials/variables/theme/_page.scss'
25
- file 'partials/variables/theme/_overrides.scss', :like => :stylesheet, :to => 'partials/variables/theme/_overrides.scss'
21
+ file '../shared/sass/partials/variables/base/_page.scss', :like => :stylesheet, :to => 'partials/variables/base/_page.scss'
22
+ file '../shared/sass/partials/variables/modules/_header.scss', :like => :stylesheet, :to => 'partials/variables/modules/_header.scss'
23
+ file '../shared/sass/partials/variables/modules/_footer.scss', :like => :stylesheet, :to => 'partials/variables/modules/_footer.scss'
24
+ file '../shared/sass/partials/variables/layout/_breakpoints.scss', :like => :stylesheet, :to => 'partials/variables/layout/_breakpoints.scss'
25
+ file '../shared/sass/partials/variables/layout/_page.scss', :like => :stylesheet, :to => 'partials/variables/layout/_page.scss'
26
+ file '../shared/sass/partials/variables/state/_page.scss', :like => :stylesheet, :to => 'partials/variables/state/_page.scss'
27
+ file '../shared/sass/partials/variables/state/_header.scss', :like => :stylesheet, :to => 'partials/variables/state/_header.scss'
28
+ file '../shared/sass/partials/variables/state/_footer.scss', :like => :stylesheet, :to => 'partials/variables/state/_footer.scss'
29
+ file '../shared/sass/partials/variables/theme/_page.scss', :like => :stylesheet, :to => 'partials/variables/theme/_page.scss'
30
+ file '../shared/sass/partials/variables/theme/_overrides.scss', :like => :stylesheet, :to => 'partials/variables/theme/_overrides.scss'
26
31
 
27
32
  # SMACSS
28
- file 'base/_page.scss', :like => :stylesheet, :to => 'base/_page.scss'
29
- file 'modules/_header.scss', :like => :stylesheet, :to => 'modules/_header.scss'
30
- file 'modules/_footer.scss', :like => :stylesheet, :to => 'modules/_footer.scss'
31
- file 'layout/_page.scss', :like => :stylesheet, :to => 'layout/_page.scss'
32
- file 'state/_page.scss', :like => :stylesheet, :to => 'state/_page.scss'
33
- file 'state/_header.scss', :like => :stylesheet, :to => 'state/_header.scss'
34
- file 'state/_footer.scss', :like => :stylesheet, :to => 'state/_footer.scss'
35
- file 'theme/_page.scss', :like => :stylesheet, :to => 'theme/_page.scss'
33
+ file '../shared/sass/base/_page.scss', :like => :stylesheet, :to => 'base/_page.scss'
34
+ file '../shared/sass/modules/_header.scss', :like => :stylesheet, :to => 'modules/_header.scss'
35
+ file '../shared/sass/modules/_footer.scss', :like => :stylesheet, :to => 'modules/_footer.scss'
36
+ file '../shared/sass/layout/_page.scss', :like => :stylesheet, :to => 'layout/_page.scss'
37
+ file '../shared/sass/state/_page.scss', :like => :stylesheet, :to => 'state/_page.scss'
38
+ file '../shared/sass/state/_header.scss', :like => :stylesheet, :to => 'state/_header.scss'
39
+ file '../shared/sass/state/_footer.scss', :like => :stylesheet, :to => 'state/_footer.scss'
40
+ file '../shared/sass/theme/_page.scss', :like => :stylesheet, :to => 'theme/_page.scss'
36
41
 
37
42
  # Javascript Import
38
43
  # file 'scripts.js', :like => :javascript, :to => 'scripts.js'
39
44
 
40
45
  # HTML Import
41
- file 'pattern-primer.html', :like => :html, :to => "pattern-primer.html"
46
+ file "../shared/patterns/blockquote.html" , :like => :html, :to => "patterns/blockquote.html"
47
+ file "../shared/patterns/colorguide.html" , :like => :html, :to => "patterns/colorguide.html"
48
+ file "../shared/patterns/feedback-error-new.html" , :like => :html, :to => "patterns/feedback-error.html"
49
+ file "../shared/patterns/feedback-warning.html" , :like => :html, :to => "patterns/feedback-warning.html"
50
+ file "../shared/patterns/feedback-new.html" , :like => :html, :to => "patterns/feedback.html"
51
+ file "../shared/patterns/form-buttons-active.html" , :like => :html, :to => "patterns/form-buttons-active.html"
52
+ file "../shared/patterns/form-buttons-all.html" , :like => :html, :to => "patterns/form-buttons-all.html"
53
+ file "../shared/patterns/form-buttons-cancel.html" , :like => :html, :to => "patterns/form-buttons-cancel.html"
54
+ file "../shared/patterns/form-buttons-disabled.html" , :like => :html, :to => "patterns/form-buttons-disabled.html"
55
+ file "../shared/patterns/form-buttons-new.html" , :like => :html, :to => "patterns/form-buttons.html"
56
+ file "../shared/patterns/form-checkbox.html" , :like => :html, :to => "patterns/form-checkbox.html"
57
+ file "../shared/patterns/form-email.html" , :like => :html, :to => "patterns/form-email.html"
58
+ file "../shared/patterns/form-number.html" , :like => :html, :to => "patterns/form-number.html"
59
+ file "../shared/patterns/form-select.html" , :like => :html, :to => "patterns/form-select.html"
60
+ file "../shared/patterns/form-text.html" , :like => :html, :to => "patterns/form-text.html"
61
+ file "../shared/patterns/form-textarea.html" , :like => :html, :to => "patterns/form-textarea.html"
62
+ file "../shared/patterns/form-url.html" , :like => :html, :to => "patterns/form-url.html"
63
+ file "../shared/patterns/headers.html" , :like => :html, :to => "patterns/headers.html"
64
+ file "../shared/patterns/heading-1-p.html" , :like => :html, :to => "patterns/heading-1-p.html"
65
+ file "../shared/patterns/heading-2-p.html" , :like => :html, :to => "patterns/heading-2-p.html"
66
+ file "../shared/patterns/heading-3-p.html" , :like => :html, :to => "patterns/heading-3-p.html"
67
+ file "../shared/patterns/heading-4-p.html" , :like => :html, :to => "patterns/heading-4-p.html"
68
+ file "../shared/patterns/heading-5-p.html" , :like => :html, :to => "patterns/heading-5-p.html"
69
+ file "../shared/patterns/heading-6-p.html" , :like => :html, :to => "patterns/heading-6-p.html"
70
+ file "../shared/patterns/list-ordered.html" , :like => :html, :to => "patterns/list-ordered.html"
71
+ file "../shared/patterns/list-unordered.html" , :like => :html, :to => "patterns/list-unordered.html"
72
+ file "../shared/patterns/pagination-first.html" , :like => :html, :to => "patterns/pagination-first.html"
73
+ file "../shared/patterns/pagination-last.html" , :like => :html, :to => "patterns/pagination-last.html"
74
+ file "../shared/patterns/pagination.html" , :like => :html, :to => "patterns/pagination.html"
75
+ file "../shared/patterns/text-new.html" , :like => :html, :to => "patterns/text.html"
76
+
77
+ # General File Import
78
+ # file 'README.md', :to => "README.md"
79
+ file "../shared/php/pattern-primer.php", :to => "index.php"
42
80
 
43
81
  # General File Import
44
82
  # file 'README.md', :to => "README.md"
@@ -52,6 +90,9 @@ help %Q{
52
90
  # Users will see this when they create a new project using this template.
53
91
  welcome_message %Q{
54
92
  Welcome to Compass Pattern Primer!
93
+
94
+ You have chosen to install the default version of Compass Pattern Primer. You'll find a PHP file index.php in your project. It pulls in HTML snippets (patterns) from the patterns folder. They include the original Adactio patterns and new patterns. Feel free to add your own patterns here. The project version goes beyond Jeremy Keith's original CSS and uses a SMACSS organizing principle.
95
+
55
96
  Documentation: https://github.com/alienresident/compass-pattern-primer
56
97
  Contact: mark@alienresident.net
57
98
  }
@@ -0,0 +1,3 @@
1
+ <blockquote>
2
+ <p>This text is quoted. A block of quoted text like this is particularly useful when presented as a pull-quote within an article of text.</p>
3
+ </blockquote>
@@ -0,0 +1,34 @@
1
+ <article class="color-guide">
2
+ <ul>
3
+ <li data-sass="nth($black, 1)"></li>
4
+ <li data-sass="nth($black, 2)"></li>
5
+ <li data-sass="nth($black, 3)"></li>
6
+ <li data-sass="nth($black, 4)"></li>
7
+ <li data-sass="nth($black, 5)"></li>
8
+ <li data-sass="nth($black, 6)"></li>
9
+ <li data-sass="nth($primary, 1)"></li>
10
+ <li data-sass="nth($primary, 2)"></li>
11
+ <li data-sass="nth($primary, 3)"></li>
12
+ <li data-sass="nth($primary, 4)"></li>
13
+ <li data-sass="nth($primary, 5)"></li>
14
+ <li data-sass="nth($primary, 6)"></li>
15
+ <li data-sass="nth($secondary, 1)"></li>
16
+ <li data-sass="nth($secondary, 2)"></li>
17
+ <li data-sass="nth($secondary, 3)"></li>
18
+ <li data-sass="nth($secondary, 4)"></li>
19
+ <li data-sass="nth($secondary, 5)"></li>
20
+ <li data-sass="nth($secondary, 6)"></li>
21
+ <li data-sass="nth($tertiary, 1)"></li>
22
+ <li data-sass="nth($tertiary, 2)"></li>
23
+ <li data-sass="nth($tertiary, 3)"></li>
24
+ <li data-sass="nth($tertiary, 4)"></li>
25
+ <li data-sass="nth($tertiary, 5)"></li>
26
+ <li data-sass="nth($tertiary, 6)"></li>
27
+ <li data-sass="nth($quadrary, 1)"></li>
28
+ <li data-sass="nth($quadrary, 2)"></li>
29
+ <li data-sass="nth($quadrary, 3)"></li>
30
+ <li data-sass="nth($quadrary, 4)"></li>
31
+ <li data-sass="nth($quadrary, 5)"></li>
32
+ <li data-sass="nth($quadrary, 6)"></li>
33
+ </ul>
34
+ </article>
@@ -0,0 +1,3 @@
1
+ <div class="feedback error">
2
+ <p>This is an warning feedback message. This may contain a <a href="#">link</a>.</p>
3
+ </div>
@@ -0,0 +1,3 @@
1
+ <div class="feedback error">
2
+ <p>This is an error feedback message.</p>
3
+ </div>
@@ -0,0 +1,3 @@
1
+ <div class="feedback">
2
+ <p>This is an warning feedback message. This may contain a <a href="#">link</a>.</p>
3
+ </div>
@@ -0,0 +1,3 @@
1
+ <div class="feedback warning">
2
+ <p>This is an warning feedback message. This may contain a <a href="#">link</a>.</p>
3
+ </div>
@@ -0,0 +1,3 @@
1
+ <div class="feedback">
2
+ <p>This is a feedback message for the user.</p>
3
+ </div>
@@ -0,0 +1,3 @@
1
+ <button class="active">Submit</button>
2
+
3
+ <input type="submit" value="Submit" class="active">
@@ -0,0 +1,4 @@
1
+ <input type="submit" class="active" value="Continue">
2
+ <input type="submit" value="Back">
3
+ <input type="submit" disabled="disabled" value="Disabled">
4
+ <input type="submit" value="Cancel">
@@ -0,0 +1,3 @@
1
+ <button class="cancel">Cancel</button>
2
+
3
+ <input type="submit" value="Cancel" name="eventSubmit_doCancel">
@@ -0,0 +1,3 @@
1
+ <button disabled="disabled" class="active">Disabled</button>
2
+
3
+ <input type="submit" disabled="disabled" class="active" value="Disabled">
@@ -0,0 +1,3 @@
1
+ <button>Button</button>
2
+
3
+ <input type="submit" value="Button">
@@ -0,0 +1,3 @@
1
+ <button>Button element</button>
2
+
3
+ <input type="submit" value="Submit button">
@@ -0,0 +1 @@
1
+ <label><input type="checkbox"> Label text</label>
@@ -0,0 +1,2 @@
1
+ <label>Label text</label>
2
+ <input type="email">
@@ -0,0 +1,2 @@
1
+ <label>Label text</label>
2
+ <input type="number">
@@ -0,0 +1,3 @@
1
+ <select>
2
+ <option>option text</option>
3
+ </select>
@@ -0,0 +1,2 @@
1
+ <label>Label text</label>
2
+ <input type="text">
@@ -0,0 +1,2 @@
1
+ <label>Label text</label>
2
+ <textarea rows="5" cols="20"></textarea>
@@ -0,0 +1,2 @@
1
+ <label>Label text</label>
2
+ <input type="url">
@@ -0,0 +1,6 @@
1
+ <h1>Level one heading</h1>
2
+ <h2>Level two heading</h2>
3
+ <h3>Level three heading</h3>
4
+ <h4>Level four heading</h4>
5
+ <h5>Level five heading</h5>
6
+ <h6>Level six heading</h6>
@@ -0,0 +1,8 @@
1
+ <h1>Level one heading</h1>
2
+ <p>
3
+ There's a voice that keeps on calling me. Down the road, that's where I'll always be. Every stop I make, I make a new friend. Can't stay for long, just turn around and I'm gone again. Maybe tomorrow, I'll want to settle down, Until tomorrow, I'll just keep moving on.
4
+ </p>
5
+
6
+ <p>
7
+ Ten years ago a crack commando unit was sent to prison by a military court for a crime they didn't commit. These men promptly escaped from a maximum security stockade to the Los Angeles underground. Today, still wanted by the government, they survive as soldiers of fortune. If you have a problem and no one else can help, and if you can find them, maybe you can hire the A-team.
8
+ </p>
@@ -0,0 +1 @@
1
+ <h1>Level one heading</h1>
@@ -0,0 +1,8 @@
1
+ <h2>Level two heading</h2>
2
+ <p>
3
+ Top Cat! The most effectual Top Cat! Who's intellectual close friends get to call him T.C., providing it's with dignity. Top Cat! The indisputable leader of the gang. He's the boss, he's a pip, he's the championship. He's the most tip top, Top Cat.
4
+ </p>
5
+
6
+ <p>
7
+ Mutley, you snickering, floppy eared hound. When courage is needed, you're never around. Those medals you wear on your moth-eaten chest should be there for bungling at which you are best. So, stop that pigeon, stop that pigeon, stop that pigeon, stop that pigeon, stop that pigeon, stop that pigeon, stop that pigeon. Howwww! Nab him, jab him, tab him, grab him, stop that pigeon now.
8
+ </p>
@@ -0,0 +1 @@
1
+ <h2>Level two heading</h2>
@@ -0,0 +1,8 @@
1
+ <h3>Level three heading</h3>
2
+ <p>
3
+ The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps. Bawds jog, flick quartz, vex nymphs. Waltz, bad nymph, for quick jigs vex!
4
+ </p>
5
+
6
+ <p>
7
+ Fox nymphs grab quick-jived waltz. Brick quiz whangs jumpy veldt fox. Bright vixens jump; dozy fowl quack. Quick wafting zephyrs vex bold Jim. Quick zephyrs blow, vexing daft Jim. Sex-charged fop blew my junk TV quiz. How quickly daft jumping zebras vex. Two driven jocks help fax my big quiz. Quick, Baz, get my woven flax jodhpurs! "Now fax quiz Jack! " my brave
8
+ </p>
@@ -0,0 +1 @@
1
+ <h3>Level three heading</h3>
@@ -0,0 +1,8 @@
1
+ <h4>Level four heading</h4>
2
+ <p>
3
+ One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections.
4
+ </p>
5
+
6
+ <p>
7
+ The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me? " he thought. It wasn't a dream.
8
+ </p>
@@ -0,0 +1 @@
1
+ <h4>Level four heading</h4>
@@ -0,0 +1,8 @@
1
+ <h5>Level five heading</h5>
2
+ <p>
3
+ Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.
4
+ </p>
5
+
6
+ <p>
7
+ A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life.
8
+ </p>
@@ -0,0 +1 @@
1
+ <h5>Level five heading</h5>
@@ -0,0 +1,8 @@
1
+ <h6>Level six heading</h6>
2
+ <p>
3
+ "The ungracious and ungrateful dog!" cried Starbuck; "he mocks and dares me with the very poor-box I filled for him not five minutes ago!"—then in his old intense whisper—"Give way, greyhounds! Dog to it!"
4
+ </p>
5
+
6
+ <p>
7
+ "I tell ye what it is, men"—cried Stubb to his crew—"it's against my religion to get mad; but I'd like to eat that villainous Yarman—Pull—won't ye? Are ye going to let that rascal beat ye? Do ye love brandy? A hogshead of brandy, then, to the best man. Come, why don't some of ye burst a blood-vessel? Who's that been dropping an anchor overboard—we don't budge an inch—we're becalmed. Halloo, here's grass growing in the boat's bottom—and by the Lord, the mast there's budding. This won't do, boys. Look at that Yarman! The short and long of it is, men, will ye spit fire or not?"
8
+ </p>
@@ -0,0 +1 @@
1
+ <h6>Level six heading</h6>
@@ -0,0 +1,5 @@
1
+ <ol>
2
+ <li>First list item</li>
3
+ <li>Second item in a list of ordered items</li>
4
+ <li>Third item in the list</li>
5
+ </ol>
@@ -0,0 +1,5 @@
1
+ <ul>
2
+ <li>A list item</li>
3
+ <li>Another item in a list</li>
4
+ <li>Yet another item in this list of items</li>
5
+ </ul>
@@ -0,0 +1,12 @@
1
+ <ol class="pagination">
2
+ <li><a>1</a></li>
3
+ <li><a href="#">2</a></li>
4
+ <li><a href="#">3</a></li>
5
+ <li><a href="#">4</a></li>
6
+ <li><a href="#">5</a></li>
7
+ <li><a href="#">6</a></li>
8
+ <li><a href="#">7</a></li>
9
+ <li><a href="#">8</a></li>
10
+ <li><a href="#">9</a></li>
11
+ <li><a href="#">10</a></li>
12
+ </ol>
@@ -0,0 +1,12 @@
1
+ <ol class="pagination">
2
+ <li><a href="#">1</a></li>
3
+ <li><a href="#">2</a></li>
4
+ <li><a href="#">3</a></li>
5
+ <li><a href="#">4</a></li>
6
+ <li><a href="#">5</a></li>
7
+ <li><a href="#">6</a></li>
8
+ <li><a href="#">7</a></li>
9
+ <li><a href="#">8</a></li>
10
+ <li><a href="#">9</a></li>
11
+ <li><a>10</a></li>
12
+ </ol>
@@ -0,0 +1,12 @@
1
+ <ol class="pagination">
2
+ <li><a href="#">1</a></li>
3
+ <li><a href="#">2</a></li>
4
+ <li><a href="#">3</a></li>
5
+ <li><a href="#">4</a></li>
6
+ <li><a>5</a></li>
7
+ <li><a href="#">6</a></li>
8
+ <li><a href="#">7</a></li>
9
+ <li><a href="#">8</a></li>
10
+ <li><a href="#">9</a></li>
11
+ <li><a href="#">10</a></li>
12
+ </ol>
@@ -0,0 +1,67 @@
1
+ <h1>Heri, inquam, ludis commissis ex urbe profectus veni ad vesperum.</h1>
2
+
3
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Dolor ergo, id est summum malum, metuetur semper, etiamsi non aderit; Tu quidem reddes; <a href='http://loripsum.net/' target='_blank'>Quorum sine causa fieri nihil putandum est.</a> Bonum integritas corporis: misera debilitas. Sed virtutem ipsam inchoavit, nihil amplius. Videamus animi partes, quarum est conspectus illustrior; </p>
4
+
5
+ <h2>Duo Reges: constructio interrete.</h2>
6
+
7
+ <p><b>Age, inquies, ista parva sunt.</b> Ac tamen hic mallet non dolere. Vulgo enim dicitur: Iucundi acti labores, nec male Euripidesconcludam, si potero, Latine; Tu enim ista lenius, hic Stoicorum more nos vexat. Id enim volumus, id contendimus, ut officii fructus sit ipsum officium. Octavio fuit, cum illam severitatem in eo filio adhibuit, quem in adoptionem D. Quid igitur dubitamus in tota eius natura quaerere quid sit effectum? Tubulum fuisse, qua illum, cuius is condemnatus est rogatione, P. Modo etiam paulum ad dexteram de via declinavi, ut ad Pericli sepulcrum accederem. Facillimum id quidem est, inquam. </p>
8
+
9
+ <blockquote cite='http://loripsum.net'>
10
+ Videmus in quodam volucrium genere non nulla indicia pietatis, cognitionem, memoriam, in multis etiam desideria videmus.
11
+ </blockquote>
12
+
13
+
14
+ <p>Sed haec quidem liberius ab eo dicuntur et saepius. <b>Facillimum id quidem est, inquam.</b> Non autem hoc: igitur ne illud quidem. Certe nihil nisi quod possit ipsum propter se iure laudari. <i>Tu quidem reddes;</i> Primum in nostrane potestate est, quid meminerimus? Atque haec coniunctio confusioque virtutum tamen a philosophis ratione quadam distinguitur. Itaque eos id agere, ut a se dolores, morbos, debilitates repellant. </p>
15
+
16
+ <ul>
17
+ <li>Sed id ne cogitari quidem potest quale sit, ut non repugnet ipsum sibi.</li>
18
+ <li>Minime id quidem, inquam, alienum, multumque ad ea, quae quaerimus, explicatio tua ista profecerit.</li>
19
+ <li>Quamquam haec quidem praeposita recte et reiecta dicere licebit.</li>
20
+ </ul>
21
+
22
+
23
+ <dl>
24
+ <dt><dfn>Certe non potest.</dfn></dt>
25
+ <dd>In enumerandis autem corporis commodis si quis praetermissam a nobis voluptatem putabit, in aliud tempus ea quaestio differatur.</dd>
26
+ <dt><dfn>ALIO MODO.</dfn></dt>
27
+ <dd>Quod non faceret, si in voluptate summum bonum poneret.</dd>
28
+ </dl>
29
+
30
+
31
+ <ol>
32
+ <li>Tanti autem aderant vesicae et torminum morbi, ut nihil ad eorum magnitudinem posset accedere.</li>
33
+ <li>Eam si varietatem diceres, intellegerem, ut etiam non dicente te intellego;</li>
34
+ <li>Mene ergo et Triarium dignos existimas, apud quos turpiter loquare?</li>
35
+ <li>Qui potest igitur habitare in beata vita summi mali metus?</li>
36
+ </ol>
37
+
38
+
39
+ <pre>
40
+ $(function() {
41
+ var spinner = $( "#spinner" ).spinner();
42
+
43
+ $( "#disable" ).click(function() {
44
+ if ( spinner.spinner( "option", "disabled" ) ) {
45
+ spinner.spinner( "enable" );
46
+ } else {
47
+ spinner.spinner( "disable" );
48
+ }
49
+ });
50
+ $( "#destroy" ).click(function() {
51
+ if ( spinner.data( "ui-spinner" ) ) {
52
+ spinner.spinner( "destroy" );
53
+ } else {
54
+ spinner.spinner();
55
+ }
56
+ });
57
+ $( "#getvalue" ).click(function() {
58
+ alert( spinner.spinner( "value" ) );
59
+ });
60
+ $( "#setvalue" ).click(function() {
61
+ spinner.spinner( "value", 5 );
62
+ });
63
+
64
+ $( "button" ).button();
65
+ });
66
+ http://stackoverflow.com/questions/1218390/what-is-your-most-productive-shortcut-with-vim/1220118#1220118
67
+ </pre>
@@ -0,0 +1 @@
1
+ <p>This is a paragraph of text. Some of the text may be <em>emphasised</em> and some it might even be <strong>strongly emphasised</strong>. Occasionally <q>quoted text</q> may be found within a paragraph &hellip;and of course <a href="#">a link</a> may appear at any point in the text. The average paragraph contains five or six sentences although some may contain as little or one or two while others carry on for anything up to ten sentences and beyond.</p>