Browse files

wip

  • Loading branch information...
0 parents commit 6eebd604796bee68126eb0a95dc2b1a25ead4082 @tf committed Dec 14, 2012
Showing with 2,529 additions and 0 deletions.
  1. +2 −0 .gitignore
  2. BIN .sass-cache/05a3c53dc2fb755da983fc2b617d85561ef364ab/_new-breakpoint.scssc
  3. BIN .sass-cache/05a3c53dc2fb755da983fc2b617d85561ef364ab/_private.scssc
  4. BIN .sass-cache/05a3c53dc2fb755da983fc2b617d85561ef364ab/_px-to-em.scssc
  5. BIN .sass-cache/1669d7cdce1e861f20e3b05e12112ba49fb046bc/_grid.scssc
  6. BIN .sass-cache/1669d7cdce1e861f20e3b05e12112ba49fb046bc/_visual-grid.scssc
  7. BIN .sass-cache/17dd1a47d1feea608c5104eaffcc96a345db0196/_global-variables.scssc
  8. BIN .sass-cache/17dd1a47d1feea608c5104eaffcc96a345db0196/_grid.scssc
  9. BIN .sass-cache/17dd1a47d1feea608c5104eaffcc96a345db0196/_visual-grid.scssc
  10. BIN .sass-cache/2ac7a11298f676eed0d17e56f0eb70684ae77fe8/_bourbon-deprecated-upcoming.scssc
  11. BIN .sass-cache/2ac7a11298f676eed0d17e56f0eb70684ae77fe8/_bourbon.scssc
  12. BIN .sass-cache/2cb1d82432afdfea21a67e410fb8bf2fc1f72621/main.scssc
  13. BIN .sass-cache/2cb1d82432afdfea21a67e410fb8bf2fc1f72621/sidebar.scssc
  14. BIN .sass-cache/4f6beb99951393af3ab70e437a00abd7d6533adc/_global-variables.scssc
  15. BIN .sass-cache/4f6beb99951393af3ab70e437a00abd7d6533adc/_grid.scssc
  16. BIN .sass-cache/4f6beb99951393af3ab70e437a00abd7d6533adc/_visual-grid.scssc
  17. BIN .sass-cache/5428b770ea3e763e881dc0d716d40825e0fbee77/_neat-helpers.scssc
  18. BIN .sass-cache/5428b770ea3e763e881dc0d716d40825e0fbee77/_neat.scssc
  19. BIN .sass-cache/573dd5aa0084716f42622f3a4128d48c26101d31/_new-breakpoint.scssc
  20. BIN .sass-cache/573dd5aa0084716f42622f3a4128d48c26101d31/_private.scssc
  21. BIN .sass-cache/573dd5aa0084716f42622f3a4128d48c26101d31/_px-to-em.scssc
  22. BIN .sass-cache/59ff016c2c498b33e10d7c8e9c2c13e2aca262c9/_button.scssc
  23. BIN .sass-cache/59ff016c2c498b33e10d7c8e9c2c13e2aca262c9/_clearfix.scssc
  24. BIN .sass-cache/59ff016c2c498b33e10d7c8e9c2c13e2aca262c9/_font-family.scssc
  25. BIN .sass-cache/59ff016c2c498b33e10d7c8e9c2c13e2aca262c9/_hide-text.scssc
  26. BIN .sass-cache/59ff016c2c498b33e10d7c8e9c2c13e2aca262c9/_html5-input-types.scssc
  27. BIN .sass-cache/59ff016c2c498b33e10d7c8e9c2c13e2aca262c9/_position.scssc
  28. BIN .sass-cache/59ff016c2c498b33e10d7c8e9c2c13e2aca262c9/_prefixer.scssc
  29. BIN .sass-cache/59ff016c2c498b33e10d7c8e9c2c13e2aca262c9/_timing-functions.scssc
  30. BIN .sass-cache/71581b351772590a11de9b88e2d697548e9d90c0/_compact.scssc
  31. BIN .sass-cache/71581b351772590a11de9b88e2d697548e9d90c0/_deprecated-webkit-gradient.scssc
  32. BIN .sass-cache/71581b351772590a11de9b88e2d697548e9d90c0/_flex-grid.scssc
  33. BIN .sass-cache/71581b351772590a11de9b88e2d697548e9d90c0/_grid-width.scssc
  34. BIN .sass-cache/71581b351772590a11de9b88e2d697548e9d90c0/_linear-gradient.scssc
  35. BIN .sass-cache/71581b351772590a11de9b88e2d697548e9d90c0/_modular-scale.scssc
  36. BIN .sass-cache/71581b351772590a11de9b88e2d697548e9d90c0/_radial-gradient.scssc
  37. BIN .sass-cache/71581b351772590a11de9b88e2d697548e9d90c0/_render-gradients.scssc
  38. BIN .sass-cache/71581b351772590a11de9b88e2d697548e9d90c0/_tint-shade.scssc
  39. BIN .sass-cache/71581b351772590a11de9b88e2d697548e9d90c0/_transition-property-name.scssc
  40. BIN .sass-cache/7922dff887ae9b690ced89bb34ac7a7e5c3c6131/colors.scssc
  41. BIN .sass-cache/7922dff887ae9b690ced89bb34ac7a7e5c3c6131/grid.scssc
  42. BIN .sass-cache/7922dff887ae9b690ced89bb34ac7a7e5c3c6131/header.scssc
  43. BIN .sass-cache/7922dff887ae9b690ced89bb34ac7a7e5c3c6131/post.scssc
  44. BIN .sass-cache/7922dff887ae9b690ced89bb34ac7a7e5c3c6131/typography.scssc
  45. BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_animation.scssc
  46. BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_appearance.scssc
  47. BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_background-image.scssc
  48. BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_background-size.scssc
  49. BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_background.scssc
  50. BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_border-image.scssc
  51. BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_border-radius.scssc
  52. BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_box-shadow.scssc
  53. BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_box-sizing.scssc
  54. BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_columns.scssc
  55. BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_flex-box.scssc
  56. BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_font-face.scssc
  57. BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_hidpi-media-query.scssc
  58. BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_image-rendering.scssc
  59. BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_inline-block.scssc
  60. BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_linear-gradient.scssc
  61. BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_perspective.scssc
  62. BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_radial-gradient.scssc
  63. BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_transform.scssc
  64. BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_transition.scssc
  65. BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_user-select.scssc
  66. BIN .sass-cache/90b58f4c5889772298ed47dbed6b38e35c93fbc7/_button.scssc
  67. BIN .sass-cache/90b58f4c5889772298ed47dbed6b38e35c93fbc7/_clearfix.scssc
  68. BIN .sass-cache/90b58f4c5889772298ed47dbed6b38e35c93fbc7/_font-family.scssc
  69. BIN .sass-cache/90b58f4c5889772298ed47dbed6b38e35c93fbc7/_hide-text.scssc
  70. BIN .sass-cache/90b58f4c5889772298ed47dbed6b38e35c93fbc7/_html5-input-types.scssc
  71. BIN .sass-cache/90b58f4c5889772298ed47dbed6b38e35c93fbc7/_position.scssc
  72. BIN .sass-cache/90b58f4c5889772298ed47dbed6b38e35c93fbc7/_prefixer.scssc
  73. BIN .sass-cache/90b58f4c5889772298ed47dbed6b38e35c93fbc7/_timing-functions.scssc
  74. BIN .sass-cache/90b594fc0d260b145b25ba30cfaf3f082e0fe4d0/_neat-helpers.scssc
  75. BIN .sass-cache/90b594fc0d260b145b25ba30cfaf3f082e0fe4d0/_neat.scssc
  76. BIN .sass-cache/940d0952b345cb388917cb6697b2d32f5f51bfc3/_grid.scssc
  77. BIN .sass-cache/940d0952b345cb388917cb6697b2d32f5f51bfc3/_visual-grid.scssc
  78. BIN .sass-cache/9cf61dda21e0123c90577180828e410b8c7eb4db/_bourbon-deprecated-upcoming.scssc
  79. BIN .sass-cache/9cf61dda21e0123c90577180828e410b8c7eb4db/_bourbon.scssc
  80. BIN .sass-cache/a7381b2c720f08710dadc1ad4676d4351a9c9284/baseline.scssc
  81. BIN .sass-cache/a7381b2c720f08710dadc1ad4676d4351a9c9284/colors.scssc
  82. BIN .sass-cache/a7381b2c720f08710dadc1ad4676d4351a9c9284/grid.scssc
  83. BIN .sass-cache/a7381b2c720f08710dadc1ad4676d4351a9c9284/header.scssc
  84. BIN .sass-cache/a7381b2c720f08710dadc1ad4676d4351a9c9284/main.scssc
  85. BIN .sass-cache/a7381b2c720f08710dadc1ad4676d4351a9c9284/post.scssc
  86. BIN .sass-cache/a7381b2c720f08710dadc1ad4676d4351a9c9284/sidebar.scssc
  87. BIN .sass-cache/a7381b2c720f08710dadc1ad4676d4351a9c9284/typography.scssc
  88. BIN .sass-cache/c2b39b8d814de00c42170869b1c0519fb724511f/main.scssc
  89. BIN .sass-cache/c2b39b8d814de00c42170869b1c0519fb724511f/sidebar.scssc
  90. BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_animation.scssc
  91. BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_appearance.scssc
  92. BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_background-image.scssc
  93. BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_background-size.scssc
  94. BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_background.scssc
  95. BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_border-image.scssc
  96. BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_border-radius.scssc
  97. BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_box-shadow.scssc
  98. BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_box-sizing.scssc
  99. BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_columns.scssc
  100. BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_flex-box.scssc
  101. BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_font-face.scssc
  102. BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_hidpi-media-query.scssc
  103. BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_image-rendering.scssc
  104. BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_inline-block.scssc
  105. BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_linear-gradient.scssc
  106. BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_perspective.scssc
  107. BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_radial-gradient.scssc
  108. BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_transform.scssc
  109. BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_transition.scssc
  110. BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_user-select.scssc
  111. BIN .sass-cache/f22da650c3f0c89beb2f7f55fc509769892b2a91/_compact.scssc
  112. BIN .sass-cache/f22da650c3f0c89beb2f7f55fc509769892b2a91/_deprecated-webkit-gradient.scssc
  113. BIN .sass-cache/f22da650c3f0c89beb2f7f55fc509769892b2a91/_flex-grid.scssc
  114. BIN .sass-cache/f22da650c3f0c89beb2f7f55fc509769892b2a91/_grid-width.scssc
  115. BIN .sass-cache/f22da650c3f0c89beb2f7f55fc509769892b2a91/_linear-gradient.scssc
  116. BIN .sass-cache/f22da650c3f0c89beb2f7f55fc509769892b2a91/_modular-scale.scssc
  117. BIN .sass-cache/f22da650c3f0c89beb2f7f55fc509769892b2a91/_radial-gradient.scssc
  118. BIN .sass-cache/f22da650c3f0c89beb2f7f55fc509769892b2a91/_render-gradients.scssc
  119. BIN .sass-cache/f22da650c3f0c89beb2f7f55fc509769892b2a91/_tint-shade.scssc
  120. BIN .sass-cache/f22da650c3f0c89beb2f7f55fc509769892b2a91/_transition-property-name.scssc
  121. +10 −0 Gemfile
  122. +47 −0 Gemfile.lock
  123. +11 −0 Rakefile
  124. +1 −0 _config.yml
  125. +3 −0 _includes/head.html
  126. +6 −0 _includes/header.html
  127. +8 −0 _includes/more.html
  128. +10 −0 _includes/other_posts.html
  129. +8 −0 _includes/post.html
  130. +18 −0 _layouts/default.html
  131. +20 −0 _layouts/post.html
  132. +38 −0 _posts/2012-12-12-capistrano-chef-solo-roundsman.md
  133. +36 −0 _posts/2012-12-13-js-error-handling-with-promised.md
  134. +23 −0 _sass/baseline.scss
  135. +3 −0 _sass/bourbon/_bourbon-deprecated-upcoming.scss
  136. +47 −0 _sass/bourbon/_bourbon.scss
  137. +273 −0 _sass/bourbon/addons/_button.scss
  138. +29 −0 _sass/bourbon/addons/_clearfix.scss
  139. +5 −0 _sass/bourbon/addons/_font-family.scss
  140. +15 −0 _sass/bourbon/addons/_hide-text.scss
  141. +56 −0 _sass/bourbon/addons/_html5-input-types.scss
  142. +42 −0 _sass/bourbon/addons/_position.scss
  143. +27 −0 _sass/bourbon/addons/_prefixer.scss
  144. +32 −0 _sass/bourbon/addons/_timing-functions.scss
  145. +52 −0 _sass/bourbon/css3/_animation.scss
  146. +3 −0 _sass/bourbon/css3/_appearance.scss
  147. +44 −0 _sass/bourbon/css3/_background-image.scss
  148. +3 −0 _sass/bourbon/css3/_background-size.scss
  149. +107 −0 _sass/bourbon/css3/_background.scss
  150. +56 −0 _sass/bourbon/css3/_border-image.scss
  151. +22 −0 _sass/bourbon/css3/_border-radius.scss
  152. +3 −0 _sass/bourbon/css3/_box-shadow.scss
  153. +4 −0 _sass/bourbon/css3/_box-sizing.scss
  154. +47 −0 _sass/bourbon/css3/_columns.scss
  155. +52 −0 _sass/bourbon/css3/_flex-box.scss
  156. +21 −0 _sass/bourbon/css3/_font-face.scss
  157. +10 −0 _sass/bourbon/css3/_hidpi-media-query.scss
  158. +13 −0 _sass/bourbon/css3/_image-rendering.scss
  159. +8 −0 _sass/bourbon/css3/_inline-block.scss
  160. +43 −0 _sass/bourbon/css3/_linear-gradient.scss
  161. +8 −0 _sass/bourbon/css3/_perspective.scss
  162. +78 −0 _sass/bourbon/css3/_radial-gradient.scss
  163. +11 −0 _sass/bourbon/css3/_transform.scss
  164. +36 −0 _sass/bourbon/css3/_transition.scss
  165. +3 −0 _sass/bourbon/css3/_user-select.scss
  166. +11 −0 _sass/bourbon/functions/_compact.scss
  167. +44 −0 _sass/bourbon/functions/_deprecated-webkit-gradient.scss
  168. +35 −0 _sass/bourbon/functions/_flex-grid.scss
  169. +13 −0 _sass/bourbon/functions/_grid-width.scss
  170. +6 −0 _sass/bourbon/functions/_linear-gradient.scss
  171. +40 −0 _sass/bourbon/functions/_modular-scale.scss
  172. +57 −0 _sass/bourbon/functions/_radial-gradient.scss
  173. +14 −0 _sass/bourbon/functions/_render-gradients.scss
  174. +9 −0 _sass/bourbon/functions/_tint-shade.scss
  175. +22 −0 _sass/bourbon/functions/_transition-property-name.scss
  176. +26 −0 _sass/main.scss
  177. +15 −0 _sass/main/colors.scss
  178. +50 −0 _sass/main/footer.scss
  179. +31 −0 _sass/main/grid.scss
  180. +48 −0 _sass/main/header.scss
  181. +11 −0 _sass/main/post.scss
  182. +79 −0 _sass/main/typography.scss
  183. +8 −0 _sass/neat/_neat-helpers.scss
  184. +11 −0 _sass/neat/_neat.scss
  185. +16 −0 _sass/neat/functions/_new-breakpoint.scss
  186. +63 −0 _sass/neat/functions/_private.scss
  187. +3 −0 _sass/neat/functions/_px-to-em.scss
  188. +1 −0 _sass/neat/grid/_global-variables.scss
  189. +230 −0 _sass/neat/grid/_grid.scss
  190. +40 −0 _sass/neat/grid/_visual-grid.scss
  191. +6 −0 _sass/neat/settings/_grid.scss
  192. +5 −0 _sass/neat/settings/_visual-grid.scss
  193. BIN assets/images/arrow-right.png
  194. BIN assets/images/asterisk.png
  195. BIN assets/images/atom.png
  196. BIN assets/images/background.png
  197. BIN assets/images/background_dark.png
  198. BIN assets/images/background_light.png
  199. BIN assets/images/github.png
  200. BIN assets/images/logo.png
  201. BIN assets/images/twitter.png
  202. +209 −0 assets/stylesheets/main.css
  203. +26 −0 atom.xml
  204. +6 −0 index.html
