susy 1.0.9 → 2.0.0.alpha.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (195) hide show
  1. data/CHANGELOG.mkdn +0 -27
  2. data/README.md +4 -87
  3. data/docs/BUGS.md +2 -0
  4. data/docs/Gemfile.lock +142 -0
  5. data/docs/README.md +54 -0
  6. data/docs/config.rb +120 -0
  7. data/docs/lib/guide_helpers.rb +19 -0
  8. data/docs/source/apple-touch-icon-114x114-precomposed.png +0 -0
  9. data/docs/source/apple-touch-icon-144x144-precomposed.png +0 -0
  10. data/docs/source/apple-touch-icon-72x72-precomposed.png +0 -0
  11. data/docs/source/apple-touch-icon-precomposed.png +0 -0
  12. data/docs/source/demos/grid-types.html.md +263 -0
  13. data/docs/source/demos/index.html.md +23 -0
  14. data/docs/source/demos/magic.html.md +320 -0
  15. data/docs/source/favicon.ico +0 -0
  16. data/docs/source/fonts/@Font-Face License.txt +18 -0
  17. data/docs/source/fonts/Baskerville-amp-webfont.eot +0 -0
  18. data/docs/source/fonts/Baskerville-amp-webfont.svg +241 -0
  19. data/docs/source/fonts/Baskerville-amp-webfont.ttf +0 -0
  20. data/docs/source/fonts/Baskerville-amp-webfont.woff +0 -0
  21. data/docs/source/fonts/CenturyOldStyle-Bold-webfont.eot +0 -0
  22. data/docs/source/fonts/CenturyOldStyle-Bold-webfont.svg +240 -0
  23. data/docs/source/fonts/CenturyOldStyle-Bold-webfont.ttf +0 -0
  24. data/docs/source/fonts/CenturyOldStyle-Bold-webfont.woff +0 -0
  25. data/docs/source/fonts/CenturyOldStyle-Italic-webfont.eot +0 -0
  26. data/docs/source/fonts/CenturyOldStyle-Italic-webfont.svg +240 -0
  27. data/docs/source/fonts/CenturyOldStyle-Italic-webfont.ttf +0 -0
  28. data/docs/source/fonts/CenturyOldStyle-Italic-webfont.woff +0 -0
  29. data/docs/source/fonts/CenturyOldStyle-Regular-webfont.eot +0 -0
  30. data/docs/source/fonts/CenturyOldStyle-Regular-webfont.svg +240 -0
  31. data/docs/source/fonts/CenturyOldStyle-Regular-webfont.ttf +0 -0
  32. data/docs/source/fonts/CenturyOldStyle-Regular-webfont.woff +0 -0
  33. data/docs/source/fonts/CenturyOldStyleCaps-Regular-webfont.eot +0 -0
  34. data/docs/source/fonts/CenturyOldStyleCaps-Regular-webfont.svg +240 -0
  35. data/docs/source/fonts/CenturyOldStyleCaps-Regular-webfont.ttf +0 -0
  36. data/docs/source/fonts/CenturyOldStyleCaps-Regular-webfont.woff +0 -0
  37. data/docs/source/fonts/FranklinGothic-Book-webfont.eot +0 -0
  38. data/docs/source/fonts/FranklinGothic-Book-webfont.svg +240 -0
  39. data/docs/source/fonts/FranklinGothic-Book-webfont.ttf +0 -0
  40. data/docs/source/fonts/FranklinGothic-Book-webfont.woff +0 -0
  41. data/docs/source/fonts/FranklinGothic-BookIt-webfont.eot +0 -0
  42. data/docs/source/fonts/FranklinGothic-BookIt-webfont.svg +240 -0
  43. data/docs/source/fonts/FranklinGothic-BookIt-webfont.ttf +0 -0
  44. data/docs/source/fonts/FranklinGothic-BookIt-webfont.woff +0 -0
  45. data/docs/source/fonts/FranklinGothic-Cd-webfont.eot +0 -0
  46. data/docs/source/fonts/FranklinGothic-Cd-webfont.svg +240 -0
  47. data/docs/source/fonts/FranklinGothic-Cd-webfont.ttf +0 -0
  48. data/docs/source/fonts/FranklinGothic-Cd-webfont.woff +0 -0
  49. data/docs/source/fonts/FranklinGothic-CdIt-webfont.eot +0 -0
  50. data/docs/source/fonts/FranklinGothic-CdIt-webfont.svg +240 -0
  51. data/docs/source/fonts/FranklinGothic-CdIt-webfont.ttf +0 -0
  52. data/docs/source/fonts/FranklinGothic-CdIt-webfont.woff +0 -0
  53. data/docs/source/fonts/FranklinGothic-Med-webfont.eot +0 -0
  54. data/docs/source/fonts/FranklinGothic-Med-webfont.svg +240 -0
  55. data/docs/source/fonts/FranklinGothic-Med-webfont.ttf +0 -0
  56. data/docs/source/fonts/FranklinGothic-Med-webfont.woff +0 -0
  57. data/docs/source/fonts/FranklinGothic-MedCd-webfont.eot +0 -0
  58. data/docs/source/fonts/FranklinGothic-MedCd-webfont.svg +240 -0
  59. data/docs/source/fonts/FranklinGothic-MedCd-webfont.ttf +0 -0
  60. data/docs/source/fonts/FranklinGothic-MedCd-webfont.woff +0 -0
  61. data/docs/source/fonts/FranklinGothic-MedCdIt-webfont.eot +0 -0
  62. data/docs/source/fonts/FranklinGothic-MedCdIt-webfont.svg +240 -0
  63. data/docs/source/fonts/FranklinGothic-MedCdIt-webfont.ttf +0 -0
  64. data/docs/source/fonts/FranklinGothic-MedCdIt-webfont.woff +0 -0
  65. data/docs/source/fonts/FranklinGothic-MedIt-webfont.eot +0 -0
  66. data/docs/source/fonts/FranklinGothic-MedIt-webfont.svg +240 -0
  67. data/docs/source/fonts/FranklinGothic-MedIt-webfont.ttf +0 -0
  68. data/docs/source/fonts/FranklinGothic-MedIt-webfont.woff +0 -0
  69. data/docs/source/fonts/License.txt +77 -0
  70. data/docs/source/fonts/susy.eot +0 -0
  71. data/docs/source/fonts/susy.svg +69 -0
  72. data/docs/source/fonts/susy.ttf +0 -0
  73. data/docs/source/fonts/susy.woff +0 -0
  74. data/docs/source/guides/getting-started.html.md +277 -0
  75. data/docs/source/guides/reference.html.md +658 -0
  76. data/docs/source/guides/upgrade-1-0.html.md +286 -0
  77. data/docs/source/humans.txt +45 -0
  78. data/docs/source/images/splash-iphone.png +0 -0
  79. data/docs/source/images/splash-iphone4.png +0 -0
  80. data/docs/source/images/splash-landscape.png +0 -0
  81. data/docs/source/images/splash-portrait.png +0 -0
  82. data/docs/source/index.html.md +87 -0
  83. data/docs/source/javascripts/jquery-1.7.1.min.js +4 -0
  84. data/docs/source/javascripts/jqwidont.js +5 -0
  85. data/docs/source/javascripts/modernizr-2.5.3.min.js +4 -0
  86. data/docs/source/javascripts/modernizr.selectors.js +55 -0
  87. data/docs/source/javascripts/viewport.js +9 -0
  88. data/docs/source/layouts/grid-types.haml +22 -0
  89. data/docs/source/layouts/layout.haml +34 -0
  90. data/docs/source/layouts/magic.haml +28 -0
  91. data/docs/source/partials/_contentinfo.haml +47 -0
  92. data/docs/source/partials/_demonav.haml +2 -0
  93. data/docs/source/partials/_google_analytics.haml +5 -0
  94. data/docs/source/partials/_head.haml +22 -0
  95. data/docs/source/partials/_javascripts.haml +4 -0
  96. data/docs/source/partials/_navigation.haml +15 -0
  97. data/docs/source/sites-using-susy.html.md +29 -0
  98. data/docs/source/stylesheets/_base/_base.scss +23 -0
  99. data/docs/source/stylesheets/_base/_colors.scss +47 -0
  100. data/docs/source/stylesheets/_base/_size.scss +49 -0
  101. data/docs/source/stylesheets/_base/_type.scss +19 -0
  102. data/docs/source/stylesheets/_demos/_demo.scss +28 -0
  103. data/docs/source/stylesheets/_demos/magic/_layout.scss +39 -0
  104. data/docs/source/stylesheets/_demos/magic/_style.scss +104 -0
  105. data/docs/source/stylesheets/_demos/types/_layouts.scss +88 -0
  106. data/docs/source/stylesheets/_demos/types/_template.scss +57 -0
  107. data/docs/source/stylesheets/_general/_century-oldstyle.scss +70 -0
  108. data/docs/source/stylesheets/_general/_font-license.scss +23 -0
  109. data/docs/source/stylesheets/_general/_fonts.scss +26 -0
  110. data/docs/source/stylesheets/_general/_franklin-gothic.scss +112 -0
  111. data/docs/source/stylesheets/_general/_icons.scss +86 -0
  112. data/docs/source/stylesheets/_general/_root.scss +79 -0
  113. data/docs/source/stylesheets/_general/_type.scss +114 -0
  114. data/docs/source/stylesheets/_layout.scss +48 -0
  115. data/docs/source/stylesheets/_modules/_ag-test.scss +59 -0
  116. data/docs/source/stylesheets/_modules/_banner.scss +61 -0
  117. data/docs/source/stylesheets/_modules/_contentinfo.scss +41 -0
  118. data/docs/source/stylesheets/_modules/_intro.scss +53 -0
  119. data/docs/source/stylesheets/_modules/_nav.scss +44 -0
  120. data/docs/source/stylesheets/_modules/_pages.scss +5 -0
  121. data/docs/source/stylesheets/_modules/_secondary.scss +22 -0
  122. data/docs/source/stylesheets/_modules/_toggle.scss +40 -0
  123. data/docs/source/stylesheets/_vendor/pygments/solarized.scss +65 -0
  124. data/docs/source/stylesheets/grid-types.css.scss +6 -0
  125. data/docs/source/stylesheets/magic.css.scss +6 -0
  126. data/docs/source/stylesheets/site.css.scss +27 -0
  127. data/lib/susy.rb +12 -1
  128. data/sass/README.md +33 -0
  129. data/sass/_susy.scss +55 -16
  130. data/sass/susy/_api.scss +39 -0
  131. data/sass/susy/_grids.scss +2 -0
  132. data/sass/susy/_gutters.scss +2 -0
  133. data/sass/susy/_helpers.scss +14 -0
  134. data/sass/susy/_language.scss +3 -0
  135. data/sass/susy/_math.scss +3 -0
  136. data/sass/susy/api/_float.scss +72 -0
  137. data/sass/susy/api/_isolation.scss +16 -0
  138. data/sass/susy/grids/_add.scss +10 -0
  139. data/sass/susy/grids/_find.scss +10 -0
  140. data/sass/susy/gutters/_add.scss +10 -0
  141. data/sass/susy/gutters/_find.scss +10 -0
  142. data/sass/susy/helpers/_background-grid.scss +65 -0
  143. data/sass/susy/helpers/_box-sizing.scss +25 -0
  144. data/sass/susy/helpers/_clearfix.scss +51 -0
  145. data/sass/susy/helpers/_columns.scss +15 -0
  146. data/sass/susy/helpers/_find.scss +63 -0
  147. data/sass/susy/helpers/_sass-lists.scss +71 -0
  148. data/sass/susy/helpers/_span-shared.scss +9 -0
  149. data/sass/susy/language/_parse-add.scss +19 -0
  150. data/sass/susy/language/_parse-list.scss +53 -0
  151. data/sass/susy/language/_span.scss +20 -0
  152. data/sass/susy/math/_columns.scss +70 -0
  153. data/sass/susy/math/_context.scss +3 -0
  154. data/sass/susy/math/_gutters.scss +11 -0
  155. data/templates/box-sizing/behaviors/box-sizing/boxsizing.htc +399 -0
  156. data/templates/box-sizing/behaviors/box-sizing/boxsizing.php +23 -0
  157. data/templates/box-sizing/manifest.rb +4 -0
  158. data/templates/project/README.md +59 -0
  159. data/templates/project/_base.scss +0 -10
  160. data/templates/project/behaviors/box-sizing/boxsizing.htc +399 -0
  161. data/templates/project/behaviors/box-sizing/boxsizing.php +23 -0
  162. data/templates/project/manifest.rb +3 -0
  163. data/templates/project/screen.scss +0 -8
  164. metadata +200 -43
  165. data/Manifest +0 -39
  166. data/Rakefile +0 -19
  167. data/VERSION +0 -1
  168. data/sass/susy/_background.scss +0 -18
  169. data/sass/susy/_functions.scss +0 -376
  170. data/sass/susy/_grid.scss +0 -286
  171. data/sass/susy/_isolation.scss +0 -51
  172. data/sass/susy/_margin.scss +0 -93
  173. data/sass/susy/_media.scss +0 -112
  174. data/sass/susy/_padding.scss +0 -92
  175. data/sass/susy/_settings.scss +0 -56
  176. data/sass/susy/_support.scss +0 -198
  177. data/sass/susy/_units.scss +0 -159
  178. data/susy.gemspec +0 -35
  179. data/test/config.rb +0 -10
  180. data/test/css/background.css +0 -16
  181. data/test/css/bleed.css +0 -20
  182. data/test/css/functions.css +0 -7
  183. data/test/css/grid.css +0 -134
  184. data/test/css/isolation.css +0 -46
  185. data/test/css/margin.css +0 -20
  186. data/test/css/media.css +0 -101
  187. data/test/css/padding.css +0 -12
  188. data/test/scss/background.scss +0 -11
  189. data/test/scss/bleed.scss +0 -19
  190. data/test/scss/functions.scss +0 -15
  191. data/test/scss/grid.scss +0 -77
  192. data/test/scss/isolation.scss +0 -19
  193. data/test/scss/margin.scss +0 -27
  194. data/test/scss/media.scss +0 -50
  195. data/test/scss/padding.scss +0 -19
