toadstool 0.0.0.1 → 0.0.0.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (163) hide show
  1. data/lib/bin/toadstool +80 -33
  2. data/lib/stylesheets/_toadstool-styleguide.scss +33 -0
  3. data/lib/stylesheets/toadstool/_buttons.scss +22 -0
  4. data/lib/stylesheets/toadstool/_config.scss +228 -0
  5. data/lib/stylesheets/toadstool/_design.scss +55 -0
  6. data/lib/stylesheets/toadstool/_forms.scss +18 -0
  7. data/lib/stylesheets/toadstool/_grids.scss +48 -0
  8. data/lib/stylesheets/toadstool/_modules.scss +3 -0
  9. data/{sass → lib/stylesheets/toadstool}/_typography.scss +43 -11
  10. data/lib/stylesheets/toadstool/_ui_patterns.scss +3 -0
  11. data/lib/stylesheets/toadstool/_web_fonts.scss +11 -0
  12. data/lib/stylesheets/toadstool/modules/_footer.scss +7 -0
  13. data/lib/stylesheets/toadstool/modules/_header.scss +41 -0
  14. data/lib/stylesheets/toadstool/modules/_main_nav.scss +49 -0
  15. data/lib/stylesheets/toadstool/ui_patterns/_color_grid.scss +220 -0
  16. data/lib/stylesheets/toadstool/ui_patterns/_emBox.scss +16 -0
  17. data/lib/stylesheets/toadstool/ui_patterns/_prettify.scss +136 -0
  18. data/lib/templates/module/sass/_example_module.scss +4 -0
  19. data/{sass/modules/example_module → lib/templates/module/sass}/_extends.scss +0 -0
  20. data/{sass/modules/example_module → lib/templates/module/sass}/_mixins.scss +0 -0
  21. data/{views/modules/example_module → lib/templates/module/views}/module.erb +0 -0
  22. data/{views/modules/example_module → lib/templates/module/views}/module.js +0 -0
  23. data/{views/modules/example_module → lib/templates/module/views}/view.erb +0 -0
  24. data/{Gemfile → lib/templates/project/Gemfile} +1 -3
  25. data/lib/templates/project/Rakefile +21 -0
  26. data/{config.rb → lib/templates/project/config.rb} +5 -3
  27. data/lib/templates/project/config.ru +8 -0
  28. data/{doc-src → lib/templates/project/doc-src}/SASS-Guidelines.md +0 -0
  29. data/lib/templates/project/doc-src/changelog.md +22 -0
  30. data/{doc-src → lib/templates/project/doc-src}/mit_license.md +0 -0
  31. data/{sass/modules/example_module/readme.md → lib/templates/project/doc-src/module-sass-readme.md} +0 -0
  32. data/{public → lib/templates/project/public}/images/toadstool-logo.png +0 -0
  33. data/{public → lib/templates/project/public}/javascripts/application.js +12 -1
  34. data/lib/templates/project/public/javascripts/jquery-1.8.3.min.js +2 -0
  35. data/{public → lib/templates/project/public}/javascripts/lang-css.js +0 -0
  36. data/{public → lib/templates/project/public}/javascripts/lang-yaml.js +0 -0
  37. data/lib/templates/project/public/javascripts/modernizr-2.6.1.js +1384 -0
  38. data/{public → lib/templates/project/public}/javascripts/modernizr.mods.js +0 -0
  39. data/{public → lib/templates/project/public}/javascripts/prettify.js +0 -0
  40. data/lib/templates/project/readme.md +79 -0
  41. data/lib/templates/project/sass/_buttons.scss +37 -0
  42. data/{sass → lib/templates/project/sass}/_config.scss +81 -74
  43. data/{sass → lib/templates/project/sass}/_design.scss +0 -0
  44. data/lib/templates/project/sass/_forms.scss +41 -0
  45. data/{sass → lib/templates/project/sass}/_reset.scss +0 -0
  46. data/lib/templates/project/sass/_typography.scss +98 -0
  47. data/lib/templates/project/sass/buttons/_extends.scss +3 -0
  48. data/lib/templates/project/sass/buttons/_mixins.scss +2 -0
  49. data/lib/templates/project/sass/color/_color_defaults.scss +98 -0
  50. data/{sass → lib/templates/project/sass}/color/_color_math.scss +1 -1
  51. data/lib/templates/project/sass/color/_extends.scss +109 -0
  52. data/{sass → lib/templates/project/sass}/color/_grayscale_math.scss +0 -0
  53. data/lib/templates/project/sass/color/readme.md +63 -0
  54. data/lib/templates/project/sass/forms/_extends.scss +3 -0
  55. data/lib/templates/project/sass/forms/_mixins.scss +3 -0
  56. data/{sass/_ui_patterns.scss → lib/templates/project/sass/layouts/_example_layout.scss} +0 -0
  57. data/lib/templates/project/sass/readme.md +142 -0
  58. data/{sass → lib/templates/project/sass}/style.scss +6 -10
  59. data/{sass → lib/templates/project/sass}/toadstool.scss +1 -1
  60. data/lib/templates/project/sass/typography/_extends.scss +13 -0
  61. data/lib/templates/project/sass/typography/_mixins.scss +2 -0
  62. data/{sass → lib/templates/project/sass/typography}/_web_fonts.scss +2 -5
  63. data/lib/templates/project/toadstool.rb +94 -0
  64. data/lib/templates/project/views/color_palettes.erb +371 -0
  65. data/lib/templates/project/views/forms.erb +40 -0
  66. data/lib/templates/project/views/forms/disabled_button.erb +18 -0
  67. data/lib/templates/project/views/forms/password_input.erb +22 -0
  68. data/lib/templates/project/views/forms/primary_button.erb +18 -0
  69. data/lib/templates/project/views/forms/readme.md +2 -0
  70. data/{views → lib/templates/project/views}/forms/username_input.erb +0 -0
  71. data/{views → lib/templates/project/views}/grid.erb +0 -0
  72. data/{views → lib/templates/project/views}/grid24.erb +0 -0
  73. data/{views → lib/templates/project/views}/grids/grid_arguments.erb +0 -0
  74. data/{views → lib/templates/project/views}/grids/use_definition.erb +0 -0
  75. data/{views → lib/templates/project/views}/layout.erb +2 -2
  76. data/{views/modules/example_module → lib/templates/project/views/modules}/readme.md +6 -4
  77. data/lib/templates/project/views/shared/_code_toggle.erb +10 -0
  78. data/lib/templates/project/views/shared/_html_example.erb +5 -0
  79. data/{views → lib/templates/project/views}/shared/_main_footer.erb +0 -0
  80. data/{views → lib/templates/project/views}/shared/_main_header.erb +0 -0
  81. data/{views → lib/templates/project/views}/shared/_main_nav.erb +0 -0
  82. data/{views → lib/templates/project/views}/shared/_toadstool_subheader.erb +0 -0
  83. data/lib/templates/project/views/typography.erb +35 -0
  84. data/lib/templates/project/views/typography/body_copy.erb +2 -0
  85. data/{views → lib/templates/project/views}/typography/body_links.erb +0 -0
  86. data/{sass/ui_patterns/_example.scss → lib/templates/project/views/typography/general_typography.erb} +0 -0
  87. data/{views → lib/templates/project/views}/typography/headings.erb +0 -0
  88. data/{views → lib/templates/project/views}/typography/vertical_rhythm.erb +0 -0
  89. data/{views → lib/templates/project/views}/typography/web_fonts.erb +0 -0
  90. data/lib/templates/project/views/ui_patterns/forms/primary_buttons.erb +8 -0
  91. data/lib/templates/project/views/ui_patterns/forms/text_input.erb +11 -0
  92. data/lib/templates/project/views/ui_patterns/forms/text_input_error.erb +11 -0
  93. data/{views → lib/templates/project/views}/ui_patterns/readme.md +4 -3
  94. data/lib/templates/project/views/ui_patterns/typography/_body_copy.erb +2 -0
  95. data/lib/templates/project/views/ui_patterns/typography/_headings.erb +6 -0
  96. data/lib/templates/ui_pattern/sass/_example_pattern.scss +4 -0
  97. data/lib/templates/ui_pattern/sass/_extends.scss +0 -0
  98. data/lib/templates/ui_pattern/sass/_mixins.scss +0 -0
  99. data/{views/ui_patterns → lib/templates/ui_pattern/views}/example.erb +0 -0
  100. data/lib/toadstool.rb +4 -0
  101. data/lib/toadstool/version.rb +3 -0
  102. metadata +120 -109
  103. data/Rakefile +0 -4
  104. data/config.ru +0 -6
  105. data/doc-src/What-Is-Toadstool.md +0 -44
  106. data/doc-src/changelog.md +0 -29
  107. data/doc-src/config.md +0 -18
  108. data/doc-src/mixin_directory.md +0 -17
  109. data/doc-src/sass.md +0 -4
  110. data/lib/RackServer.rb +0 -93
  111. data/public/fonts/fontawesome-webfont.eot +0 -0
  112. data/public/fonts/fontawesome-webfont.svg +0 -255
  113. data/public/fonts/fontawesome-webfont.ttf +0 -0
  114. data/public/fonts/fontawesome-webfont.woff +0 -0
  115. data/public/fonts/zocial-regular-webfont.eot +0 -0
  116. data/public/fonts/zocial-regular-webfont.svg +0 -138
  117. data/public/fonts/zocial-regular-webfont.ttf +0 -0
  118. data/public/fonts/zocial-regular-webfont.woff +0 -0
  119. data/public/javascripts/css_browser_selector.js +0 -8
  120. data/public/javascripts/lang-apollo.js +0 -2
  121. data/public/javascripts/lang-clj.js +0 -18
  122. data/public/javascripts/lang-go.js +0 -1
  123. data/public/javascripts/lang-hs.js +0 -2
  124. data/public/javascripts/lang-lisp.js +0 -3
  125. data/public/javascripts/lang-lua.js +0 -2
  126. data/public/javascripts/lang-ml.js +0 -2
  127. data/public/javascripts/lang-n.js +0 -4
  128. data/public/javascripts/lang-proto.js +0 -1
  129. data/public/javascripts/lang-scala.js +0 -2
  130. data/public/javascripts/lang-sql.js +0 -2
  131. data/public/javascripts/lang-tex.js +0 -1
  132. data/public/javascripts/lang-vb.js +0 -2
  133. data/public/javascripts/lang-vhdl.js +0 -3
  134. data/public/javascripts/lang-wiki.js +0 -2
  135. data/public/javascripts/lang-xq.js +0 -3
  136. data/public/javascripts/selectivizr-min.js +0 -5
  137. data/public/stylesheets/style.css +0 -615
  138. data/public/stylesheets/toadstool.css +0 -1643
  139. data/readme.md +0 -37
  140. data/sass/_buttons.scss +0 -20
  141. data/sass/_forms.scss +0 -18
  142. data/sass/_modules.scss +0 -12
  143. data/sass/buttons/_cupid_config.scss +0 -20
  144. data/sass/buttons/_minimal_config.scss +0 -15
  145. data/sass/color/_extends.scss +0 -291
  146. data/sass/ui_patterns/_color_grid.scss +0 -286
  147. data/toadstool.rb +0 -84
  148. data/views/abstract_colors.erb +0 -1
  149. data/views/alerts.erb +0 -1
  150. data/views/buttons.erb +0 -1
  151. data/views/color_palettes.erb +0 -221
  152. data/views/forms.erb +0 -24
  153. data/views/forms/disabled_button.erb +0 -18
  154. data/views/forms/password_input.erb +0 -22
  155. data/views/forms/primary_button.erb +0 -18
  156. data/views/modules/readme.md +0 -10
  157. data/views/semantic_colors.erb +0 -1
  158. data/views/shared/_html_example.erb +0 -31
  159. data/views/shared/_sass_example.erb +0 -10
  160. data/views/typography.erb +0 -17
  161. data/views/typography/body_copy.erb +0 -19
  162. data/views/typography/general_typography.erb +0 -19
  163. data/views/ui_patterns/forms/text_input.erb +0 -10