2 .gitignore
@@ -0,0 +1,2 @@
+/_site
+/.sass-cache
BIN .sass-cache/05a3c53dc2fb755da983fc2b617d85561ef364ab/_new-breakpoint.scssc
Binary file not shown.
BIN .sass-cache/05a3c53dc2fb755da983fc2b617d85561ef364ab/_private.scssc
Binary file not shown.
BIN .sass-cache/05a3c53dc2fb755da983fc2b617d85561ef364ab/_px-to-em.scssc
Binary file not shown.
BIN .sass-cache/1669d7cdce1e861f20e3b05e12112ba49fb046bc/_grid.scssc
Binary file not shown.
BIN .sass-cache/1669d7cdce1e861f20e3b05e12112ba49fb046bc/_visual-grid.scssc
Binary file not shown.
BIN .sass-cache/17dd1a47d1feea608c5104eaffcc96a345db0196/_global-variables.scssc
Binary file not shown.
BIN .sass-cache/17dd1a47d1feea608c5104eaffcc96a345db0196/_grid.scssc
Binary file not shown.
BIN .sass-cache/17dd1a47d1feea608c5104eaffcc96a345db0196/_visual-grid.scssc
Binary file not shown.
BIN .sass-cache/2ac7a11298f676eed0d17e56f0eb70684ae77fe8/_bourbon-deprecated-upcoming.scssc
Binary file not shown.
BIN .sass-cache/2ac7a11298f676eed0d17e56f0eb70684ae77fe8/_bourbon.scssc
Binary file not shown.
BIN .sass-cache/2cb1d82432afdfea21a67e410fb8bf2fc1f72621/main.scssc
Binary file not shown.
BIN .sass-cache/2cb1d82432afdfea21a67e410fb8bf2fc1f72621/sidebar.scssc
Binary file not shown.
BIN .sass-cache/4f6beb99951393af3ab70e437a00abd7d6533adc/_global-variables.scssc
Binary file not shown.
BIN .sass-cache/4f6beb99951393af3ab70e437a00abd7d6533adc/_grid.scssc
Binary file not shown.
BIN .sass-cache/4f6beb99951393af3ab70e437a00abd7d6533adc/_visual-grid.scssc
Binary file not shown.
BIN .sass-cache/5428b770ea3e763e881dc0d716d40825e0fbee77/_neat-helpers.scssc
Binary file not shown.
BIN .sass-cache/5428b770ea3e763e881dc0d716d40825e0fbee77/_neat.scssc
Binary file not shown.
BIN .sass-cache/573dd5aa0084716f42622f3a4128d48c26101d31/_new-breakpoint.scssc
Binary file not shown.
BIN .sass-cache/573dd5aa0084716f42622f3a4128d48c26101d31/_private.scssc
Binary file not shown.
BIN .sass-cache/573dd5aa0084716f42622f3a4128d48c26101d31/_px-to-em.scssc
Binary file not shown.
BIN .sass-cache/59ff016c2c498b33e10d7c8e9c2c13e2aca262c9/_button.scssc
Binary file not shown.
BIN .sass-cache/59ff016c2c498b33e10d7c8e9c2c13e2aca262c9/_clearfix.scssc
Binary file not shown.
BIN .sass-cache/59ff016c2c498b33e10d7c8e9c2c13e2aca262c9/_font-family.scssc
Binary file not shown.
BIN .sass-cache/59ff016c2c498b33e10d7c8e9c2c13e2aca262c9/_hide-text.scssc
Binary file not shown.
BIN .sass-cache/59ff016c2c498b33e10d7c8e9c2c13e2aca262c9/_html5-input-types.scssc
Binary file not shown.
BIN .sass-cache/59ff016c2c498b33e10d7c8e9c2c13e2aca262c9/_position.scssc
Binary file not shown.
BIN .sass-cache/59ff016c2c498b33e10d7c8e9c2c13e2aca262c9/_prefixer.scssc
Binary file not shown.
BIN .sass-cache/59ff016c2c498b33e10d7c8e9c2c13e2aca262c9/_timing-functions.scssc
Binary file not shown.
BIN .sass-cache/71581b351772590a11de9b88e2d697548e9d90c0/_compact.scssc
Binary file not shown.
BIN .sass-cache/71581b351772590a11de9b88e2d697548e9d90c0/_deprecated-webkit-gradient.scssc
Binary file not shown.
BIN .sass-cache/71581b351772590a11de9b88e2d697548e9d90c0/_flex-grid.scssc
Binary file not shown.
BIN .sass-cache/71581b351772590a11de9b88e2d697548e9d90c0/_grid-width.scssc
Binary file not shown.
BIN .sass-cache/71581b351772590a11de9b88e2d697548e9d90c0/_linear-gradient.scssc
Binary file not shown.
BIN .sass-cache/71581b351772590a11de9b88e2d697548e9d90c0/_modular-scale.scssc
Binary file not shown.
BIN .sass-cache/71581b351772590a11de9b88e2d697548e9d90c0/_radial-gradient.scssc
Binary file not shown.
BIN .sass-cache/71581b351772590a11de9b88e2d697548e9d90c0/_render-gradients.scssc
Binary file not shown.
BIN .sass-cache/71581b351772590a11de9b88e2d697548e9d90c0/_tint-shade.scssc
Binary file not shown.
BIN .sass-cache/71581b351772590a11de9b88e2d697548e9d90c0/_transition-property-name.scssc
Binary file not shown.
BIN .sass-cache/7922dff887ae9b690ced89bb34ac7a7e5c3c6131/colors.scssc
Binary file not shown.
BIN .sass-cache/7922dff887ae9b690ced89bb34ac7a7e5c3c6131/grid.scssc
Binary file not shown.
BIN .sass-cache/7922dff887ae9b690ced89bb34ac7a7e5c3c6131/header.scssc
Binary file not shown.
BIN .sass-cache/7922dff887ae9b690ced89bb34ac7a7e5c3c6131/post.scssc
Binary file not shown.
BIN .sass-cache/7922dff887ae9b690ced89bb34ac7a7e5c3c6131/typography.scssc
Binary file not shown.
BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_animation.scssc
Binary file not shown.
BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_appearance.scssc
Binary file not shown.
BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_background-image.scssc
Binary file not shown.
BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_background-size.scssc
Binary file not shown.
BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_background.scssc
Binary file not shown.
BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_border-image.scssc
Binary file not shown.
BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_border-radius.scssc
Binary file not shown.
BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_box-shadow.scssc
Binary file not shown.
BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_box-sizing.scssc
Binary file not shown.
BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_columns.scssc
Binary file not shown.
BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_flex-box.scssc
Binary file not shown.
BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_font-face.scssc
Binary file not shown.
BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_hidpi-media-query.scssc
Binary file not shown.
BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_image-rendering.scssc
Binary file not shown.
BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_inline-block.scssc
Binary file not shown.
BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_linear-gradient.scssc
Binary file not shown.
BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_perspective.scssc
Binary file not shown.
BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_radial-gradient.scssc
Binary file not shown.
BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_transform.scssc
Binary file not shown.
BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_transition.scssc
Binary file not shown.
BIN .sass-cache/8c197110be70095e91156b91fd00f3b31f4470dd/_user-select.scssc
Binary file not shown.
BIN .sass-cache/90b58f4c5889772298ed47dbed6b38e35c93fbc7/_button.scssc
Binary file not shown.
BIN .sass-cache/90b58f4c5889772298ed47dbed6b38e35c93fbc7/_clearfix.scssc
Binary file not shown.
BIN .sass-cache/90b58f4c5889772298ed47dbed6b38e35c93fbc7/_font-family.scssc
Binary file not shown.
BIN .sass-cache/90b58f4c5889772298ed47dbed6b38e35c93fbc7/_hide-text.scssc
Binary file not shown.
BIN .sass-cache/90b58f4c5889772298ed47dbed6b38e35c93fbc7/_html5-input-types.scssc
Binary file not shown.
BIN .sass-cache/90b58f4c5889772298ed47dbed6b38e35c93fbc7/_position.scssc
Binary file not shown.
BIN .sass-cache/90b58f4c5889772298ed47dbed6b38e35c93fbc7/_prefixer.scssc
Binary file not shown.
BIN .sass-cache/90b58f4c5889772298ed47dbed6b38e35c93fbc7/_timing-functions.scssc
Binary file not shown.
BIN .sass-cache/90b594fc0d260b145b25ba30cfaf3f082e0fe4d0/_neat-helpers.scssc
Binary file not shown.
BIN .sass-cache/90b594fc0d260b145b25ba30cfaf3f082e0fe4d0/_neat.scssc
Binary file not shown.
BIN .sass-cache/940d0952b345cb388917cb6697b2d32f5f51bfc3/_grid.scssc
Binary file not shown.
BIN .sass-cache/940d0952b345cb388917cb6697b2d32f5f51bfc3/_visual-grid.scssc
Binary file not shown.
BIN .sass-cache/9cf61dda21e0123c90577180828e410b8c7eb4db/_bourbon-deprecated-upcoming.scssc
Binary file not shown.
BIN .sass-cache/9cf61dda21e0123c90577180828e410b8c7eb4db/_bourbon.scssc
Binary file not shown.
BIN .sass-cache/a7381b2c720f08710dadc1ad4676d4351a9c9284/baseline.scssc
Binary file not shown.
BIN .sass-cache/a7381b2c720f08710dadc1ad4676d4351a9c9284/colors.scssc
Binary file not shown.
BIN .sass-cache/a7381b2c720f08710dadc1ad4676d4351a9c9284/grid.scssc
Binary file not shown.
BIN .sass-cache/a7381b2c720f08710dadc1ad4676d4351a9c9284/header.scssc
Binary file not shown.
BIN .sass-cache/a7381b2c720f08710dadc1ad4676d4351a9c9284/main.scssc
Binary file not shown.
BIN .sass-cache/a7381b2c720f08710dadc1ad4676d4351a9c9284/post.scssc
Binary file not shown.
BIN .sass-cache/a7381b2c720f08710dadc1ad4676d4351a9c9284/sidebar.scssc
Binary file not shown.
BIN .sass-cache/a7381b2c720f08710dadc1ad4676d4351a9c9284/typography.scssc
Binary file not shown.
BIN .sass-cache/c2b39b8d814de00c42170869b1c0519fb724511f/main.scssc
Binary file not shown.
BIN .sass-cache/c2b39b8d814de00c42170869b1c0519fb724511f/sidebar.scssc
Binary file not shown.
BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_animation.scssc
Binary file not shown.
BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_appearance.scssc
Binary file not shown.
BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_background-image.scssc
Binary file not shown.
BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_background-size.scssc
Binary file not shown.
BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_background.scssc
Binary file not shown.
BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_border-image.scssc
Binary file not shown.
BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_border-radius.scssc
Binary file not shown.
BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_box-shadow.scssc
Binary file not shown.
BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_box-sizing.scssc
Binary file not shown.
BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_columns.scssc
Binary file not shown.
BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_flex-box.scssc
Binary file not shown.
BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_font-face.scssc
Binary file not shown.
BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_hidpi-media-query.scssc
Binary file not shown.
BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_image-rendering.scssc
Binary file not shown.
BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_inline-block.scssc
Binary file not shown.
BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_linear-gradient.scssc
Binary file not shown.
BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_perspective.scssc
Binary file not shown.
BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_radial-gradient.scssc
Binary file not shown.
BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_transform.scssc
Binary file not shown.
BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_transition.scssc
Binary file not shown.
BIN .sass-cache/cc45885c1aa8f401c15d6d5cb5343e2530661c71/_user-select.scssc
Binary file not shown.
BIN .sass-cache/f22da650c3f0c89beb2f7f55fc509769892b2a91/_compact.scssc
Binary file not shown.
BIN .sass-cache/f22da650c3f0c89beb2f7f55fc509769892b2a91/_deprecated-webkit-gradient.scssc
Binary file not shown.
BIN .sass-cache/f22da650c3f0c89beb2f7f55fc509769892b2a91/_flex-grid.scssc
Binary file not shown.
BIN .sass-cache/f22da650c3f0c89beb2f7f55fc509769892b2a91/_grid-width.scssc
Binary file not shown.
BIN .sass-cache/f22da650c3f0c89beb2f7f55fc509769892b2a91/_linear-gradient.scssc
Binary file not shown.
BIN .sass-cache/f22da650c3f0c89beb2f7f55fc509769892b2a91/_modular-scale.scssc
Binary file not shown.
BIN .sass-cache/f22da650c3f0c89beb2f7f55fc509769892b2a91/_radial-gradient.scssc
Binary file not shown.
BIN .sass-cache/f22da650c3f0c89beb2f7f55fc509769892b2a91/_render-gradients.scssc
Binary file not shown.
BIN .sass-cache/f22da650c3f0c89beb2f7f55fc509769892b2a91/_tint-shade.scssc
Binary file not shown.
BIN .sass-cache/f22da650c3f0c89beb2f7f55fc509769892b2a91/_transition-property-name.scssc
Binary file not shown.
10 Gemfile
@@ -0,0 +1,10 @@
+source :rubygems
+
+gem 'rake'
+gem 'jekyll'
+gem 'sass'
+gem 'bourbon'
+gem 'neat'
+
+gem 'listen'
+gem 'rb-inotify', '~> 0.8.8'
47 Gemfile.lock
@@ -0,0 +1,47 @@
+GEM
+ remote: http://rubygems.org/
+ specs:
+ albino (1.3.3)
+ posix-spawn (>= 0.3.6)
+ bourbon (3.0.1)
+ sass (>= 3.2.0)
+ thor
+ classifier (1.3.3)
+ fast-stemmer (>= 1.0.0)
+ directory_watcher (1.4.1)
+ fast-stemmer (1.0.1)
+ ffi (1.2.0)
+ jekyll (0.11.2)
+ albino (~> 1.3)
+ classifier (~> 1.3)
+ directory_watcher (~> 1.1)
+ kramdown (~> 0.13)
+ liquid (~> 2.3)
+ maruku (~> 0.5)
+ kramdown (0.14.1)
+ liquid (2.4.1)
+ listen (0.6.0)
+ maruku (0.6.1)
+ syntax (>= 1.0.0)
+ neat (1.0.2)
+ bourbon (>= 2.1)
+ sass (>= 3.2)
+ posix-spawn (0.3.6)
+ rake (10.0.2)
+ rb-inotify (0.8.8)
+ ffi (>= 0.5.0)
+ sass (3.2.3)
+ syntax (1.0.0)
+ thor (0.16.0)
+
+PLATFORMS
+ ruby
+
+DEPENDENCIES
+ bourbon
+ jekyll
+ listen
+ neat
+ rake
+ rb-inotify (~> 0.8.8)
+ sass
11 Rakefile
@@ -0,0 +1,11 @@
+namespace :watch do
+ desc "watch sass"
+ task :sass do
+ system('bundle exec sass --watch _sass/main.scss:assets/stylesheets/main.css')
+ end
+
+ desc 'watch jekyll'
+ task :jekyll do
+ system('bundle exec jekyll --auto --server')
+ end
+end
1 _config.yml
@@ -0,0 +1 @@
+exclude: ["Gemfile", "Gemfile.lock", "Rakefile"]
3 _includes/head.html
@@ -0,0 +1,3 @@
+<link rel="alternate" href="/atom.xml" title="articles.timfischbach.de" type="application/atom+xml" />
+
+<link rel="stylesheet" href="/assets/stylesheets/main.css">
6 _includes/header.html
@@ -0,0 +1,6 @@
+<header>
+ <hgroup>
+ <h1><a href="/">Articles</a></h1>
+ <h2>written by <a href="http://twitter.com/tfischbach">Tim Fischbach</a></h2>
+ </hgroup>
+</header>
8 _includes/more.html
@@ -0,0 +1,8 @@
+ <section id="more">
+ <h3>More</h3>
+ <ul>
+ <li><a class="atom" href="/atom.xml">Feed</a></li>
+ <li><a class="twitter" href="http://twitter.com/tfischbach">@tfischbach</a></li>
+ <li><a class="github" href="http://github.com/tf">tf</a></li>
+ </ul>
+ </section>
10 _includes/other_posts.html
@@ -0,0 +1,10 @@
+<section id="other">
+ <h3>Other Posts</h3>
+ <ul class="posts">
+ {% for post in site.posts %}
+ <li>
+ <a href="{{ post.url }}">{{ post.title }}</a>
+ </li>
+ {% endfor %}
+ </ul>
+</section>
8 _includes/post.html
@@ -0,0 +1,8 @@
+<article>
+ <h2><a href="{{post.url}}">{{post.title}}</a></h2>
+ <time datetime="{{ post.date | date: "%Y-%m-%d" }}" pubdate>{{ post.date | date: "%d.%m.%Y" }}</time>
+
+ <section>
+ {{post.content | markdownify}}
+ </section>
+</article>
18 _layouts/default.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>articles.timfischbach.de</title>
+ {% include head.html %}
+ </head>
+ <body>
+ <section>
+ {% include header.html %}
+
+ {{content}}
+
+ <footer>
+ {% include more.html %}
+ </footer>
+ </section>
+ </body>
+</html>
20 _layouts/post.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>{{page.title}} - tf.github.com</title>
+ {% include head.html %}
+ </head>
+ <body>
+ <section>
+ {% include header.html %}
+
+ {% assign post = page %}
+ {% include post.html %}
+
+ <footer>
+ {% include more.html %}
+ {% include other_posts.html %}
+ </footer>
+ </section>
+ </body>
+</html>
38 _posts/2012-12-12-capistrano-chef-solo-roundsman.md
@@ -0,0 +1,38 @@
+---
+title: Provisioning with Chef-Solo, Capistrano and Roundsman
+layout: post
+---
+
+Neat automatically removes the last columns's gutter. However, if you
+are queueing more than one row of columns within the same parent
+element, you need to specify which columns are considered last in
+their row to preserve the layout. Use the omega mixin to achieve this.
+
+All the default settings in Neat can be modified, as long as these
+overrides occur before importing Neat (failing to do so will cause the
+framework to use the default values). The most straighforward way to
+achieve this is creating a _grid-settings.scss file in the root of
+your stylesheets folder, then importing it before Neat.
+
+### Why exactly
+
+We built [Neat](http://google.com) with the aim of promoting clean and semantic markup; it
+relies entirely on Sass mixins and does not pollute the HTML with
+presentation classes and extra wrapping divs. It is less explicit—as
+in requires fewer mixins—than most other Sass-based frameworks and
+comes with built-in table-cell layout support.
+
+1. This is the first item.
+2. But there is a second.
+
+And we also want to make use of unordered lists:
+
+* Those look like this.
+* While this is the second item.
+
+Finally we will give `code` examples:
+
+ var json = example.get();
+ return true;
+
+And the the text continues.
36 _posts/2012-12-13-js-error-handling-with-promised.md
@@ -0,0 +1,36 @@
+---
+title: JavaScript Error Handling with Promises
+layout: post
+---
+
+Define a hierarchy of error classes:
+
+ awesome.Error = Class.extend({
+ init: function(message) {
+ this.message = message;
+ }
+ });
+ awesome.FetchError = awesome.Error.extend();
+
+Now when when an error occurs, we simply reject the returned promise
+passing a new instance of one or our error classes:
+
+ awesome.fetch = function () {
+ return new Promise(function(deferred) {
+ ...
+ deferred.reject(new awesome.FetchError('Could not fetch.'));
+ });
+ }
+
+A consumer can handle errors in a declarative manner:
+
+ return awesome.fetch()
+ .pipe(function(result) {
+ return new consumer.Wrapper(result);
+ }
+ .failWith(awesome.FetchError, function(error) {
+ return new consumer.UpdateError({innerError: error});
+ })
+ .fail(function() {
+ // Something else went wrong
+ });
23 _sass/baseline.scss
@@ -0,0 +1,23 @@
+$visual-baseline-grid-height: 0 !default; // Display the baseline grid
+
+@if $visual-baseline-grid-height > 0 {
+ html {
+ position: relative;
+ }
+ html:before {
+ content: '';
+ position: absolute;
+ display: block;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: -1;
+ opacity: 0.2;
+
+ @include background-image(linear-gradient(transparent 0%, transparent 95%, #eee 100%));
+ @include background-size(100% $visual-baseline-grid-height);
+
+ background-position-y: 32px;
+ }
+}
3 _sass/bourbon/_bourbon-deprecated-upcoming.scss
@@ -0,0 +1,3 @@
+//************************************************************************//
+// These mixins/functions will be deprecated in the next MAJOR version release
+//************************************************************************//
47 _sass/bourbon/_bourbon.scss
@@ -0,0 +1,47 @@
+// Custom Functions
+@import "functions/compact";
+@import "functions/deprecated-webkit-gradient";
+@import "functions/flex-grid";
+@import "functions/grid-width";
+@import "functions/linear-gradient";
+@import "functions/modular-scale";
+@import "functions/radial-gradient";
+@import "functions/render-gradients";
+@import "functions/tint-shade";
+@import "functions/transition-property-name";
+
+// CSS3 Mixins
+@import "css3/animation";
+@import "css3/appearance";
+@import "css3/background";
+@import "css3/background-image";
+@import "css3/background-size";
+@import "css3/border-image";
+@import "css3/border-radius";
+@import "css3/box-shadow";
+@import "css3/box-sizing";
+@import "css3/columns";
+@import "css3/flex-box";
+@import "css3/font-face";
+@import "css3/hidpi-media-query";
+@import "css3/image-rendering";
+@import "css3/inline-block";
+@import "css3/linear-gradient";
+@import "css3/perspective";
+@import "css3/radial-gradient";
+@import "css3/transform";
+@import "css3/transition";
+@import "css3/user-select";
+
+// Addons & other mixins
+@import "addons/button";
+@import "addons/clearfix";
+@import "addons/font-family";
+@import "addons/hide-text";
+@import "addons/html5-input-types";
+@import "addons/position";
+@import "addons/prefixer";
+@import "addons/timing-functions";
+
+// Soon to be deprecated Mixins
+@import "bourbon-deprecated-upcoming";
273 _sass/bourbon/addons/_button.scss
@@ -0,0 +1,273 @@
+@mixin button ($style: simple, $base-color: #4294f0) {
+
+ @if type-of($style) == color {
+ $base-color: $style;
+ $style: simple;
+ }
+
+ // Grayscale button
+ @if $base-color == grayscale($base-color) {
+ @if $style == simple {
+ @include simple($base-color, $grayscale: true);
+ }
+
+ @else if $style == shiny {
+ @include shiny($base-color, $grayscale: true);
+ }
+
+ @else if $style == pill {
+ @include pill($base-color, $grayscale: true);
+ }
+ }
+
+ // Colored button
+ @else {
+ @if $style == simple {
+ @include simple($base-color);
+ }
+
+ @else if $style == shiny {
+ @include shiny($base-color);
+ }
+
+ @else if $style == pill {
+ @include pill($base-color);
+ }
+ }
+
+ &:disabled {
+ opacity: 0.5;
+ cursor: not-allowed;
+ }
+}
+
+
+// Simple Button
+//************************************************************************//
+@mixin simple($base-color, $grayscale: false) {
+ $color: hsl(0, 0, 100%);
+ $border: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
+ $inset-shadow: adjust-color($base-color, $saturation: -8%, $lightness: 15%);
+ $stop-gradient: adjust-color($base-color, $saturation: 9%, $lightness: -11%);
+ $text-shadow: adjust-color($base-color, $saturation: 15%, $lightness: -18%);
+
+ @if lightness($base-color) > 70% {
+ $color: hsl(0, 0, 20%);
+ $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
+ }
+
+ @if $grayscale == true {
+ $border: grayscale($border);
+ $inset-shadow: grayscale($inset-shadow);
+ $stop-gradient: grayscale($stop-gradient);
+ $text-shadow: grayscale($text-shadow);
+ }
+
+ border: 1px solid $border;
+ border-radius: 3px;
+ @include box-shadow (inset 0 1px 0 0 $inset-shadow);
+ color: $color;
+ display: inline-block;
+ font-size: 11px;
+ font-weight: bold;
+ @include linear-gradient ($base-color, $stop-gradient);
+ padding: 7px 18px;
+ text-decoration: none;
+ text-shadow: 0 1px 0 $text-shadow;
+ -webkit-background-clip: padding-box;
+
+ &:hover:not(:disabled) {
+ $base-color-hover: adjust-color($base-color, $saturation: -4%, $lightness: -5%);
+ $inset-shadow-hover: adjust-color($base-color, $saturation: -7%, $lightness: 5%);
+ $stop-gradient-hover: adjust-color($base-color, $saturation: 8%, $lightness: -14%);
+
+ @if $grayscale == true {
+ $base-color-hover: grayscale($base-color-hover);
+ $inset-shadow-hover: grayscale($inset-shadow-hover);
+ $stop-gradient-hover: grayscale($stop-gradient-hover);
+ }
+
+ @include box-shadow (inset 0 1px 0 0 $inset-shadow-hover);
+ cursor: pointer;
+ @include linear-gradient ($base-color-hover, $stop-gradient-hover);
+ }
+
+ &:active:not(:disabled) {
+ $border-active: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
+ $inset-shadow-active: adjust-color($base-color, $saturation: 7%, $lightness: -17%);
+
+ @if $grayscale == true {
+ $border-active: grayscale($border-active);
+ $inset-shadow-active: grayscale($inset-shadow-active);
+ }
+
+ border: 1px solid $border-active;
+ @include box-shadow (inset 0 0 8px 4px $inset-shadow-active, inset 0 0 8px 4px $inset-shadow-active, 0 1px 1px 0 #eee);
+ }
+}
+
+
+// Shiny Button
+//************************************************************************//
+@mixin shiny($base-color, $grayscale: false) {
+ $color: hsl(0, 0, 100%);
+ $border: adjust-color($base-color, $red: -117, $green: -111, $blue: -81);
+ $border-bottom: adjust-color($base-color, $red: -126, $green: -127, $blue: -122);
+ $fourth-stop: adjust-color($base-color, $red: -79, $green: -70, $blue: -46);
+ $inset-shadow: adjust-color($base-color, $red: 37, $green: 29, $blue: 12);
+ $second-stop: adjust-color($base-color, $red: -56, $green: -50, $blue: -33);
+ $text-shadow: adjust-color($base-color, $red: -140, $green: -141, $blue: -114);
+ $third-stop: adjust-color($base-color, $red: -86, $green: -75, $blue: -48);
+
+ @if lightness($base-color) > 70% {
+ $color: hsl(0, 0, 20%);
+ $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
+ }
+
+ @if $grayscale == true {
+ $border: grayscale($border);
+ $border-bottom: grayscale($border-bottom);
+ $fourth-stop: grayscale($fourth-stop);
+ $inset-shadow: grayscale($inset-shadow);
+ $second-stop: grayscale($second-stop);
+ $text-shadow: grayscale($text-shadow);
+ $third-stop: grayscale($third-stop);
+ }
+
+ border: 1px solid $border;
+ border-bottom: 1px solid $border-bottom;
+ border-radius: 5px;
+ @include box-shadow(inset 0 1px 0 0 $inset-shadow);
+ color: $color;
+ display: inline-block;
+ font-size: 14px;
+ font-weight: bold;
+ @include linear-gradient(top, $base-color 0%, $second-stop 50%, $third-stop 50%, $fourth-stop 100%);
+ padding: 8px 20px;
+ text-align: center;
+ text-decoration: none;
+ text-shadow: 0 -1px 1px $text-shadow;
+
+ &:hover:not(:disabled) {
+ $first-stop-hover: adjust-color($base-color, $red: -13, $green: -15, $blue: -18);
+ $second-stop-hover: adjust-color($base-color, $red: -66, $green: -62, $blue: -51);
+ $third-stop-hover: adjust-color($base-color, $red: -93, $green: -85, $blue: -66);
+ $fourth-stop-hover: adjust-color($base-color, $red: -86, $green: -80, $blue: -63);
+
+ @if $grayscale == true {
+ $first-stop-hover: grayscale($first-stop-hover);
+ $second-stop-hover: grayscale($second-stop-hover);
+ $third-stop-hover: grayscale($third-stop-hover);
+ $fourth-stop-hover: grayscale($fourth-stop-hover);
+ }
+
+ cursor: pointer;
+ @include linear-gradient(top, $first-stop-hover 0%,
+ $second-stop-hover 50%,
+ $third-stop-hover 50%,
+ $fourth-stop-hover 100%);
+ }
+
+ &:active:not(:disabled) {
+ $inset-shadow-active: adjust-color($base-color, $red: -111, $green: -116, $blue: -122);
+
+ @if $grayscale == true {
+ $inset-shadow-active: grayscale($inset-shadow-active);
+ }
+
+ @include box-shadow(inset 0 0 20px 0 $inset-shadow-active, 0 1px 0 #fff);
+ }
+}
+
+
+// Pill Button
+//************************************************************************//
+@mixin pill($base-color, $grayscale: false) {
+ $color: hsl(0, 0, 100%);
+ $border-bottom: adjust-color($base-color, $hue: 8, $saturation: -11%, $lightness: -26%);
+ $border-sides: adjust-color($base-color, $hue: 4, $saturation: -21%, $lightness: -21%);
+ $border-top: adjust-color($base-color, $hue: -1, $saturation: -30%, $lightness: -15%);
+ $inset-shadow: adjust-color($base-color, $hue: -1, $saturation: -1%, $lightness: 7%);
+ $stop-gradient: adjust-color($base-color, $hue: 8, $saturation: 14%, $lightness: -10%);
+ $text-shadow: adjust-color($base-color, $hue: 5, $saturation: -19%, $lightness: -15%);
+
+ @if lightness($base-color) > 70% {
+ $color: hsl(0, 0, 20%);
+ $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
+ }
+
+ @if $grayscale == true {
+ $border-bottom: grayscale($border-bottom);
+ $border-sides: grayscale($border-sides);
+ $border-top: grayscale($border-top);
+ $inset-shadow: grayscale($inset-shadow);
+ $stop-gradient: grayscale($stop-gradient);
+ $text-shadow: grayscale($text-shadow);
+ }
+
+ border: 1px solid $border-top;
+ border-color: $border-top $border-sides $border-bottom;
+ border-radius: 16px;
+ @include box-shadow(inset 0 1px 0 0 $inset-shadow, 0 1px 2px 0 #b3b3b3);
+ color: $color;
+ display: inline-block;
+ font-size: 11px;
+ font-weight: normal;
+ line-height: 1;
+ @include linear-gradient ($base-color, $stop-gradient);
+ padding: 5px 16px;
+ text-align: center;
+ text-decoration: none;
+ text-shadow: 0 -1px 1px $text-shadow;
+ -webkit-background-clip: padding-box;
+
+ &:hover:not(:disabled) {
+ $base-color-hover: adjust-color($base-color, $lightness: -4.5%);
+ $border-bottom: adjust-color($base-color, $hue: 8, $saturation: 13.5%, $lightness: -32%);
+ $border-sides: adjust-color($base-color, $hue: 4, $saturation: -2%, $lightness: -27%);
+ $border-top: adjust-color($base-color, $hue: -1, $saturation: -17%, $lightness: -21%);
+ $inset-shadow-hover: adjust-color($base-color, $saturation: -1%, $lightness: 3%);
+ $stop-gradient-hover: adjust-color($base-color, $hue: 8, $saturation: -4%, $lightness: -15.5%);
+ $text-shadow-hover: adjust-color($base-color, $hue: 5, $saturation: -5%, $lightness: -22%);
+
+ @if $grayscale == true {
+ $base-color-hover: grayscale($base-color-hover);
+ $border-bottom: grayscale($border-bottom);
+ $border-sides: grayscale($border-sides);
+ $border-top: grayscale($border-top);
+ $inset-shadow-hover: grayscale($inset-shadow-hover);
+ $stop-gradient-hover: grayscale($stop-gradient-hover);
+ $text-shadow-hover: grayscale($text-shadow-hover);
+ }
+
+ border: 1px solid $border-top;
+ border-color: $border-top $border-sides $border-bottom;
+ @include box-shadow(inset 0 1px 0 0 $inset-shadow-hover);
+ cursor: pointer;
+ @include linear-gradient ($base-color-hover, $stop-gradient-hover);
+ text-shadow: 0 -1px 1px $text-shadow-hover;
+ -webkit-background-clip: padding-box;
+ }
+
+ &:active:not(:disabled) {
+ $active-color: adjust-color($base-color, $hue: 4, $saturation: -12%, $lightness: -10%);
+ $border-active: adjust-color($base-color, $hue: 6, $saturation: -2.5%, $lightness: -30%);
+ $border-bottom-active: adjust-color($base-color, $hue: 11, $saturation: 6%, $lightness: -31%);
+ $inset-shadow-active: adjust-color($base-color, $hue: 9, $saturation: 2%, $lightness: -21.5%);
+ $text-shadow-active: adjust-color($base-color, $hue: 5, $saturation: -12%, $lightness: -21.5%);
+
+ @if $grayscale == true {
+ $active-color: grayscale($active-color);
+ $border-active: grayscale($border-active);
+ $border-bottom-active: grayscale($border-bottom-active);
+ $inset-shadow-active: grayscale($inset-shadow-active);
+ $text-shadow-active: grayscale($text-shadow-active);
+ }
+
+ background: $active-color;
+ border: 1px solid $border-active;
+ border-bottom: 1px solid $border-bottom-active;
+ @include box-shadow(inset 0 0 6px 3px $inset-shadow-active, 0 1px 0 0 #fff);
+ text-shadow: 0 -1px 1px $text-shadow-active;
+ }
+}
29 _sass/bourbon/addons/_clearfix.scss
@@ -0,0 +1,29 @@
+// Micro clearfix provides an easy way to contain floats without adding additional markup
+//
+// Example usage:
+//
+// // Contain all floats within .wrapper
+// .wrapper {
+// @include clearfix;
+// .content,
+// .sidebar {
+// float : left;
+// }
+// }
+
+@mixin clearfix {
+ *zoom: 1;
+
+ &:before,
+ &:after {
+ content: " ";
+ display: table;
+ }
+
+ &:after {
+ clear: both;
+ }
+}
+
+// Acknowledgements
+// Micro clearfix: [Nicolas Gallagher](http://nicolasgallagher.com/micro-clearfix-hack/)
5 _sass/bourbon/addons/_font-family.scss
@@ -0,0 +1,5 @@
+$georgia: Georgia, Cambria, "Times New Roman", Times, serif;
+$helvetica: "Helvetica Neue", Helvetica, Arial, sans-serif;
+$lucida-grande: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
+$monospace: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
+$verdana: Verdana, Geneva, sans-serif;
15 _sass/bourbon/addons/_hide-text.scss
@@ -0,0 +1,15 @@
+@mixin hide-text {
+ background-color: transparent;
+ border: 0;
+ color: transparent;
+ font: 0/0 a;
+ text-shadow: none;
+}
+
+// A CSS image replacement method that does not require the use of text-indent.
+//
+// Examples
+//
+// .ir {
+// @include hide-text;
+// }
56 _sass/bourbon/addons/_html5-input-types.scss
@@ -0,0 +1,56 @@
+//************************************************************************//
+// Generate a variable ($all-text-inputs) with a list of all html5
+// input types that have a text-based input, excluding textarea.
+// http://diveintohtml5.org/forms.html
+//************************************************************************//
+$inputs-list: 'input[type="email"]',
+ 'input[type="number"]',
+ 'input[type="password"]',
+ 'input[type="search"]',
+ 'input[type="tel"]',
+ 'input[type="text"]',
+ 'input[type="url"]',
+
+ // Webkit & Gecko may change the display of these in the future
+ 'input[type="color"]',
+ 'input[type="date"]',
+ 'input[type="datetime"]',
+ 'input[type="datetime-local"]',
+ 'input[type="month"]',
+ 'input[type="time"]',
+ 'input[type="week"]';
+
+$unquoted-inputs-list: ();
+@each $input-type in $inputs-list {
+ $unquoted-inputs-list: append($unquoted-inputs-list, unquote($input-type), comma);
+}
+
+$all-text-inputs: $unquoted-inputs-list;
+
+
+// Hover Pseudo-class
+//************************************************************************//
+$all-text-inputs-hover: ();
+@each $input-type in $unquoted-inputs-list {
+ $input-type-hover: $input-type + ":hover";
+ $all-text-inputs-hover: append($all-text-inputs-hover, $input-type-hover, comma);
+}
+
+// Focus Pseudo-class
+//************************************************************************//
+$all-text-inputs-focus: ();
+@each $input-type in $unquoted-inputs-list {
+ $input-type-focus: $input-type + ":focus";
+ $all-text-inputs-focus: append($all-text-inputs-focus, $input-type-focus, comma);
+}
+
+// You must use interpolation on the variable:
+// #{$all-text-inputs}
+// #{$all-text-inputs-hover}
+// #{$all-text-inputs-focus}
+
+// Example
+//************************************************************************//
+// #{$all-text-inputs}, textarea {
+// border: 1px solid red;
+// }
42 _sass/bourbon/addons/_position.scss
@@ -0,0 +1,42 @@
+@mixin position ($position: relative, $coordinates: 0 0 0 0) {
+
+ @if type-of($position) == list {
+ $coordinates: $position;
+ $position: relative;
+ }
+
+ $top: nth($coordinates, 1);
+ $right: nth($coordinates, 2);
+ $bottom: nth($coordinates, 3);
+ $left: nth($coordinates, 4);
+
+ position: $position;
+
+ @if $top == auto {
+ top: $top;
+ }
+ @else if not(unitless($top)) {
+ top: $top;
+ }
+
+ @if $right == auto {
+ right: $right;
+ }
+ @else if not(unitless($right)) {
+ right: $right;
+ }
+
+ @if $bottom == auto {
+ bottom: $bottom;
+ }
+ @else if not(unitless($bottom)) {
+ bottom: $bottom;
+ }
+
+ @if $left == auto {
+ left: $left;
+ }
+ @else if not(unitless($left)) {
+ left: $left;
+ }
+}
27 _sass/bourbon/addons/_prefixer.scss
@@ -0,0 +1,27 @@
+//************************************************************************//
+// Example: @include prefixer(border-radius, $radii, webkit ms spec);
+//************************************************************************//
+@mixin prefixer ($property, $value, $prefixes) {
+
+ @each $prefix in $prefixes {
+
+ @if $prefix == webkit {
+ -webkit-#{$property}: $value;
+ }
+ @else if $prefix == moz {
+ -moz-#{$property}: $value;
+ }
+ @else if $prefix == ms {
+ -ms-#{$property}: $value;
+ }
+ @else if $prefix == o {
+ -o-#{$property}: $value;
+ }
+ @else if $prefix == spec {
+ #{$property}: $value;
+ }
+ @else {
+ @warn "Unrecognized prefix: #{$prefix}";
+ }
+ }
+}
32 _sass/bourbon/addons/_timing-functions.scss
@@ -0,0 +1,32 @@
+// CSS cubic-bezier timing functions. Timing functions courtesy of jquery.easie (github.com/jaukia/easie)
+// Timing functions are the same as demo'ed here: http://jqueryui.com/demos/effect/easing.html
+
+// EASE IN
+$ease-in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530);
+$ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+$ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220);
+$ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+$ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715);
+$ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035);
+$ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335);
+$ease-in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045);
+
+// EASE OUT
+$ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940);
+$ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+$ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000);
+$ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000);
+$ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000);
+$ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000);
+$ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000);
+$ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275);
+
+// EASE IN OUT
+$ease-in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955);
+$ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000);
+$ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000);
+$ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000);
+$ease-in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950);
+$ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000);
+$ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
+$ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550);
52 _sass/bourbon/css3/_animation.scss
@@ -0,0 +1,52 @@
+// http://www.w3.org/TR/css3-animations/#the-animation-name-property-
+// Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties.
+
+// Official animation shorthand property.
+@mixin animation ($animations...) {
+ @include prefixer(animation, $animations, webkit moz spec);
+}
+
+// Individual Animation Properties
+@mixin animation-name ($names...) {
+ @include prefixer(animation-name, $names, webkit moz spec);
+}
+
+
+@mixin animation-duration ($times...) {
+ @include prefixer(animation-duration, $times, webkit moz spec);
+}
+
+
+@mixin animation-timing-function ($motions...) {
+// ease | linear | ease-in | ease-out | ease-in-out
+ @include prefixer(animation-timing-function, $motions, webkit moz spec);
+}
+
+
+@mixin animation-iteration-count ($values...) {
+// infinite | <number>
+ @include prefixer(animation-iteration-count, $values, webkit moz spec);
+}
+
+
+@mixin animation-direction ($directions...) {
+// normal | alternate
+ @include prefixer(animation-direction, $directions, webkit moz spec);
+}
+
+
+@mixin animation-play-state ($states...) {
+// running | paused
+ @include prefixer(animation-play-state, $states, webkit moz spec);
+}
+
+
+@mixin animation-delay ($times...) {
+ @include prefixer(animation-delay, $times, webkit moz spec);
+}
+
+
+@mixin animation-fill-mode ($modes...) {
+// none | forwards | backwards | both
+ @include prefixer(animation-fill-mode, $modes, webkit moz spec);
+}
3 _sass/bourbon/css3/_appearance.scss
@@ -0,0 +1,3 @@
+@mixin appearance ($value) {
+ @include prefixer(appearance, $value, webkit moz ms o spec);
+}
44 _sass/bourbon/css3/_background-image.scss
@@ -0,0 +1,44 @@
+//************************************************************************//
+// Background-image property for adding multiple background images with
+// gradients, or for stringing multiple gradients together.
+//************************************************************************//
+
+@mixin background-image($images...) {
+ background-image: add-prefix($images, webkit);
+ background-image: add-prefix($images, moz);
+ background-image: add-prefix($images, ms);
+ background-image: add-prefix($images, o);
+ background-image: add-prefix($images);
+}
+
+
+@function add-prefix($images, $vendor: false) {
+ $images-prefixed: ();
+
+ @for $i from 1 through length($images) {
+ $type: type-of(nth($images, $i)); // Get type of variable - List or String
+
+ // If variable is a list - Gradient
+ @if $type == list {
+ $gradient-type: nth(nth($images, $i), 1); // Get type of gradient (linear || radial)
+ $gradient-args: nth(nth($images, $i), 2); // Get actual gradient (red, blue)
+
+ $gradient: render-gradients($gradient-args, $gradient-type, $vendor);
+ $images-prefixed: append($images-prefixed, $gradient, comma);
+ }
+
+ // If variable is a string - Image
+ @else if $type == string {
+ $images-prefixed: join($images-prefixed, nth($images, $i), comma);
+ }
+ }
+ @return $images-prefixed;
+}
+
+
+//Examples:
+ //@include background-image(linear-gradient(top, orange, red));
+ //@include background-image(radial-gradient(50% 50%, cover circle, orange, red));
+ //@include background-image(url("/images/a.png"), linear-gradient(orange, red));
+ //@include background-image(url("image.png"), linear-gradient(orange, red), url("image.png"));
+ //@include background-image(linear-gradient(hsla(0, 100%, 100%, 0.25) 0%, hsla(0, 100%, 100%, 0.08) 50%, transparent 50%), linear-gradient(orange, red));
3 _sass/bourbon/css3/_background-size.scss
@@ -0,0 +1,3 @@
+@mixin background-size ($lengths...) {
+ @include prefixer(background-size, $lengths, webkit moz ms o spec);
+}
107 _sass/bourbon/css3/_background.scss
@@ -0,0 +1,107 @@
+//************************************************************************//
+// Background property for adding multiple backgrounds using shorthand
+// notation.
+//************************************************************************//
+
+@mixin background(
+ $background-1 , $background-2: false,
+ $background-3: false, $background-4: false,
+ $background-5: false, $background-6: false,
+ $background-7: false, $background-8: false,
+ $background-9: false, $background-10: false,
+ $fallback: false
+) {
+ $backgrounds: compact($background-1, $background-2,
+ $background-3, $background-4,
+ $background-5, $background-6,
+ $background-7, $background-8,
+ $background-9, $background-10);
+
+ $fallback-color: false;
+ @if (type-of($fallback) == color) or ($fallback == "transparent") {
+ $fallback-color: $fallback;
+ }
+ @else {
+ $fallback-color: extract-background-color($backgrounds);
+ }
+
+ @if $fallback-color {
+ background-color: $fallback-color;
+ }
+ background: background-add-prefix($backgrounds, webkit);
+ background: background-add-prefix($backgrounds, moz);
+ background: background-add-prefix($backgrounds, ms);
+ background: background-add-prefix($backgrounds, o);
+ background: background-add-prefix($backgrounds);
+}
+
+@function extract-background-color($backgrounds) {
+ $final-bg-layer: nth($backgrounds, length($backgrounds));
+ @if type-of($final-bg-layer) == list {
+ @for $i from 1 through length($final-bg-layer) {
+ $value: nth($final-bg-layer, $i);
+ @if type-of($value) == color {
+ @return $value;
+ }
+ }
+ }
+ @return false;
+}
+
+
+@function background-add-prefix($backgrounds, $vendor: false) {
+ $backgrounds-prefixed: ();
+
+ @for $i from 1 through length($backgrounds) {
+ $shorthand: nth($backgrounds, $i); // Get member for current index
+ $type: type-of($shorthand); // Get type of variable - List or String
+
+ // If shorthand is a list
+ @if $type == list {
+ $first-member: nth($shorthand, 1); // Get first member of shorthand
+
+ // Linear Gradient
+ @if index(linear radial, nth($first-member, 1)) {
+ $gradient-type: nth($first-member, 1); // linear || radial
+
+ // Get actual gradient (red, blue)
+ $gradient-args: false;
+ $shorthand-start: false;
+ // Linear gradient and positioning, repeat, etc. values
+ @if type-of($first-member) == list {
+ $gradient-args: nth($first-member, 2);
+ $shorthand-start: 2;
+ }
+ // Linear gradient only
+ @else {
+ $gradient-args: nth($shorthand, 2); // Get actual gradient (red, blue)
+ $shorthand-start: 3;
+ }
+
+ $gradient: render-gradients($gradient-args, $gradient-type, $vendor);
+ @for $j from $shorthand-start through length($shorthand) {
+ $gradient: join($gradient, nth($shorthand, $j), space);
+ }
+ $backgrounds-prefixed: append($backgrounds-prefixed, $gradient, comma);
+ }
+
+ // Image with additional properties
+ @else {
+ $backgrounds-prefixed: append($backgrounds-prefixed, $shorthand, comma);
+ }
+
+ }
+
+ // If shorthand is a simple string, color or image
+ @else if $type == string {
+ $backgrounds-prefixed: join($backgrounds-prefixed, $shorthand, comma);
+ }
+ }
+ @return $backgrounds-prefixed;
+}
+
+//Examples:
+ //@include background(linear-gradient(top, orange, red));
+ //@include background(radial-gradient(50% 50%, cover circle, orange, red));
+ //@include background(url("/images/a.png") no-repeat, linear-gradient(orange, red));
+ //@include background(url("image.png") center center, linear-gradient(orange, red), url("image.png"));
56 _sass/bourbon/css3/_border-image.scss
@@ -0,0 +1,56 @@
+@mixin border-image($images) {
+ -webkit-border-image: border-add-prefix($images, webkit);
+ -moz-border-image: border-add-prefix($images, moz);
+ -o-border-image: border-add-prefix($images, o);
+ border-image: border-add-prefix($images);
+}
+
+@function border-add-prefix($images, $vendor: false) {
+ $border-image: ();
+ $images-type: type-of(nth($images, 1));
+ $first-var: nth(nth($images, 1), 1); // Get type of Gradient (Linear || radial)
+
+ // If input is a gradient
+ @if $images-type == string {
+ @if ($first-var == "linear") or ($first-var == "radial") {
+ @for $i from 2 through length($images) {
+ $gradient-type: nth($images, 1); // Get type of gradient (linear || radial)
+ $gradient-args: nth($images, $i); // Get actual gradient (red, blue)
+ $border-image: render-gradients($gradient-args, $gradient-type, $vendor);
+ }
+ }
+
+ // If input is a URL
+ @else {
+ $border-image: $images;
+ }
+ }
+
+ // If input is gradient or url + additional args
+ @else if $images-type == list {
+ @for $i from 1 through length($images) {
+ $type: type-of(nth($images, $i)); // Get type of variable - List or String
+
+ // If variable is a list - Gradient
+ @if $type == list {
+ $gradient-type: nth(nth($images, $i), 1); // Get type of gradient (linear || radial)
+ $gradient-args: nth(nth($images, $i), 2); // Get actual gradient (red, blue)
+ $border-image: render-gradients($gradient-args, $gradient-type, $vendor);
+ }
+
+ // If variable is a string - Image or number
+ @else if ($type == string) or ($type == number) {
+ $border-image: append($border-image, nth($images, $i));
+ }
+ }
+ }
+ @return $border-image;
+}
+
+//Examples:
+// @include border-image(url("image.png"));
+// @include border-image(url("image.png") 20 stretch);
+// @include border-image(linear-gradient(45deg, orange, yellow));
+// @include border-image(linear-gradient(45deg, orange, yellow) stretch);
+// @include border-image(linear-gradient(45deg, orange, yellow) 20 30 40 50 stretch round);
+// @include border-image(radial-gradient(top, cover, orange, yellow, orange));
22 _sass/bourbon/css3/_border-radius.scss
@@ -0,0 +1,22 @@
+//************************************************************************//
+// Shorthand Border-radius mixins
+//************************************************************************//
+@mixin border-top-radius($radii) {
+ @include prefixer(border-top-left-radius, $radii, spec);
+ @include prefixer(border-top-right-radius, $radii, spec);
+}
+
+@mixin border-bottom-radius($radii) {
+ @include prefixer(border-bottom-left-radius, $radii, spec);
+ @include prefixer(border-bottom-right-radius, $radii, spec);
+}
+
+@mixin border-left-radius($radii) {
+ @include prefixer(border-top-left-radius, $radii, spec);
+ @include prefixer(border-bottom-left-radius, $radii, spec);
+}
+
+@mixin border-right-radius($radii) {
+ @include prefixer(border-top-right-radius, $radii, spec);
+ @include prefixer(border-bottom-right-radius, $radii, spec);
+}
3 _sass/bourbon/css3/_box-shadow.scss
@@ -0,0 +1,3 @@
+@mixin box-shadow ($shadows...) {
+ @include prefixer(box-shadow, $shadows, webkit spec);
+}
4 _sass/bourbon/css3/_box-sizing.scss
@@ -0,0 +1,4 @@
+@mixin box-sizing ($box) {
+// content-box | border-box | inherit
+ @include prefixer(box-sizing, $box, webkit moz spec);
+}
47 _sass/bourbon/css3/_columns.scss
@@ -0,0 +1,47 @@
+@mixin columns($arg: auto) {
+// <column-count> || <column-width>
+ @include prefixer(columns, $arg, webkit moz spec);
+}
+
+@mixin column-count($int: auto) {
+// auto || integer
+ @include prefixer(column-count, $int, webkit moz spec);
+}
+
+@mixin column-gap($length: normal) {
+// normal || length
+ @include prefixer(column-gap, $length, webkit moz spec);
+}
+
+@mixin column-fill($arg: auto) {
+// auto || length
+ @include prefixer(columns-fill, $arg, webkit moz spec);
+}
+
+@mixin column-rule($arg) {
+// <border-width> || <border-style> || <color>
+ @include prefixer(column-rule, $arg, webkit moz spec);
+}
+
+@mixin column-rule-color($color) {
+ @include prefixer(column-rule-color, $color, webkit moz spec);
+}
+
+@mixin column-rule-style($style: none) {
+// none | hidden | dashed | dotted | double | groove | inset | inset | outset | ridge | solid
+ @include prefixer(column-rule-style, $style, webkit moz spec);
+}
+
+@mixin column-rule-width ($width: none) {
+ @include prefixer(column-rule-width, $width, webkit moz spec);
+}
+
+@mixin column-span($arg: none) {
+// none || all
+ @include prefixer(column-span, $arg, webkit moz spec);
+}
+
+@mixin column-width($length: auto) {
+// auto || length
+ @include prefixer(column-width, $length, webkit moz spec);
+}
52 _sass/bourbon/css3/_flex-box.scss
@@ -0,0 +1,52 @@
+// CSS3 Flexible Box Model and property defaults
+
+// Custom shorthand notation for flexbox
+@mixin box($orient: inline-axis, $pack: start, $align: stretch) {
+ @include display-box;
+ @include box-orient($orient);
+ @include box-pack($pack);
+ @include box-align($align);
+}
+
+@mixin display-box {
+ display: -webkit-box;
+ display: -moz-box;
+ display: box;
+}
+
+@mixin box-orient($orient: inline-axis) {
+// horizontal|vertical|inline-axis|block-axis|inherit
+ @include prefixer(box-orient, $orient, webkit moz spec);
+}
+
+@mixin box-pack($pack: start) {
+// start|end|center|justify
+ @include prefixer(box-pack, $pack, webkit moz spec);
+}
+
+@mixin box-align($align: stretch) {
+// start|end|center|baseline|stretch
+ @include prefixer(box-align, $align, webkit moz spec);
+}
+
+@mixin box-direction($direction: normal) {
+// normal|reverse|inherit
+ @include prefixer(box-direction, $direction, webkit moz spec);
+}
+
+@mixin box-lines($lines: single) {
+// single|multiple
+ @include prefixer(box-lines, $lines, webkit moz spec);
+}
+
+@mixin box-ordinal-group($int: 1) {
+ @include prefixer(box-ordinal-group, $int, webkit moz spec);
+}
+
+@mixin box-flex($value: 0.0) {
+ @include prefixer(box-flex, $value, webkit moz spec);
+}
+
+@mixin box-flex-group($int: 1) {
+ @include prefixer(box-flex-group, $int, webkit moz spec);
+}
21 _sass/bourbon/css3/_font-face.scss
@@ -0,0 +1,21 @@
+@mixin font-face($font-family, $file-path, $weight: normal, $style: normal, $asset-pipeline: false ) {
+ @font-face {
+ font-family: $font-family;
+ font-weight: $weight;
+ font-style: $style;
+
+ @if $asset-pipeline == true {
+ src: font-url('#{$file-path}.eot');
+ src: font-url('#{$file-path}.eot?#iefix') format('embedded-opentype'),
+ font-url('#{$file-path}.woff') format('woff'),
+ font-url('#{$file-path}.ttf') format('truetype'),
+ font-url('#{$file-path}.svg##{$font-family}') format('svg');
+ } @else {
+ src: url('#{$file-path}.eot');
+ src: url('#{$file-path}.eot?#iefix') format('embedded-opentype'),
+ url('#{$file-path}.woff') format('woff'),
+ url('#{$file-path}.ttf') format('truetype'),
+ url('#{$file-path}.svg##{$font-family}') format('svg');
+ }
+ }
+}
10 _sass/bourbon/css3/_hidpi-media-query.scss
@@ -0,0 +1,10 @@
+// HiDPI mixin. Default value set to 1.3 to target Google Nexus 7 (http://bjango.com/articles/min-device-pixel-ratio/)
+@mixin hidpi($ratio: 1.3) {
+ @media only screen and (-webkit-min-device-pixel-ratio: $ratio),
+ only screen and (min--moz-device-pixel-ratio: $ratio),
+ only screen and (-o-min-device-pixel-ratio: #{$ratio}/1),
+ only screen and (min-resolution: #{round($ratio*96)}dpi),
+ only screen and (min-resolution: #{$ratio}dppx) {
+ @content;
+ }
+}
13 _sass/bourbon/css3/_image-rendering.scss
@@ -0,0 +1,13 @@
+@mixin image-rendering ($mode:optimizeQuality) {
+
+ @if ($mode == optimize-contrast) {
+ image-rendering: -moz-crisp-edges;
+ image-rendering: -o-crisp-edges;
+ image-rendering: -webkit-optimize-contrast;
+ image-rendering: optimize-contrast;
+ }
+
+ @else {
+ image-rendering: $mode;
+ }
+}
8 _sass/bourbon/css3/_inline-block.scss
@@ -0,0 +1,8 @@
+// Legacy support for inline-block in IE7 (maybe IE6)
+@mixin inline-block {
+ display: inline-block;
+ vertical-align: baseline;
+ zoom: 1;
+ *display: inline;
+ *vertical-align: auto;
+}
43 _sass/bourbon/css3/_linear-gradient.scss
@@ -0,0 +1,43 @@
+@mixin linear-gradient($pos, $G1, $G2: false,
+ $G3: false, $G4: false,
+ $G5: false, $G6: false,
+ $G7: false, $G8: false,
+ $G9: false, $G10: false,
+ $deprecated-pos1: left top,
+ $deprecated-pos2: left bottom,
+ $fallback: false) {
+ // Detect what type of value exists in $pos
+ $pos-type: type-of(nth($pos, 1));
+
+ // If $pos is missing from mixin, reassign vars and add default position
+ @if ($pos-type == color) or (nth($pos, 1) == "transparent") {
+ $G10: $G9; $G9: $G8; $G8: $G7; $G7: $G6; $G6: $G5;
+ $G5: $G4; $G4: $G3; $G3: $G2; $G2: $G1; $G1: $pos;
+ $pos: top; // Default position
+ }
+
+ $full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
+
+ // Set $G1 as the default fallback color
+ $fallback-color: nth($G1, 1);
+
+ // If $fallback is a color use that color as the fallback color
+ @if (type-of($fallback) == color) or ($fallback == "transparent") {
+ $fallback-color: $fallback;
+ }
+
+ background-color: $fallback-color;
+ background-image: deprecated-webkit-gradient(linear, $deprecated-pos1, $deprecated-pos2, $full); // Safari <= 5.0
+ background-image: -webkit-linear-gradient($pos, $full); // Safari 5.1+, Chrome
+ background-image: -moz-linear-gradient($pos, $full);
+ background-image: -ms-linear-gradient($pos, $full);
+ background-image: -o-linear-gradient($pos, $full);
+ background-image: unquote("linear-gradient(#{$pos}, #{$full})");
+}
+
+
+// Usage: Gradient position is optional, default is top. Position can be a degree. Color stops are optional as well.
+// @include linear-gradient(#1e5799, #2989d8);
+// @include linear-gradient(#1e5799, #2989d8, $fallback:#2989d8);
+// @include linear-gradient(top, #1e5799 0%, #2989d8 50%);
+// @include linear-gradient(50deg, rgba(10, 10, 10, 0.5) 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
8 _sass/bourbon/css3/_perspective.scss
@@ -0,0 +1,8 @@
+@mixin perspective($depth: none) {
+ // none | <length>
+ @include prefixer(perspective, $depth, webkit moz o spec);
+}
+
+@mixin perspective-origin($value: 50% 50%) {
+ @include prefixer(perspective-origin, $value, webkit moz o spec);
+}
78 _sass/bourbon/css3/_radial-gradient.scss
@@ -0,0 +1,78 @@
+// Requires Sass 3.1+
+@mixin radial-gradient($G1, $G2,
+ $G3: false, $G4: false,
+ $G5: false, $G6: false,
+ $G7: false, $G8: false,
+ $G9: false, $G10: false,
+ $pos: 50% 50%,
+ $shape-size: ellipse cover,
+ $deprecated-pos1: center center,
+ $deprecated-pos2: center center,
+ $deprecated-radius1: 0,
+ $deprecated-radius2: 460,
+ $fallback: false) {
+
+ @each $value in $G1, $G2 {
+ $first-val: nth($value, 1);
+ $pos-type: type-of($first-val);
+
+ @if ($pos-type != color) or ($first-val != "transparent") {
+ @if ($pos-type == number)
+ or ($first-val == "center")
+ or ($first-val == "top")
+ or ($first-val == "right")
+ or ($first-val == "bottom")
+ or ($first-val == "left") {
+
+ $pos: $value;
+
+ @if $pos == $G1 {
+ $G1: false;
+ }
+ }
+
+ @else if
+ ($first-val == "ellipse")
+ or ($first-val == "circle")
+ or ($first-val == "closest-side")
+ or ($first-val == "closest-corner")
+ or ($first-val == "farthest-side")
+ or ($first-val == "farthest-corner")
+ or ($first-val == "contain")
+ or ($first-val == "cover") {
+
+ $shape-size: $value;
+
+ @if $value == $G1 {
+ $G1: false;
+ }
+
+ @else if $value == $G2 {
+ $G2: false;
+ }
+ }
+ }
+ }
+
+ $full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
+
+ // Set $G1 as the default fallback color
+ $first-color: nth($full, 1);
+ $fallback-color: nth($first-color, 1);
+
+ @if (type-of($fallback) == color) or ($fallback == "transparent") {
+ $fallback-color: $fallback;
+ }
+
+ background-color: $fallback-color;
+ background-image: deprecated-webkit-gradient(radial, $deprecated-pos1, $deprecated-pos2, $full, $deprecated-radius1, $deprecated-radius2); // Safari <= 5.0
+ background-image: -webkit-radial-gradient($pos, $shape-size, $full);
+ background-image: -moz-radial-gradient($pos, $shape-size, $full);
+ background-image: -ms-radial-gradient($pos, $shape-size, $full);
+ background-image: -o-radial-gradient($pos, $shape-size, $full);
+ background-image: unquote("radial-gradient(#{$pos}, #{$shape-size}, #{$full})");