@@ -1,31 +1,6 @@
1
1
  Susy Changelog
2
2
  ==============
3
3
 
4
- v1.0.9 [June 19, 2013]
5
- ----------------------
6
-
7
- * Fix clearing with `isolate-grid` mixin.
8
- * Allow changing nth-selectors in `isolate-grid` mixin.
9
-
10
- v1.0.8 [March 25, 2013]
11
- -----------------------
12
-
13
- * Fix more edge mixed-unit conflicts with `container-style: static`.
14
-
15
- v1.0.7 [March 19, 2013]
16
- -----------------------
17
-
18
- * Fix edge-case where `$container-style` and `$container-width` cause conflict.
19
-
20
- v1.0.6 [March 18, 2013]
21
- -----------------------
22
-
23
- * Add `isolate` and `isolate-grid` mixins.
24
- * Add `bleed` mixin.
25
- * Add `$style` argument to grid mixins.
26
- * Fix documentation typos.
27
- * Switch from `#` to `*` in legacy-ie hacks.
28
-
29
4
  v1.0.5 [Nov 27, 2012]
30
5
  ---------------------
31
6
 
@@ -292,5 +267,3 @@ older…
292
267
 
293
268
  * not documented here.
294
269
  * check the commit log.
295
- * Susy was created.
296
-
data/README.md CHANGED
@@ -8,17 +8,16 @@ to your end user's super-tablet-multi-magic-lap-phone.
8
8
  You need grids that are powerful, but custom;