@@ -1,10 +0,0 @@
1
- <div class="example_code sassView">
2
- <p class="codeToggle"><a href="#">view</a></p>
3
- <pre class="prettyprint linenums hidden">
4
- <%= File.new(path).read() %>
5
- </pre>
6
- <p><%= path %></p>
7
- <p class="mtime">
8
- Last modified: <%= File.mtime(path) %>
9
- </p>
10
- </div>
data/views/typography.erb DELETED
@@ -1,17 +0,0 @@
1
- <header class="toadstool_header">
2
- <h1>typography</h1>
3
- </header>
4
-
5
- <%= partial :"typography/general_typography" %>
6
-
7
- <%= partial :"typography/web_fonts" %>
8
-
9
- <%= partial :"typography/headings" %>
10
-
11
- <%= partial :"typography/vertical_rhythm" %>
12
-
13
- <%= partial :"typography/body_copy" %>
14
-
15
- <%= partial :"typography/body_links" %>
16
-
17
- <footer class="toadstool_footer"></footer>
@@ -1,19 +0,0 @@
1
- <section id="body_copy">
2
- <header class="toadstool_subheader">
3
- <h2>body copy</h2>
4
- <p>Edit values in the <code>_config.scss</code> file to update standard body copy UI.</p>
5
- </header>
6
- <article class="element_example">
7
- <p>Sapiente enim fingerstache, etsy single-origin coffee truffaut sriracha cupidatat viral hella eiusmod whatever. Salvia deserunt terry richardson nostrud irure marfa. Portland sapiente authentic swag. Anim narwhal exercitation consectetur butcher. Pork belly yr banksy occupy twee consectetur. Sustainable cupidatat eiusmod tumblr pour-over brooklyn keffiyeh, DIY 8-bit ex brunch single-origin coffee duis seitan. Mixtape ea 8-bit ennui, viral voluptate authentic culpa aesthetic occaecat art party.</p>
8
- <p>Master cleanse swag officia selvage ea. Laborum fingerstache non quinoa cliche skateboard aliquip, irony portland. Fixie nihil godard, quis incididunt lomo locavore non quinoa iphone excepteur. Aute mollit food truck, voluptate occupy sed gastropub nostrud banh mi. Narwhal fugiat gluten-free, thundercats ennui lo-fi DIY kale chips nisi. Reprehenderit ea scenester, minim exercitation pork belly ut odd future iphone nostrud nihil. Ethical voluptate seitan high life.</p>
9
- </article>
10
-
11
- <div class="example_code">
12
- <pre class="prettyprint">
13
- &lt;p&gt;Sapiente enim fingerstache, etsy single-origin coffee truffaut sriracha cupidatat viral hella eiusmod whatever. Salvia deserunt terry richardson nostrud irure marfa.&lt;/p&gt;
14
- </pre>
15
- <p>example markup</p>
16
- </div>
17
-
18
-
19
- </section>
@@ -1,19 +0,0 @@
1
- <section id="general_typography">
2
- <header class="toadstool_subheader">
3
- <h2>general typography</h2>
4
- <article>
5
- <p>Much of your Typography has already been addressed with Toadstool. Simply use Toadstool's config file to address your <code>$font_size, $heading_1 - 6, $small_point_size and $large_point_size</code>. As well designate your <code>$primary_font_family, $secondary_font_family and $heading_font_family</code> variables. </p>
6
- <p>It should be noted that Toadstool DOES NOT USE PIXELS for any values. At any time you need use a width/height/size value, use Stipe's <a href="http://goo.gl/rK2Ae" target="_blank">em function</a>, for example: <code>font-size: em(12);</code>. </p>
7
-
8
- <p class="click_more"><a href="#">Read more ...</a></p>
9
-
10
- <div class="read_more hidden">
11
- <p>Stipe's em function takes two arguments, <code>$target</code> and <code>$context</code>. By default <code>$context</code> is set to the <code>$font-size</code> you set in the your <a href="http://goo.gl/PqQSK" target="_blank">config.scss</a> file. The function will take the value of the argument, devide it by the context and convert that to an em vlaue for the final output. </p>
12
- <p>But why the second argument? The gotcha of ems is it's parental relationship. If at any time you redefined the parent font size, you need to redefine the context of this function. For example, if the partent was changed to <code>font-size: em(18);</code> and you wanted a header inside to be 24px, by resetting the context you will get the correct em value, like so: <code>font-size: em(24, 18);</code>.</p>
13
- <p>Stipe also has a rem funciton that works the same way, example: <code>font-size: rem(24);</code> whereas this function takes the initial argument and devides by the font-size set in the <code>&lt;html&gt;</code> selector. Read more on rem from <a href="http://goo.gl/85fhM">snook.ca</a>, but use with caution, no support for IE8 and below.</p>
14
- </div>
15
-
16
- </article>
17
-
18
- </header>
19
- </section>
@@ -1,10 +0,0 @@
1
- <form>
2
- <fieldset>
3
- <ol>
4
- <li>
5
- <label for="general_text">General text input</label>
6
- <input type="text" name="general_text" id="general_text" placeholder="general text" />
7
- </li>
8
- </ol>
9
- </fieldset>
10
- </form>