9
9
  reliable, but responsive.
10
10
 
11
- Susy grids are fluid on the inside,
12
- ready to respond at any moment,
13
- but contained in the candy shell of your choice,
14
- so they respond how and when and where you want them to.
15
-
16
11
  This isn't another one-size-fits-all grid framework
17
12
  that will make your sites look identical
18
13
  and litter your markup with meaningless "col2of5" jargon.
19
14
  We don't design your site or write your markup,
20
15
  we just do the math and get out of your way.
21
16
 
17
+ We provide a single shared syntax for describing layouts,
18
+ and then let you select your favorite output,
19
+ or build your own.
20
+
22
21
  ## Resources
23
22
  - [Website](http://susy.oddbird.net)
24
23
  - [Changelog](https://github.com/ericam/susy/blob/master/CHANGELOG.mkdn)
@@ -37,85 +36,3 @@ Once you make changes,
37
36
  you can test them by building the gem
38
37
  and installing it somewhere to test.
39
38
  We also have unit tests that you can run.
40
-
41
- ### Building the gem
42
-
43
- You'll need Rake and Echoe installed:
44
-
45
- ```bash
46
- # command line
47
- gem install rake
48
- gem install echoe
49
- ```
50
-
51
- It might be helpful to bump the version number in `VERSION`,
52
- but any changes you make there
53
- should not be committed.
54
-
55
- Then you can build:
56
-
57
- ```bash
58
- # command line
59
- rake build
60
- ```
61
-
62
- Your new gem will appear in
63
- a folder called `pkg`.
64
- You can install it for testing
65
- directly from there.
66
-
67
- ```bash
68
- # command line
69
- gem install <path-to-file>
70
- ```
71
-
72
- ### Building the docs
73
-
74
- If you are adding features
75
- or changing how a current feature works,
76
- your changes should be documented.
77
- Or you might be helping us maintain the docs.
78
- In either case,
79
- you'll need to run the docs dev server
80
- in order to see your changes.
81
-
82
- In the `docs` folder:
83
-
84
- ```bash
85
- # command line
86
- gem install bundler
87
- bundle install
88
- ```
89
-
90
- The site is built with
91
- [middleman](http://middlemanapp.com/).
92
- To run the development server:
93
-
94
- ```bash
95
- # command line
96
- middleman
97
- ```
98
-
99
- The server should now be running at `localhost:4567`.
100
-
101
- Make any changes you need
102
- under the `source` directory,
103
- then commit your changes
104
- and submit a pull request when you are done!
105
-
106
- ### Tests
107
-
108
- The tests we have are very basic at this point.
109
- Simply go into the `test` directory
110
- (with the latest Sass and Compass gems installed)
111
- and run `compass compile --force`.
112
-
113
- There should be no changes.
114
- If there are changes,
115
- go back and find what caused the change.
116
- If the change was intentional,
117
- simply commit the changed test files.
118
- If it was not intentional,
119
- go back and find what caused the problem.
120
-
121
- Use `git diff` to see the changes.
@@ -0,0 +1,2 @@
1
+ Susy Documentation: Bugs
2
+ =====================
@@ -0,0 +1,142 @@
1
+ GIT
2
+ remote: git://github.com/chriseppstein/compass.git
3
+ revision: 7ff38d178cdfd167227dd7ed6bdbc028e9626a0e
4
+ branch: master
5
+ specs:
6
+ compass (0.13.alpha.0.7ff38d1)
7
+ chunky_png (~> 1.2)
8
+ listen (~> 0.5.3)
9
+ sass (~> 3.2.0.alpha.93)
10
+
11
+ GIT
12
+ remote: git://github.com/wbzyl/rack-codehighlighter.git
13
+ revision: 64bf50520cb1d563432832ae30d85bbd94cec5bd
14
+ specs:
15
+ rack-codehighlighter (0.5.0)
16
+ nokogiri (>= 1.4.1)
17
+ rack (>= 1.0.0)
18
+
19
+ PATH
20
+ remote: ../
21
+ specs:
22
+ susy (1.0.static.5)
23
+ compass (>= 0.12.2)
24
+ sass (>= 3.2.0)
25
+
26
+ GEM
27
+ remote: http://rubygems.org/
28
+ specs:
29
+ activesupport (3.2.9)
30
+ i18n (~> 0.6)
31
+ multi_json (~> 1.0)
32
+ chunky_png (1.2.6)
33
+ coffee-script (2.2.0)
34
+ coffee-script-source
35
+ execjs
36
+ coffee-script-source (1.3.3)
37
+ execjs (1.4.0)
38
+ multi_json (~> 1.0)
39
+ ffi (1.2.0)
40
+ haml (3.1.7)
41
+ hike (1.2.1)
42
+ http_router (0.10.2)
43
+ rack (>= 1.0.0)
44
+ url_mount (~> 0.2.1)
45
+ i18n (0.6.1)
46
+ listen (0.5.3)
47
+ maruku (0.6.1)
48
+ syntax (>= 1.0.0)
49
+ middleman (3.0.7)
50
+ middleman-core (= 3.0.7)
51
+ middleman-more (= 3.0.7)
52
+ middleman-sprockets (~> 3.0.2)
53
+ middleman-core (3.0.7)
54
+ activesupport (~> 3.2.6)
55
+ bundler (~> 1.1)
56
+ listen (~> 0.5.2)
57
+ rack (~> 1.4.1)
58
+ rack-test (~> 0.6.1)
59
+ rb-fsevent (~> 0.9.1)
60
+ rb-inotify (~> 0.8.8)
61
+ thor (~> 0.15.4)
62
+ tilt (~> 1.3.1)
63
+ middleman-more (3.0.7)
64
+ coffee-script (~> 2.2.0)
65
+ coffee-script-source (~> 1.3.3)
66
+ compass (>= 0.12.2)
67
+ execjs (~> 1.4.0)
68
+ haml (>= 3.1.6)
69
+ i18n (~> 0.6.0)
70
+ maruku (~> 0.6.0)
71
+ middleman-core (= 3.0.7)
72
+ padrino-helpers (= 0.10.7)
73
+ sass (>= 3.1.20)
74
+ uglifier (~> 1.2.6)
75
+ middleman-sprockets (3.0.5)
76
+ middleman-more (>= 3.0.1)
77
+ sprockets (~> 2.1, < 2.5)
78
+ sprockets-sass (~> 0.9.0)
79
+ modular-scale (1.0.2)
80
+ compass (>= 0.11.5)
81
+ sassy-math (>= 1.2)
82
+ multi_json (1.5.0)
83
+ nokogiri (1.5.6)
84
+ padrino-core (0.10.7)
85
+ activesupport (~> 3.2.0)
86
+ http_router (~> 0.10.2)
87
+ sinatra (~> 1.3.1)
88
+ thor (~> 0.15.2)
89
+ tilt (~> 1.3.0)
90
+ padrino-helpers (0.10.7)
91
+ i18n (~> 0.6)
92
+ padrino-core (= 0.10.7)
93
+ posix-spawn (0.3.6)
94
+ pygments.rb (0.3.3)
95
+ posix-spawn (~> 0.3.6)
96
+ yajl-ruby (~> 1.1.0)
97
+ rack (1.4.1)
98
+ rack-protection (1.3.2)
99
+ rack
100
+ rack-test (0.6.2)
101
+ rack (>= 1.0)
102
+ rb-fsevent (0.9.2)
103
+ rb-inotify (0.8.8)
104
+ ffi (>= 0.5.0)
105
+ redcarpet (2.2.2)
106
+ sass (3.2.3)
107
+ sassy-math (1.2)
108
+ compass (~> 0.11)
109
+ sinatra (1.3.3)
110
+ rack (~> 1.3, >= 1.3.6)
111
+ rack-protection (~> 1.2)
112
+ tilt (~> 1.3, >= 1.3.3)
113
+ sprockets (2.4.5)
114
+ hike (~> 1.2)
115
+ multi_json (~> 1.0)
116
+ rack (~> 1.0)
117
+ tilt (~> 1.1, != 1.3.0)
118
+ sprockets-sass (0.9.1)
119
+ sprockets (~> 2.0)
120
+ tilt (~> 1.1)
121
+ syntax (1.0.0)
122
+ thor (0.15.4)
123
+ tilt (1.3.3)
124
+ uglifier (1.2.7)
125
+ execjs (>= 0.3.0)
126
+ multi_json (~> 1.3)
127
+ url_mount (0.2.1)
128
+ rack
129
+ yajl-ruby (1.1.0)
130
+
131
+ PLATFORMS
132
+ ruby
133
+
134
+ DEPENDENCIES
135
+ compass!
136
+ middleman (~> 3.0.7)
137
+ modular-scale (~> 1.0.2)
138
+ pygments.rb
139
+ rack-codehighlighter!
140
+ redcarpet
141
+ sass (~> 3.2.3)
142
+ susy!
@@ -0,0 +1,54 @@
1
+ # Susy Documenation
2
+
3
+ Susy's documentation source is written with [Middleman](https://github.com/middleman/middleman) (3.x). For the actual documentation on using Susy, visit [Susy's web site](http://susy.oddbird.net/). For help learning Middleman and to contribute to the docs, [visit the Middleman web site](https://github.com/middleman/middleman).
4
+
5
+ ## Editing Susy's Docs
6
+
7
+ Susy's docs are all marked up with (GitHub Flavored) [Markdown](http://daringfireball.net/projects/markdown/syntax), and templated with [HAML](http://haml-lang.com/).
8
+
9
+ ### Adding Content
10
+
11
+ Add all content to the `/docs/source/guides/` directory. All files will take an .html.md extension, and are written with in [Markdown](http://daringfireball.net/projects/markdown/syntax):
12
+
13
+ /docs/source/guides/foobar.html.md
14
+
15
+ All page titles and sidebar content are handled with [YAML](http://yaml.org/) at the top of a specific page. If `title` and/or `side_content` are not defined, defaults will be provided.
16
+
17
+ **Example:** (e.g. `/docs/source/guides/example.html.md`)
18
+
19
+ ---
20
+ title: I'm an awesome title
21
+ side_content: >
22
+ <p>Regular ol' HTML goes here</p>
23
+ <ul>
24
+ <li><a href="#">Include Subnav</a></li>
25
+ </ul>
26
+ ---
27
+
28
+ # Title
29
+
30
+ And some content
31
+
32
+ Note that the `>` in `side_content: >` is required to render HTML.
33
+
34
+ ### Doc-wide Navigation
35
+
36
+ To add a page to the doc-wide navigation, add it to `/docs/source/partials/_navigation.haml`.
37
+
38
+ ### Default URL for /guides/
39
+
40
+ Edit `/docs/source/config.rb` to change the default landing page for `/docs/source/guides/`.
41
+
42
+ ### Indentation
43
+
44
+ As all of Susy's docs use pre-processors that are whitespace-sensitive, please use 2 Soft Tabs for indentation.
45
+
46
+ ### Code Highlighting
47
+
48
+ Susy's docs uses [Rack::Codehighlighter](https://github.com/wbzyl/rack-codehighlighter) (and [pygments.rb](https://github.com/tmm1/pygments.rb)) to automatically highlight Markdown code blocks. You just have to indicate the type in a code block:
49
+
50
+ :::scss
51
+ $total-columns : 12;
52
+ $column-width : 4em;
53
+ $gutter-width : 1em;
54
+ $grid-padding : $gutter-width;
@@ -0,0 +1,120 @@
1
+ ###
2
+ # Helpers
3
+ ###
4
+
5
+ set :markdown, :layout_engine => :haml
6
+ set :markdown_engine, :redcarpet
7
+ set :build_dir, "../../susy-pages/"
8
+
9
+ require 'rack/codehighlighter'
10
+ require "pygments"
11
+ use Rack::Codehighlighter,
12
+ :pygments,
13
+ :element => "pre>code",
14
+ :pattern => /\A:::([-_+\w]+)\s*\n/,
15
+ :markdown => true
16
+
17
+ require "lib/guide_helpers"
18
+ helpers GuideHelpers
19
+
20
+ ###
21
+ # Compass
22
+ ###
23
+
24
+ # Susy grids in Compass
25
+ # First: gem install compass-susy-plugin
26
+ require 'modular-scale'
27
+
28
+ # Change Compass configuration
29
+ # compass_config do |config|
30
+ # config.output_style = :compact
31
+ # end
32
+
33
+ ###
34
+ # Haml
35
+ ###
36
+
37
+ # CodeRay syntax highlighting in Haml
38
+ # First: gem install haml-coderay
39
+ # require 'haml-coderay'
40
+
41
+ # CoffeeScript filters in Haml
42
+ # First: gem install coffee-filter
43
+ # require 'coffee-filter'
44
+
45
+ # Automatic image dimensions on image_tag helper
46
+ # activate :automatic_image_sizes
47
+
48
+ ###
49
+ # Page command
50
+ ###
51
+
52
+ # Per-page layout changes:
53
+ #
54
+ # With no layout
55
+ # page "/path/to/file.html", :layout => false
56
+ #
57
+ # With alternative layout
58
+ # page "/path/to/file.html", :layout => :otherlayout
59
+ #
60
+ # A path which all have the same layout
61
+ # with_layout :admin do
62
+ # page "/admin/*"
63
+ # end
64
+
65
+ page "/demos/magic.html", :layout => "magic"
66
+ page "/demos/grid-types.html", :layout => "grid-types"
67
+
68
+ # Proxy (fake) files
69
+ # page "/this-page-has-no-template.html", :proxy => "/template-file.html" do
70
+ # @which_fake_page = "Rendering a fake page with a variable"
71
+ # end
72
+
73
+ page "/guides/", :proxy => "/guides/getting-started.html"
74
+ page "/tutorial/", :proxy => "/guides/getting-started.html"
75
+
76
+ ###
77
+ # Helpers
78
+ ###
79
+
80
+ # Directory Indexes //need to add to :build?
81
+ activate :directory_indexes
82
+
83
+ # Methods defined in the helpers block are available in templates
84
+ # helpers do
85
+ # def some_helper
86
+ # "Helping"
87
+ # end
88
+ # end
89
+
90
+ # Change the CSS directory
91
+ # set :css_dir, "alternative_css_directory"
92
+
93
+ # Change the JS directory
94
+ # set :js_dir, "alternative_js_directory"
95
+
96
+ # Change the images directory
97
+ # set :images_dir, "alternative_image_directory"
98
+
99
+ # Build-specific configuration
100
+ configure :build do
101
+ # For example, change the Compass output style for deployment
102
+ activate :minify_css
103
+
104
+ # Minify Javascript on build
105
+ activate :minify_javascript
106
+
107
+ # Enable cache buster
108
+ activate :cache_buster
109
+
110
+ # Use relative URLs
111
+ activate :relative_assets
112
+
113
+ # Compress PNGs after build
114
+ # First: gem install middleman-smusher
115
+ # require "middleman-smusher"
116
+ # activate :smusher
117
+
118
+ # Or use a different image path
119
+ # set :http_path, "/Content/images/"
120
+ end