refills 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (260) hide show
  1. checksums.yaml +6 -14
  2. data/NEWS.md +12 -0
  3. data/README.md +84 -6
  4. data/config.rb +10 -6
  5. data/lib/refills/import_generator.rb +2 -0
  6. data/lib/refills/list_generator.rb +2 -0
  7. data/lib/refills/version.rb +1 -1
  8. data/pkg/refills-0.0.1.gem +0 -0
  9. data/refills.gemspec +1 -1
  10. data/source/CNAME +1 -0
  11. data/source/_accordion-tabs-minimal.html.erb +48 -0
  12. data/source/_accordion-tabs.html.erb +26 -26
  13. data/source/_accordion.html.erb +9 -9
  14. data/source/_badges.html.erb +7 -5
  15. data/source/_breadcrumbs.html.erb +6 -7
  16. data/source/_button-group.html.erb +3 -4
  17. data/source/_cards.html.erb +42 -9
  18. data/source/_comment.html.erb +21 -0
  19. data/source/_footer-2.html.erb +29 -0
  20. data/source/_footer.html.erb +26 -27
  21. data/source/_grid-items-lines.html.erb +44 -0
  22. data/source/_grid-items.html.erb +37 -0
  23. data/source/_hero.html.erb +4 -5
  24. data/source/_hover-tile-animation.html.erb +11 -0
  25. data/source/_icon-bullet-points.html.erb +29 -0
  26. data/source/_image-gradient-dynamic.html.erb +7 -0
  27. data/source/_image-gradient.html.erb +6 -0
  28. data/source/_modal.html.erb +5 -25
  29. data/source/_navigation.html.erb +38 -15
  30. data/source/_progress-bar-indication.html.erb +5 -0
  31. data/source/_search-bar.html.erb +4 -4
  32. data/source/_sliding-menu.html.erb +23 -13
  33. data/source/_snippet.html.erb +4 -5
  34. data/source/_snippets.html.erb +7 -0
  35. data/source/_switch.html.erb +7 -0
  36. data/source/_tables-minimal.html.erb +31 -0
  37. data/source/_tooltip.html.erb +5 -3
  38. data/source/_type-system-content.html.erb +11 -0
  39. data/source/_type-system-geometric.html.erb +8 -0
  40. data/source/_type-system-rounded.html.erb +8 -0
  41. data/source/_type-system-sans.html.erb +8 -0
  42. data/source/_type-system-serif.html.erb +9 -0
  43. data/source/_type-system-slab.html.erb +8 -0
  44. data/source/_type-system-traditional.html.erb +8 -0
  45. data/source/_vertical-tabs.html.erb +39 -40
  46. data/source/fonts/Fairview_Regular.otf +0 -0
  47. data/source/fonts/Fairview_SmallCaps.otf +0 -0
  48. data/source/fonts/PoetsenOne-Regular.ttf +0 -0
  49. data/source/images/Octocat.png +0 -0
  50. data/source/images/ZeroClipboard.swf +0 -0
  51. data/source/images/cat.png +0 -0
  52. data/source/images/menu.png +0 -0
  53. data/source/index.html.erb +243 -141
  54. data/source/javascripts/all.js +9 -0
  55. data/source/javascripts/jquery.erToc.js +477 -0
  56. data/source/javascripts/jquery.glide.js +941 -0
  57. data/source/layouts/layout.erb +16 -3
  58. data/source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_deprecated-webkit-gradient.scssc +0 -0
  59. data/source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_gradient-positions-parser.scssc +0 -0
  60. data/source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_linear-positions-parser.scssc +0 -0
  61. data/source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_radial-arg-parser.scssc +0 -0
  62. data/source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_radial-positions-parser.scssc +0 -0
  63. data/source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_render-gradients.scssc +0 -0
  64. data/source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_shape-size-stripper.scssc +0 -0
  65. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_fill-parent.scssc +0 -0
  66. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_grid.scssc +0 -0
  67. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_media.scssc +0 -0
  68. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_omega.scssc +0 -0
  69. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_outer-container.scssc +0 -0
  70. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_pad.scssc +0 -0
  71. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_private.scssc +0 -0
  72. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_reset.scssc +0 -0
  73. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_row.scssc +0 -0
  74. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_shift.scssc +0 -0
  75. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_span-columns.scssc +0 -0
  76. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_to-deprecate.scssc +0 -0
  77. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_visual-grid.scssc +0 -0
  78. data/source/stylesheets/.sass-cache/3c5af5c36664454ea95f8284b8f46c4539020663/_neat-helpers.scssc +0 -0
  79. data/source/stylesheets/.sass-cache/3c5af5c36664454ea95f8284b8f46c4539020663/_neat.scssc +0 -0
  80. data/source/stylesheets/.sass-cache/5d5301b1b4de0f4b931a707c7390ccdbbf02bc5c/_bourbon-deprecated-upcoming.scssc +0 -0
  81. data/source/stylesheets/.sass-cache/5d5301b1b4de0f4b931a707c7390ccdbbf02bc5c/_bourbon.scssc +0 -0
  82. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_bitters.scssc +0 -0
  83. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_flashes.scssc +0 -0
  84. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_forms.scssc +0 -0
  85. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_grid-settings.scssc +0 -0
  86. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_lists.scssc +0 -0
  87. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_tables.scssc +0 -0
  88. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_typography.scssc +0 -0
  89. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_variables.scssc +0 -0
  90. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_accordion-tabs.scssc +0 -0
  91. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_accordion.scssc +0 -0
  92. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_badges.scssc +0 -0
  93. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_breadcrumbs.scssc +0 -0
  94. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_button-group.scssc +0 -0
  95. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_cards.scssc +0 -0
  96. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_dashboard.scssc +0 -0
  97. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_dropdown-menu.scssc +0 -0
  98. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_footer.scssc +0 -0
  99. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_hero.scssc +0 -0
  100. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_image-cards.scssc +0 -0
  101. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_image-gradient.scssc +0 -0
  102. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_info-section.scssc +0 -0
  103. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_item-list.scssc +0 -0
  104. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_master-detail.scssc +0 -0
  105. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_modal.scssc +0 -0
  106. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_navigation.scssc +0 -0
  107. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_overlap.scssc +0 -0
  108. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_progress-bar.scssc +0 -0
  109. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_search-bar.scssc +0 -0
  110. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_sidebar-layout.scssc +0 -0
  111. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_sliding-menu.scssc +0 -0
  112. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_switch-toggle.scssc +0 -0
  113. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_tables.scssc +0 -0
  114. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_toggle-cards.scssc +0 -0
  115. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_tooltip.scssc +0 -0
  116. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_vertical-tabs.scssc +0 -0
  117. data/source/stylesheets/.sass-cache/949f49000f6a509c8c1d8b10cc864f41440f4640/_new-breakpoint.scssc +0 -0
  118. data/source/stylesheets/.sass-cache/949f49000f6a509c8c1d8b10cc864f41440f4640/_private.scssc +0 -0
  119. data/source/stylesheets/.sass-cache/9c3cd587ffeef0d147804cf4a2177df69c325021/_grid.scssc +0 -0
  120. data/source/stylesheets/.sass-cache/9c3cd587ffeef0d147804cf4a2177df69c325021/_visual-grid.scssc +0 -0
  121. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_button.scssc +314 -314
  122. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_clearfix.scssc +0 -0
  123. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_font-family.scssc +0 -0
  124. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_hide-text.scssc +0 -0
  125. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_html5-input-types.scssc +0 -0
  126. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_position.scssc +0 -0
  127. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_prefixer.scssc +0 -0
  128. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_retina-image.scssc +0 -0
  129. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_size.scssc +0 -0
  130. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_timing-functions.scssc +0 -0
  131. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_triangle.scssc +0 -0
  132. data/source/stylesheets/.sass-cache/d215ab98db0764a70113a4b69eb12099c4a4b951/_layout.scssc +0 -0
  133. data/source/stylesheets/.sass-cache/d215ab98db0764a70113a4b69eb12099c4a4b951/_normalize.scssc +0 -0
  134. data/source/stylesheets/.sass-cache/d215ab98db0764a70113a4b69eb12099c4a4b951/_refills-styles.scssc +0 -0
  135. data/source/stylesheets/.sass-cache/d215ab98db0764a70113a4b69eb12099c4a4b951/all.scssc +0 -0
  136. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_animation.scssc +0 -0
  137. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_appearance.scssc +0 -0
  138. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_backface-visibility.scssc +0 -0
  139. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_background-image.scssc +0 -0
  140. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_background.scssc +0 -0
  141. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_border-image.scssc +0 -0
  142. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_border-radius.scssc +0 -0
  143. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_box-sizing.scssc +0 -0
  144. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_columns.scssc +0 -0
  145. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_flex-box.scssc +0 -0
  146. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_font-face.scssc +0 -0
  147. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_hidpi-media-query.scssc +0 -0
  148. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_image-rendering.scssc +0 -0
  149. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_inline-block.scssc +0 -0
  150. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_keyframes.scssc +0 -0
  151. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_linear-gradient.scssc +0 -0
  152. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_perspective.scssc +0 -0
  153. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_placeholder.scssc +0 -0
  154. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_radial-gradient.scssc +0 -0
  155. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_transform.scssc +0 -0
  156. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_transition.scssc +0 -0
  157. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_user-select.scssc +0 -0
  158. data/source/stylesheets/.sass-cache/e04a546d656fd6d36e1f48c3953beece343e5456/_base.scssc +0 -0
  159. data/source/stylesheets/.sass-cache/e04a546d656fd6d36e1f48c3953beece343e5456/_button.scssc +0 -0
  160. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_compact.scssc +0 -0
  161. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_flex-grid.scssc +0 -0
  162. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_grid-width.scssc +0 -0
  163. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_linear-gradient.scssc +0 -0
  164. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_modular-scale.scssc +0 -0
  165. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_px-to-em.scssc +0 -0
  166. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_radial-gradient.scssc +0 -0
  167. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_tint-shade.scssc +0 -0
  168. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_transition-property-name.scssc +0 -0
  169. data/source/stylesheets/_refills-nav.scss +91 -0
  170. data/source/stylesheets/_refills-styles.scss +419 -170
  171. data/source/stylesheets/all.scss +19 -11
  172. data/source/stylesheets/bitters/_bitters.scss +9 -0
  173. data/source/stylesheets/bitters/_flashes.scss +6 -45
  174. data/source/stylesheets/bitters/_forms.scss +11 -3
  175. data/source/stylesheets/bitters/_grid-settings.scss +5 -5
  176. data/source/stylesheets/bitters/_tables.scss +2 -2
  177. data/source/stylesheets/bitters/_typography.scss +3 -2
  178. data/source/stylesheets/bitters/_variables.scss +3 -7
  179. data/source/stylesheets/bitters/extends/_button.scss +4 -2
  180. data/source/stylesheets/bitters/mixins/_base.scss +1 -0
  181. data/source/stylesheets/bitters/mixins/_flash.scss +15 -0
  182. data/source/stylesheets/bourbon/addons/_button.scss +3 -73
  183. data/source/stylesheets/bourbon/addons/_directional-values.scss +114 -0
  184. data/source/stylesheets/bourbon/addons/_ellipsis.scss +7 -0
  185. data/source/stylesheets/bourbon/addons/_rem.scss +33 -0
  186. data/source/stylesheets/bourbon/css3/_calc.scss +4 -0
  187. data/source/stylesheets/bourbon/css3/_filter.scss +5 -0
  188. data/source/stylesheets/bourbon/css3/_font-feature-settings.scss +10 -0
  189. data/source/stylesheets/bourbon/css3/_hyphens.scss +4 -0
  190. data/source/stylesheets/bourbon/functions/_assign.scss +11 -0
  191. data/source/stylesheets/bourbon/functions/_color-lightness.scss +13 -0
  192. data/source/stylesheets/bourbon/functions/_golden-ratio.scss +3 -0
  193. data/source/stylesheets/bourbon/functions/_strip-units.scss +5 -0
  194. data/source/stylesheets/bourbon/functions/_unpack.scss +17 -0
  195. data/source/stylesheets/bourbon/helpers/_convert-units.scss +15 -0
  196. data/source/stylesheets/bourbon/helpers/_is-num.scss +8 -0
  197. data/source/stylesheets/bourbon/helpers/_linear-angle-parser.scss +25 -0
  198. data/source/stylesheets/bourbon/helpers/_linear-gradient-parser.scss +41 -0
  199. data/source/stylesheets/bourbon/helpers/_linear-side-corner-parser.scss +31 -0
  200. data/source/stylesheets/bourbon/helpers/_radial-gradient-parser.scss +50 -0
  201. data/source/stylesheets/bourbon/helpers/_str-to-num.scss +50 -0
  202. data/source/stylesheets/bourbon/settings/_prefixer.scss +6 -0
  203. data/source/stylesheets/bourbon/settings/_px-to-em.scss +1 -0
  204. data/source/stylesheets/refills/_accordion-tabs-minimal.scss +96 -0
  205. data/source/stylesheets/refills/_accordion-tabs.scss +97 -100
  206. data/source/stylesheets/refills/_accordion.scss +4 -2
  207. data/source/stylesheets/refills/_badges.scss +37 -30
  208. data/source/stylesheets/refills/_breadcrumbs.scss +31 -24
  209. data/source/stylesheets/refills/_button-group.scss +38 -14
  210. data/source/stylesheets/refills/_cards.scss +111 -43
  211. data/source/stylesheets/refills/_comment.scss +60 -0
  212. data/source/stylesheets/refills/_footer-2.scss +91 -0
  213. data/source/stylesheets/refills/_footer.scss +75 -54
  214. data/source/stylesheets/refills/_grid-items-lines.scss +86 -0
  215. data/source/stylesheets/refills/_grid-items.scss +97 -0
  216. data/source/stylesheets/refills/_hero.scss +31 -11
  217. data/source/stylesheets/refills/_hover-tile-animation.scss +52 -0
  218. data/source/stylesheets/refills/_icon-bullet-points.scss +63 -0
  219. data/source/stylesheets/refills/_image-gradient-dynamic.scss +60 -0
  220. data/source/stylesheets/refills/_image-gradient.scss +56 -0
  221. data/source/stylesheets/refills/_modal.scss +81 -91
  222. data/source/stylesheets/refills/_navigation.scss +205 -114
  223. data/source/stylesheets/refills/_progress-bar-indication.scss +39 -0
  224. data/source/stylesheets/refills/_progress-bar.scss +4 -4
  225. data/source/stylesheets/refills/_search-bar.scss +13 -17
  226. data/source/stylesheets/refills/_sliding-menu.scss +37 -31
  227. data/source/stylesheets/refills/{_switch-toggle.scss → _switch.scss} +17 -23
  228. data/source/stylesheets/refills/_tables-minimal.scss +54 -0
  229. data/source/stylesheets/refills/_tables.scss +12 -9
  230. data/source/stylesheets/refills/_tooltip.scss +33 -65
  231. data/source/stylesheets/refills/_type-system-geometric.scss +93 -0
  232. data/source/stylesheets/refills/_type-system-rounded.scss +95 -0
  233. data/source/stylesheets/refills/_type-system-sans.scss +99 -0
  234. data/source/stylesheets/refills/_type-system-serif.scss +100 -0
  235. data/source/stylesheets/refills/_type-system-slab.scss +97 -0
  236. data/source/stylesheets/refills/_type-system-traditional.scss +101 -0
  237. data/source/stylesheets/refills/_vertical-tabs.scss +69 -82
  238. data/source/vendor/javascripts/ZeroClipboard.min.js +9 -0
  239. data/source/vendor/javascripts/smooth-scroll.js +125 -0
  240. metadata +89 -29
  241. data/source/_dashboard.html.erb +0 -18
  242. data/source/_html_snippet.html.erb +0 -5
  243. data/source/_image-cards.html.erb +0 -28
  244. data/source/_info-section.html.erb +0 -25
  245. data/source/_item-list.html.erb +0 -25
  246. data/source/_master-detail.html.erb +0 -35
  247. data/source/_overlap.html.erb +0 -9
  248. data/source/_sidebar-layout.html.erb +0 -28
  249. data/source/_stylesheet_snippet.html.erb +0 -7
  250. data/source/_switch-toggle.html.erb +0 -15
  251. data/source/_toggle-cards.html.erb +0 -64
  252. data/source/stylesheets/refills/_dashboard.scss +0 -33
  253. data/source/stylesheets/refills/_dropdown-menu.scss +0 -65
  254. data/source/stylesheets/refills/_image-cards.scss +0 -102
  255. data/source/stylesheets/refills/_info-section.scss +0 -49
  256. data/source/stylesheets/refills/_item-list.scss +0 -37
  257. data/source/stylesheets/refills/_master-detail.scss +0 -54
  258. data/source/stylesheets/refills/_overlap.scss +0 -42
  259. data/source/stylesheets/refills/_sidebar-layout.scss +0 -56
  260. data/source/stylesheets/refills/_toggle-cards.scss +0 -104
@@ -0,0 +1,101 @@
1
+ article.type-system-traditional {
2
+ $sans-serif: 'Noto Sans', sans-serif;
3
+ $serif: 'Radley', serif;
4
+
5
+ @include clearfix;
6
+ text-align: left;
7
+
8
+ .type {
9
+ border-bottom: 2px solid;
10
+ display: inline-block;
11
+ font-family: $sans-serif;
12
+ font-size: .7em;
13
+ font-weight: 800;
14
+ margin-bottom: 2em;
15
+ padding: .1em 0;
16
+ text-align: left;
17
+ text-transform: uppercase;
18
+ }
19
+
20
+ h1 {
21
+ font-family: $serif;
22
+ font-size: 1.9em;
23
+ font-weight: 700;
24
+ margin-bottom: .3em;
25
+
26
+ @include media($medium-screen) {
27
+ font-size: 2.6em;
28
+ }
29
+ }
30
+
31
+ h2 {
32
+ font-family: $serif;
33
+ font-size: 1.3em;
34
+ font-style: italic;
35
+ font-weight: 400;
36
+ line-height: 1.25em;
37
+ margin-bottom: .9em;
38
+
39
+ @include media($medium-screen) {
40
+ font-size: 1.6em;
41
+ }
42
+ }
43
+
44
+ h3 {
45
+ font-family: $serif;
46
+ font-size: 1.4em;
47
+ font-style: italic;
48
+ font-weight: 400;
49
+ line-height: 1.3em;
50
+ margin-bottom: .4em;
51
+ }
52
+
53
+ p.date {
54
+ color: transparentize($base-font-color, .6);
55
+ font-family: $serif;
56
+ font-style: italic;
57
+ margin-bottom: .3em;
58
+ }
59
+
60
+ p {
61
+ font-family: $sans-serif;
62
+ letter-spacing: 1;
63
+ margin-bottom: 1.5em;
64
+ line-height: 1.55em;
65
+
66
+ span {
67
+ font-family: $serif;
68
+ font-size: 1.2em;
69
+ font-style: italic;
70
+ }
71
+ }
72
+
73
+ a.read-more {
74
+ display: inline-block;
75
+ font-family: $sans-serif;
76
+ font-weight: 700;
77
+ font-size: .8em;
78
+ text-transform: uppercase;
79
+ margin-left: .2em;
80
+ position: relative;
81
+
82
+ span {
83
+ font-family: $sans-serif;
84
+ font-style: normal;
85
+ position: absolute;
86
+ font-size: 1.5em;
87
+ top: -1px;
88
+ right: -12px;
89
+ }
90
+ }
91
+
92
+ hr {
93
+ width: 3em;
94
+ }
95
+
96
+ p.author {
97
+ font-family: $serif;
98
+ font-size: 1.2em;
99
+ font-style: italic;
100
+ }
101
+ }
@@ -1,42 +1,82 @@
1
- $tab-border-color: $base-border-color;
2
- $tab-border: 1px solid $tab-border-color;
3
- $tab-content-background: lighten($tab-border-color, 10);
4
- $tab-active-color: $tab-content-background;
5
- $tab-inactive-color: $base-body-color;
6
- $vertical-tabs-height: em(300);
7
-
8
- .vertical-tabs { // small screens: accordion
1
+ .vertical-tabs-container { // small screens: accordion
2
+ $tab-border-color: $base-border-color;
3
+ $tab-border: 1px solid $tab-border-color;
4
+ $tab-border-radius: $base-border-radius;
5
+ $tab-content-background: lighten($tab-border-color, 10);
6
+ $tab-active-color: $tab-content-background;
7
+ $tab-inactive-color: $base-body-color;
8
+ $vertical-tabs-height: em(300);
9
+ $vertical-tab-mode: $medium-screen;
10
+
9
11
  @include clearfix;
10
- margin-bottom: $base-line-height;
12
+ border-radius: $tab-border-radius;
11
13
  border: $tab-border;
12
- border-radius: $base-border-radius;
14
+ margin-bottom: $base-line-height;
15
+ overflow: hidden;
13
16
 
14
- .tabs {
17
+ .vertical-tabs {
15
18
  display: none;
19
+
20
+ @include media($vertical-tab-mode) {
21
+ background-color: $tab-inactive-color;
22
+ display: inline;
23
+ float: left;
24
+ height: $vertical-tabs-height;
25
+ width: 20%;
26
+ }
27
+ }
28
+
29
+ .vertical-tab {
30
+ @include media($vertical-tab-mode) {
31
+ border-bottom: $tab-border;
32
+ display: block;
33
+ font-weight: bold;
34
+ margin-right: -1px;
35
+ padding: $base-line-height/2 $gutter/2;
36
+
37
+ &.is-active {
38
+ background-color: $tab-content-background;
39
+ margin-right: -1px;
40
+ }
41
+ }
16
42
  }
17
43
 
18
- .tab-container {
44
+ .vertical-tab:focus {
45
+ outline: none;
46
+ }
47
+
48
+ .vertical-tab-content-container {
19
49
  display: block;
20
50
  margin: 0 auto;
21
51
 
22
- .tab-content {
23
- padding: 1em;
52
+ & a:focus {
53
+ outline: none;
54
+ }
55
+
56
+ @include media($vertical-tab-mode) {
57
+ @include inline-block;
58
+ @include size(80% $vertical-tabs-height);
24
59
  background-color: $tab-content-background;
60
+ }
61
+ }
25
62
 
26
- &:last-child {
27
- border-bottom-left-radius: $base-border-radius;
28
- border-bottom-right-radius: $base-border-radius;
29
- }
63
+ .vertical-tab-content {
64
+ background-color: $tab-content-background;
65
+ padding: $base-line-height $gutter;
66
+
67
+ @include media($vertical-tab-mode) {
68
+ border: none;
69
+ display: none;
30
70
  }
31
71
  }
32
72
 
33
- .accordion-heading {
34
- padding: $base-line-height/2 $gutter/2;
35
- border-top: $tab-border;
36
- font-weight: bold;
73
+ .vertical-tab-accordion-heading {
37
74
  background-color: $tab-inactive-color;
38
- display: block;
75
+ border-top: $tab-border;
39
76
  cursor: pointer;
77
+ display: block;
78
+ font-weight: bold;
79
+ padding: $base-line-height/2 $gutter/2;
40
80
 
41
81
  &:hover {
42
82
  color: $base-accent-color;
@@ -44,70 +84,17 @@ $vertical-tabs-height: em(300);
44
84
 
45
85
  &:first-child {
46
86
  border-top: none;
47
- border-top-right-radius: $base-border-radius;
48
- border-top-left-radius: $base-border-radius;
49
87
  }
50
88
 
51
- &.accordion-active {
52
- background: $tab-active-color;
53
- border-bottom: none;
54
- }
55
- }
56
-
57
- @include media($medium-screen) { // turns into tabs
58
- .tab-content,
59
- .accordion-heading {
60
- display: none;
89
+ &.is-active {
90
+ background: $tab-active-color;
91
+ border-bottom: none;
61
92
  }
62
93
 
63
- .tabs {
64
- float: left;
65
- width: 20%;
66
- height: $vertical-tabs-height;
67
- display: inline;
68
- border-top-left-radius: $base-border-radius;
69
- border-bottom-left-radius: $base-border-radius;
70
- background-color: $tab-inactive-color;
71
-
72
- .tab {
73
- display: block;
74
- padding: $base-line-height/2 $gutter/2;
75
- font-weight: bold;
76
- border-bottom: $tab-border;
77
- margin-right: -1px;
78
-
79
- &:hover {
80
- color: $base-accent-color;
81
- }
82
-
83
- &:first-child.active {
84
- border-top-left-radius: $base-border-radius;
85
- }
86
-
87
- &.active {
88
- background-color: $tab-content-background;
89
- margin-right: -1px;
90
- }
91
- }
92
- }
93
-
94
- .tab-container {
95
- @include inline-block;
96
- @include size(80% $vertical-tabs-height);
97
- background-color: $tab-content-background;
98
- border-top-right-radius: $base-border-radius;
99
- border-bottom-right-radius: $base-border-radius;
100
-
101
- .tab-content {
102
- border: none;
103
- }
104
-
105
- p {
106
- border: none;
107
- padding: 0;
108
- }
94
+ @include media($vertical-tab-mode) {
95
+ display: none;
109
96
  }
110
97
  }
111
98
  }
112
99
 
113
- // Based on code by Jett Miller jettmiller.net
100
+ // Based on code by Jett Miller jettmiller.net
@@ -0,0 +1,9 @@
1
+ /*!
2
+ * ZeroClipboard
3
+ * The ZeroClipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie and a JavaScript interface.
4
+ * Copyright (c) 2013 Jon Rohan, James M. Greene
5
+ * Licensed MIT
6
+ * http://zeroclipboard.org/
7
+ * v1.2.3
8
+ */
9
+ !function(){"use strict";var a,b=function(){var a=/\-([a-z])/g,b=function(a,b){return b.toUpperCase()};return function(c){return c.replace(a,b)}}(),c=function(a,c){var d,e,f,g,h,i;if(window.getComputedStyle?d=window.getComputedStyle(a,null).getPropertyValue(c):(e=b(c),d=a.currentStyle?a.currentStyle[e]:a.style[e]),"cursor"===c&&(!d||"auto"===d))for(f=a.tagName.toLowerCase(),g=["a"],h=0,i=g.length;i>h;h++)if(f===g[h])return"pointer";return d},d=function(a){if(p.prototype._singleton){a||(a=window.event);var b;this!==window?b=this:a.target?b=a.target:a.srcElement&&(b=a.srcElement),p.prototype._singleton.setCurrent(b)}},e=function(a,b,c){a.addEventListener?a.addEventListener(b,c,!1):a.attachEvent&&a.attachEvent("on"+b,c)},f=function(a,b,c){a.removeEventListener?a.removeEventListener(b,c,!1):a.detachEvent&&a.detachEvent("on"+b,c)},g=function(a,b){if(a.addClass)return a.addClass(b),a;if(b&&"string"==typeof b){var c=(b||"").split(/\s+/);if(1===a.nodeType)if(a.className){for(var d=" "+a.className+" ",e=a.className,f=0,g=c.length;g>f;f++)d.indexOf(" "+c[f]+" ")<0&&(e+=" "+c[f]);a.className=e.replace(/^\s+|\s+$/g,"")}else a.className=b}return a},h=function(a,b){if(a.removeClass)return a.removeClass(b),a;if(b&&"string"==typeof b||void 0===b){var c=(b||"").split(/\s+/);if(1===a.nodeType&&a.className)if(b){for(var d=(" "+a.className+" ").replace(/[\n\t]/g," "),e=0,f=c.length;f>e;e++)d=d.replace(" "+c[e]+" "," ");a.className=d.replace(/^\s+|\s+$/g,"")}else a.className=""}return a},i=function(){var a,b,c,d=1;return"function"==typeof document.body.getBoundingClientRect&&(a=document.body.getBoundingClientRect(),b=a.right-a.left,c=document.body.offsetWidth,d=Math.round(100*(b/c))/100),d},j=function(a){var b={left:0,top:0,width:0,height:0,zIndex:999999999},d=c(a,"z-index");if(d&&"auto"!==d&&(b.zIndex=parseInt(d,10)),a.getBoundingClientRect){var e,f,g,h=a.getBoundingClientRect();"pageXOffset"in window&&"pageYOffset"in window?(e=window.pageXOffset,f=window.pageYOffset):(g=i(),e=Math.round(document.documentElement.scrollLeft/g),f=Math.round(document.documentElement.scrollTop/g));var j=document.documentElement.clientLeft||0,k=document.documentElement.clientTop||0;b.left=h.left+e-j,b.top=h.top+f-k,b.width="width"in h?h.width:h.right-h.left,b.height="height"in h?h.height:h.bottom-h.top}return b},k=function(a,b){var c=!(b&&b.useNoCache===!1);return c?(-1===a.indexOf("?")?"?":"&")+"nocache="+(new Date).getTime():""},l=function(a){var b=[],c=[];return a.trustedOrigins&&("string"==typeof a.trustedOrigins?c.push(a.trustedOrigins):"object"==typeof a.trustedOrigins&&"length"in a.trustedOrigins&&(c=c.concat(a.trustedOrigins))),a.trustedDomains&&("string"==typeof a.trustedDomains?c.push(a.trustedDomains):"object"==typeof a.trustedDomains&&"length"in a.trustedDomains&&(c=c.concat(a.trustedDomains))),c.length&&b.push("trustedOrigins="+encodeURIComponent(c.join(","))),"string"==typeof a.amdModuleId&&a.amdModuleId&&b.push("amdModuleId="+encodeURIComponent(a.amdModuleId)),"string"==typeof a.cjsModuleId&&a.cjsModuleId&&b.push("cjsModuleId="+encodeURIComponent(a.cjsModuleId)),b.join("&")},m=function(a,b){if(b.indexOf)return b.indexOf(a);for(var c=0,d=b.length;d>c;c++)if(b[c]===a)return c;return-1},n=function(a){if("string"==typeof a)throw new TypeError("ZeroClipboard doesn't accept query strings.");return a.length?a:[a]},o=function(a,b,c,d,e){e?window.setTimeout(function(){a.call(b,c,d)},0):a.call(b,c,d)},p=function(a,b){if(a&&(p.prototype._singleton||this).glue(a),p.prototype._singleton)return p.prototype._singleton;p.prototype._singleton=this,this.options={};for(var c in s)this.options[c]=s[c];for(var d in b)this.options[d]=b[d];this.handlers={},p.detectFlashSupport()&&v()},q=[];p.prototype.setCurrent=function(b){a=b,this.reposition();var d=b.getAttribute("title");d&&this.setTitle(d);var e=this.options.forceHandCursor===!0||"pointer"===c(b,"cursor");return r.call(this,e),this},p.prototype.setText=function(a){return a&&""!==a&&(this.options.text=a,this.ready()&&this.flashBridge.setText(a)),this},p.prototype.setTitle=function(a){return a&&""!==a&&this.htmlBridge.setAttribute("title",a),this},p.prototype.setSize=function(a,b){return this.ready()&&this.flashBridge.setSize(a,b),this},p.prototype.setHandCursor=function(a){return a="boolean"==typeof a?a:!!a,r.call(this,a),this.options.forceHandCursor=a,this};var r=function(a){this.ready()&&this.flashBridge.setHandCursor(a)};p.version="1.2.3";var s={moviePath:"ZeroClipboard.swf",trustedOrigins:null,text:null,hoverClass:"zeroclipboard-is-hover",activeClass:"zeroclipboard-is-active",allowScriptAccess:"sameDomain",useNoCache:!0,forceHandCursor:!1};p.setDefaults=function(a){for(var b in a)s[b]=a[b]},p.destroy=function(){p.prototype._singleton.unglue(q);var a=p.prototype._singleton.htmlBridge;a.parentNode.removeChild(a),delete p.prototype._singleton},p.detectFlashSupport=function(){var a=!1;if("function"==typeof ActiveXObject)try{new ActiveXObject("ShockwaveFlash.ShockwaveFlash")&&(a=!0)}catch(b){}return!a&&navigator.mimeTypes["application/x-shockwave-flash"]&&(a=!0),a};var t=null,u=null,v=function(){var a,b,c=p.prototype._singleton,d=document.getElementById("global-zeroclipboard-html-bridge");if(!d){var e={};for(var f in c.options)e[f]=c.options[f];e.amdModuleId=t,e.cjsModuleId=u;var g=l(e),h=' <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="global-zeroclipboard-flash-bridge" width="100%" height="100%"> <param name="movie" value="'+c.options.moviePath+k(c.options.moviePath,c.options)+'"/> <param name="allowScriptAccess" value="'+c.options.allowScriptAccess+'"/> <param name="scale" value="exactfit"/> <param name="loop" value="false"/> <param name="menu" value="false"/> <param name="quality" value="best" /> <param name="bgcolor" value="#ffffff"/> <param name="wmode" value="transparent"/> <param name="flashvars" value="'+g+'"/> <embed src="'+c.options.moviePath+k(c.options.moviePath,c.options)+'" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="100%" height="100%" name="global-zeroclipboard-flash-bridge" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="'+g+'" scale="exactfit"> </embed> </object>';d=document.createElement("div"),d.id="global-zeroclipboard-html-bridge",d.setAttribute("class","global-zeroclipboard-container"),d.setAttribute("data-clipboard-ready",!1),d.style.position="absolute",d.style.left="-9999px",d.style.top="-9999px",d.style.width="15px",d.style.height="15px",d.style.zIndex="9999",d.innerHTML=h,document.body.appendChild(d)}c.htmlBridge=d,a=document["global-zeroclipboard-flash-bridge"],a&&(b=a.length)&&(a=a[b-1]),c.flashBridge=a||d.children[0].lastElementChild};p.prototype.resetBridge=function(){return this.htmlBridge.style.left="-9999px",this.htmlBridge.style.top="-9999px",this.htmlBridge.removeAttribute("title"),this.htmlBridge.removeAttribute("data-clipboard-text"),h(a,this.options.activeClass),a=null,this.options.text=null,this},p.prototype.ready=function(){var a=this.htmlBridge.getAttribute("data-clipboard-ready");return"true"===a||a===!0},p.prototype.reposition=function(){if(!a)return!1;var b=j(a);return this.htmlBridge.style.top=b.top+"px",this.htmlBridge.style.left=b.left+"px",this.htmlBridge.style.width=b.width+"px",this.htmlBridge.style.height=b.height+"px",this.htmlBridge.style.zIndex=b.zIndex+1,this.setSize(b.width,b.height),this},p.dispatch=function(a,b){p.prototype._singleton.receiveEvent(a,b)},p.prototype.on=function(a,b){for(var c=a.toString().split(/\s/g),d=0;d<c.length;d++)a=c[d].toLowerCase().replace(/^on/,""),this.handlers[a]||(this.handlers[a]=b);return this.handlers.noflash&&!p.detectFlashSupport()&&this.receiveEvent("onNoFlash",null),this},p.prototype.addEventListener=p.prototype.on,p.prototype.off=function(a,b){for(var c=a.toString().split(/\s/g),d=0;d<c.length;d++){a=c[d].toLowerCase().replace(/^on/,"");for(var e in this.handlers)e===a&&this.handlers[e]===b&&delete this.handlers[e]}return this},p.prototype.removeEventListener=p.prototype.off,p.prototype.receiveEvent=function(b,c){b=b.toString().toLowerCase().replace(/^on/,"");var d=a,e=!0;switch(b){case"load":if(c&&parseFloat(c.flashVersion.replace(",",".").replace(/[^0-9\.]/gi,""))<10)return this.receiveEvent("onWrongFlash",{flashVersion:c.flashVersion}),void 0;this.htmlBridge.setAttribute("data-clipboard-ready",!0);break;case"mouseover":g(d,this.options.hoverClass);break;case"mouseout":h(d,this.options.hoverClass),this.resetBridge();break;case"mousedown":g(d,this.options.activeClass);break;case"mouseup":h(d,this.options.activeClass);break;case"datarequested":var f=d.getAttribute("data-clipboard-target"),i=f?document.getElementById(f):null;if(i){var j=i.value||i.textContent||i.innerText;j&&this.setText(j)}else{var k=d.getAttribute("data-clipboard-text");k&&this.setText(k)}e=!1;break;case"complete":this.options.text=null}if(this.handlers[b]){var l=this.handlers[b];"string"==typeof l&&"function"==typeof window[l]&&(l=window[l]),"function"==typeof l&&o(l,d,this,c,e)}},p.prototype.glue=function(a){a=n(a);for(var b=0;b<a.length;b++)-1==m(a[b],q)&&(q.push(a[b]),e(a[b],"mouseover",d));return this},p.prototype.unglue=function(a){a=n(a);for(var b=0;b<a.length;b++){f(a[b],"mouseover",d);var c=m(a[b],q);-1!=c&&q.splice(c,1)}return this},"function"==typeof define&&define.amd?define(["require","exports","module"],function(a,b,c){return t=c&&c.id||null,p}):"object"==typeof module&&module&&"object"==typeof module.exports&&module.exports?(u=module.id||null,module.exports=p):window.ZeroClipboard=p}();
@@ -0,0 +1,125 @@
1
+ /* =============================================================
2
+
3
+ Smooth Scroll 2.9
4
+ Animate scrolling to anchor links, by Chris Ferdinandi.
5
+ http://gomakethings.com
6
+
7
+ Easing support contributed by Willem Liu.
8
+ https://github.com/willemliu
9
+
10
+ Easing functions forked from Gaëtan Renaudeau.
11
+ https://gist.github.com/gre/1650294
12
+
13
+ Free to use under the MIT License.
14
+ http://gomakethings.com/mit/
15
+
16
+ * ============================================================= */
17
+
18
+ (function() {
19
+
20
+ 'use strict';
21
+
22
+ // Feature Test
23
+ if ( 'querySelector' in document && 'addEventListener' in window && Array.prototype.forEach ) {
24
+
25
+ // Function to animate the scroll
26
+ var smoothScroll = function (anchor, duration, easing) {
27
+
28
+ // Functions to control easing
29
+ var easingPattern = function (type, time) {
30
+ if ( type == 'easeInQuad' ) return time * time; // accelerating from zero velocity
31
+ if ( type == 'easeOutQuad' ) return time * (2 - time); // decelerating to zero velocity
32
+ if ( type == 'easeInOutQuad' ) return time < 0.5 ? 2 * time * time : -1 + (4 - 2 * time) * time; // acceleration until halfway, then deceleration
33
+ if ( type == 'easeInCubic' ) return time * time * time; // accelerating from zero velocity
34
+ if ( type == 'easeOutCubic' ) return (--time) * time * time + 1; // decelerating to zero velocity
35
+ if ( type == 'easeInOutCubic' ) return time < 0.5 ? 4 * time * time * time : (time - 1) * (2 * time - 2) * (2 * time - 2) + 1; // acceleration until halfway, then deceleration
36
+ if ( type == 'easeInQuart' ) return time * time * time * time; // accelerating from zero velocity
37
+ if ( type == 'easeOutQuart' ) return 1 - (--time) * time * time * time; // decelerating to zero velocity
38
+ if ( type == 'easeInOutQuart' ) return time < 0.5 ? 8 * time * time * time * time : 1 - 8 * (--time) * time * time * time; // acceleration until halfway, then deceleration
39
+ if ( type == 'easeInQuint' ) return time * time * time * time * time; // accelerating from zero velocity
40
+ if ( type == 'easeOutQuint' ) return 1 + (--time) * time * time * time * time; // decelerating to zero velocity
41
+ if ( type == 'easeInOutQuint' ) return time < 0.5 ? 16 * time * time * time * time * time : 1 + 16 * (--time) * time * time * time * time; // acceleration until halfway, then deceleration
42
+ return time; // no easing, no acceleration
43
+ };
44
+
45
+ // Calculate how far and how fast to scroll
46
+ // http://www.quirksmode.org/blog/archives/2008/01/using_the_assig.html
47
+ var startLocation = window.pageYOffset;
48
+ var endLocation = function (anchor) {
49
+ var distance = 0;
50
+ if (anchor.offsetParent) {
51
+ do {
52
+ distance += anchor.offsetTop;
53
+ anchor = anchor.offsetParent;
54
+ } while (anchor);
55
+ }
56
+ return distance;
57
+ };
58
+ var distance = endLocation(anchor) - startLocation;
59
+ var increments = distance / (duration / 16);
60
+ var timeLapsed = 0;
61
+ var percentage, position, stopAnimation;
62
+
63
+ // Scroll the page by an increment, and check if it's time to stop
64
+ var animateScroll = function () {
65
+ timeLapsed += 16;
66
+ percentage = ( timeLapsed / duration );
67
+ percentage = ( percentage > 1 ) ? 1 : percentage;
68
+ position = startLocation + ( distance * easingPattern(easing, percentage) );
69
+ window.scrollTo(0, position);
70
+ stopAnimation();
71
+ };
72
+
73
+ // Stop the animation
74
+ if ( increments >= 0 ) { // If scrolling down
75
+ // Stop animation when you reach the anchor OR the bottom of the page
76
+ stopAnimation = function () {
77
+ var travelled = window.pageYOffset;
78
+ if ( (travelled >= (endLocation(anchor) - increments)) || ((window.innerHeight + travelled) >= document.body.offsetHeight) ) {
79
+ clearInterval(runAnimation);
80
+ }
81
+ };
82
+ } else { // If scrolling up
83
+ // Stop animation when you reach the anchor OR the top of the page
84
+ stopAnimation = function () {
85
+ var travelled = window.pageYOffset;
86
+ if ( travelled <= endLocation(anchor) || travelled <= 0 ) {
87
+ clearInterval(runAnimation);
88
+ }
89
+ };
90
+ }
91
+
92
+ // Loop the animation function
93
+ var runAnimation = setInterval(animateScroll, 16);
94
+
95
+ };
96
+
97
+ // For each smooth scroll link
98
+ var scrollToggle = document.querySelectorAll('.scroll');
99
+ [].forEach.call(scrollToggle, function (toggle) {
100
+
101
+ // When the smooth scroll link is clicked
102
+ toggle.addEventListener('click', function(e) {
103
+
104
+ // Prevent the default link behavior
105
+ e.preventDefault();
106
+
107
+ // Get anchor link and calculate distance from the top
108
+ var dataID = toggle.getAttribute('href');
109
+ var dataTarget = document.querySelector(dataID);
110
+ var dataSpeed = toggle.getAttribute('data-speed');
111
+ var dataEasing = toggle.getAttribute('data-easing'); // WL: Added easing attribute support.
112
+
113
+ // If the anchor exists
114
+ if (dataTarget) {
115
+ // Scroll to the anchor
116
+ smoothScroll(dataTarget, dataSpeed || 500, dataEasing || 'easeInOutCubic');
117
+ }
118
+
119
+ }, false);
120
+
121
+ });
122
+
123
+ }
124
+
125
+ })();
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: refills
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.1
4
+ version: 0.0.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - Joël Quenneville
@@ -12,7 +12,7 @@ authors:
12
12
  autorequire:
13
13
  bindir: bin
14
14
  cert_chain: []
15
- date: 2013-12-13 00:00:00.000000000 Z
15
+ date: 2014-05-09 00:00:00.000000000 Z
16
16
  dependencies:
17
17
  - !ruby/object:Gem::Dependency
18
18
  name: bundler
@@ -32,14 +32,14 @@ dependencies:
32
32
  name: rake
33
33
  requirement: !ruby/object:Gem::Requirement
34
34
  requirements:
35
- - - ! '>='
35
+ - - '>='
36
36
  - !ruby/object:Gem::Version
37
37
  version: '0'
38
38
  type: :development
39
39
  prerelease: false
40
40
  version_requirements: !ruby/object:Gem::Requirement
41
41
  requirements:
42
- - - ! '>='
42
+ - - '>='
43
43
  - !ruby/object:Gem::Version
44
44
  version: '0'
45
45
  description: Refills
@@ -53,6 +53,7 @@ files:
53
53
  - Gemfile
54
54
  - Gemfile.lock
55
55
  - LICENSE.txt
56
+ - NEWS.md
56
57
  - README.md
57
58
  - Rakefile
58
59
  - config.rb
@@ -60,42 +61,62 @@ files:
60
61
  - lib/refills/import_generator.rb
61
62
  - lib/refills/list_generator.rb
62
63
  - lib/refills/version.rb
64
+ - pkg/refills-0.0.1.gem
63
65
  - refills.gemspec
66
+ - source/CNAME
67
+ - source/_accordion-tabs-minimal.html.erb
64
68
  - source/_accordion-tabs.html.erb
65
69
  - source/_accordion.html.erb
66
70
  - source/_badges.html.erb
67
71
  - source/_breadcrumbs.html.erb
68
72
  - source/_button-group.html.erb
69
73
  - source/_cards.html.erb
70
- - source/_dashboard.html.erb
74
+ - source/_comment.html.erb
71
75
  - source/_dropdown-menu.html.erb
76
+ - source/_footer-2.html.erb
72
77
  - source/_footer.html.erb
78
+ - source/_grid-items-lines.html.erb
79
+ - source/_grid-items.html.erb
73
80
  - source/_hero.html.erb
74
- - source/_html_snippet.html.erb
75
- - source/_image-cards.html.erb
76
- - source/_info-section.html.erb
77
- - source/_item-list.html.erb
78
- - source/_master-detail.html.erb
81
+ - source/_hover-tile-animation.html.erb
82
+ - source/_icon-bullet-points.html.erb
83
+ - source/_image-gradient-dynamic.html.erb
84
+ - source/_image-gradient.html.erb
79
85
  - source/_modal.html.erb
80
86
  - source/_navigation.html.erb
81
- - source/_overlap.html.erb
87
+ - source/_progress-bar-indication.html.erb
82
88
  - source/_progress-bar.html.erb
83
89
  - source/_search-bar.html.erb
84
- - source/_sidebar-layout.html.erb
85
90
  - source/_sliding-menu.html.erb
86
91
  - source/_snippet.html.erb
87
- - source/_stylesheet_snippet.html.erb
88
- - source/_switch-toggle.html.erb
92
+ - source/_snippets.html.erb
93
+ - source/_switch.html.erb
94
+ - source/_tables-minimal.html.erb
89
95
  - source/_tables.html.erb
90
- - source/_toggle-cards.html.erb
91
96
  - source/_tooltip.html.erb
97
+ - source/_type-system-content.html.erb
98
+ - source/_type-system-geometric.html.erb
99
+ - source/_type-system-rounded.html.erb
100
+ - source/_type-system-sans.html.erb
101
+ - source/_type-system-serif.html.erb
102
+ - source/_type-system-slab.html.erb
103
+ - source/_type-system-traditional.html.erb
92
104
  - source/_vertical-tabs.html.erb
93
105
  - source/favicon.ico
94
106
  - source/favicon.png
107
+ - source/fonts/Fairview_Regular.otf
108
+ - source/fonts/Fairview_SmallCaps.otf
109
+ - source/fonts/PoetsenOne-Regular.ttf
110
+ - source/images/Octocat.png
111
+ - source/images/ZeroClipboard.swf
95
112
  - source/images/background.png
113
+ - source/images/cat.png
114
+ - source/images/menu.png
96
115
  - source/images/middleman.png
97
116
  - source/index.html.erb
98
117
  - source/javascripts/all.js
118
+ - source/javascripts/jquery.erToc.js
119
+ - source/javascripts/jquery.glide.js
99
120
  - source/layouts/layout.erb
100
121
  - source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_deprecated-webkit-gradient.scssc
101
122
  - source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_gradient-positions-parser.scssc
@@ -130,6 +151,8 @@ files:
130
151
  - source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_typography.scssc
131
152
  - source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_variables.scssc
132
153
  - source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_accordion-tabs.scssc
154
+ - source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_accordion.scssc
155
+ - source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_badges.scssc
133
156
  - source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_breadcrumbs.scssc
134
157
  - source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_button-group.scssc
135
158
  - source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_buttons.scssc
@@ -140,6 +163,7 @@ files:
140
163
  - source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_header-nav.scssc
141
164
  - source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_hero.scssc
142
165
  - source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_image-cards.scssc
166
+ - source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_image-gradient.scssc
143
167
  - source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_info-section.scssc
144
168
  - source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_item-list.scssc
145
169
  - source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_master-detail.scssc
@@ -150,6 +174,7 @@ files:
150
174
  - source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_search-bar.scssc
151
175
  - source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_sidebar-layout.scssc
152
176
  - source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_sliding-menu.scssc
177
+ - source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_switch-toggle.scssc
153
178
  - source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_table-borders.scssc
154
179
  - source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_table.scssc
155
180
  - source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_tables.scssc
@@ -174,6 +199,7 @@ files:
174
199
  - source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_size.scssc
175
200
  - source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_timing-functions.scssc
176
201
  - source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_triangle.scssc
202
+ - source/stylesheets/.sass-cache/d215ab98db0764a70113a4b69eb12099c4a4b951/_layout.scssc
177
203
  - source/stylesheets/.sass-cache/d215ab98db0764a70113a4b69eb12099c4a4b951/_normalize.scssc
178
204
  - source/stylesheets/.sass-cache/d215ab98db0764a70113a4b69eb12099c4a4b951/_refills-styles.scssc
179
205
  - source/stylesheets/.sass-cache/d215ab98db0764a70113a4b69eb12099c4a4b951/all.scssc
@@ -211,6 +237,7 @@ files:
211
237
  - source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_tint-shade.scssc
212
238
  - source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_transition-property-name.scssc
213
239
  - source/stylesheets/_normalize.scss
240
+ - source/stylesheets/_refills-nav.scss
214
241
  - source/stylesheets/_refills-styles.scss
215
242
  - source/stylesheets/all.scss
216
243
  - source/stylesheets/bitters/_bitters.scss
@@ -223,15 +250,20 @@ files:
223
250
  - source/stylesheets/bitters/_variables.scss
224
251
  - source/stylesheets/bitters/extends/_base.scss
225
252
  - source/stylesheets/bitters/extends/_button.scss
253
+ - source/stylesheets/bitters/mixins/_base.scss
254
+ - source/stylesheets/bitters/mixins/_flash.scss
226
255
  - source/stylesheets/bourbon/_bourbon-deprecated-upcoming.scss
227
256
  - source/stylesheets/bourbon/_bourbon.scss
228
257
  - source/stylesheets/bourbon/addons/_button.scss
229
258
  - source/stylesheets/bourbon/addons/_clearfix.scss
259
+ - source/stylesheets/bourbon/addons/_directional-values.scss
260
+ - source/stylesheets/bourbon/addons/_ellipsis.scss
230
261
  - source/stylesheets/bourbon/addons/_font-family.scss
231
262
  - source/stylesheets/bourbon/addons/_hide-text.scss
232
263
  - source/stylesheets/bourbon/addons/_html5-input-types.scss
233
264
  - source/stylesheets/bourbon/addons/_position.scss
234
265
  - source/stylesheets/bourbon/addons/_prefixer.scss
266
+ - source/stylesheets/bourbon/addons/_rem.scss
235
267
  - source/stylesheets/bourbon/addons/_retina-image.scss
236
268
  - source/stylesheets/bourbon/addons/_size.scss
237
269
  - source/stylesheets/bourbon/addons/_timing-functions.scss
@@ -244,10 +276,14 @@ files:
244
276
  - source/stylesheets/bourbon/css3/_border-image.scss
245
277
  - source/stylesheets/bourbon/css3/_border-radius.scss
246
278
  - source/stylesheets/bourbon/css3/_box-sizing.scss
279
+ - source/stylesheets/bourbon/css3/_calc.scss
247
280
  - source/stylesheets/bourbon/css3/_columns.scss
281
+ - source/stylesheets/bourbon/css3/_filter.scss
248
282
  - source/stylesheets/bourbon/css3/_flex-box.scss
249
283
  - source/stylesheets/bourbon/css3/_font-face.scss
284
+ - source/stylesheets/bourbon/css3/_font-feature-settings.scss
250
285
  - source/stylesheets/bourbon/css3/_hidpi-media-query.scss
286
+ - source/stylesheets/bourbon/css3/_hyphens.scss
251
287
  - source/stylesheets/bourbon/css3/_image-rendering.scss
252
288
  - source/stylesheets/bourbon/css3/_inline-block.scss
253
289
  - source/stylesheets/bourbon/css3/_keyframes.scss
@@ -258,22 +294,36 @@ files:
258
294
  - source/stylesheets/bourbon/css3/_transform.scss
259
295
  - source/stylesheets/bourbon/css3/_transition.scss
260
296
  - source/stylesheets/bourbon/css3/_user-select.scss
297
+ - source/stylesheets/bourbon/functions/_assign.scss
298
+ - source/stylesheets/bourbon/functions/_color-lightness.scss
261
299
  - source/stylesheets/bourbon/functions/_compact.scss
262
300
  - source/stylesheets/bourbon/functions/_flex-grid.scss
301
+ - source/stylesheets/bourbon/functions/_golden-ratio.scss
263
302
  - source/stylesheets/bourbon/functions/_grid-width.scss
264
303
  - source/stylesheets/bourbon/functions/_linear-gradient.scss
265
304
  - source/stylesheets/bourbon/functions/_modular-scale.scss
266
305
  - source/stylesheets/bourbon/functions/_px-to-em.scss
267
306
  - source/stylesheets/bourbon/functions/_radial-gradient.scss
307
+ - source/stylesheets/bourbon/functions/_strip-units.scss
268
308
  - source/stylesheets/bourbon/functions/_tint-shade.scss
269
309
  - source/stylesheets/bourbon/functions/_transition-property-name.scss
310
+ - source/stylesheets/bourbon/functions/_unpack.scss
311
+ - source/stylesheets/bourbon/helpers/_convert-units.scss
270
312
  - source/stylesheets/bourbon/helpers/_deprecated-webkit-gradient.scss
271
313
  - source/stylesheets/bourbon/helpers/_gradient-positions-parser.scss
314
+ - source/stylesheets/bourbon/helpers/_is-num.scss
315
+ - source/stylesheets/bourbon/helpers/_linear-angle-parser.scss
316
+ - source/stylesheets/bourbon/helpers/_linear-gradient-parser.scss
272
317
  - source/stylesheets/bourbon/helpers/_linear-positions-parser.scss
318
+ - source/stylesheets/bourbon/helpers/_linear-side-corner-parser.scss
273
319
  - source/stylesheets/bourbon/helpers/_radial-arg-parser.scss
320
+ - source/stylesheets/bourbon/helpers/_radial-gradient-parser.scss
274
321
  - source/stylesheets/bourbon/helpers/_radial-positions-parser.scss
275
322
  - source/stylesheets/bourbon/helpers/_render-gradients.scss
276
323
  - source/stylesheets/bourbon/helpers/_shape-size-stripper.scss
324
+ - source/stylesheets/bourbon/helpers/_str-to-num.scss
325
+ - source/stylesheets/bourbon/settings/_prefixer.scss
326
+ - source/stylesheets/bourbon/settings/_px-to-em.scss
277
327
  - source/stylesheets/neat/_neat-helpers.scss
278
328
  - source/stylesheets/neat/_neat.scss
279
329
  - source/stylesheets/neat/functions/_new-breakpoint.scss
@@ -294,35 +344,45 @@ files:
294
344
  - source/stylesheets/neat/settings/_grid.scss
295
345
  - source/stylesheets/neat/settings/_visual-grid.scss
296
346
  - source/stylesheets/normalize.css
347
+ - source/stylesheets/refills/_accordion-tabs-minimal.scss
297
348
  - source/stylesheets/refills/_accordion-tabs.scss
298
349
  - source/stylesheets/refills/_accordion.scss
299
350
  - source/stylesheets/refills/_badges.scss
300
351
  - source/stylesheets/refills/_breadcrumbs.scss
301
352
  - source/stylesheets/refills/_button-group.scss
302
353
  - source/stylesheets/refills/_cards.scss
303
- - source/stylesheets/refills/_dashboard.scss
304
- - source/stylesheets/refills/_dropdown-menu.scss
354
+ - source/stylesheets/refills/_comment.scss
355
+ - source/stylesheets/refills/_footer-2.scss
305
356
  - source/stylesheets/refills/_footer.scss
357
+ - source/stylesheets/refills/_grid-items-lines.scss
358
+ - source/stylesheets/refills/_grid-items.scss
306
359
  - source/stylesheets/refills/_hero.scss
307
- - source/stylesheets/refills/_image-cards.scss
308
- - source/stylesheets/refills/_info-section.scss
309
- - source/stylesheets/refills/_item-list.scss
310
- - source/stylesheets/refills/_master-detail.scss
360
+ - source/stylesheets/refills/_hover-tile-animation.scss
361
+ - source/stylesheets/refills/_icon-bullet-points.scss
362
+ - source/stylesheets/refills/_image-gradient-dynamic.scss
363
+ - source/stylesheets/refills/_image-gradient.scss
311
364
  - source/stylesheets/refills/_modal.scss
312
365
  - source/stylesheets/refills/_navigation.scss
313
- - source/stylesheets/refills/_overlap.scss
366
+ - source/stylesheets/refills/_progress-bar-indication.scss
314
367
  - source/stylesheets/refills/_progress-bar.scss
315
368
  - source/stylesheets/refills/_search-bar.scss
316
- - source/stylesheets/refills/_sidebar-layout.scss
317
369
  - source/stylesheets/refills/_sliding-menu.scss
318
- - source/stylesheets/refills/_switch-toggle.scss
370
+ - source/stylesheets/refills/_switch.scss
371
+ - source/stylesheets/refills/_tables-minimal.scss
319
372
  - source/stylesheets/refills/_tables.scss
320
- - source/stylesheets/refills/_toggle-cards.scss
321
373
  - source/stylesheets/refills/_tooltip.scss
374
+ - source/stylesheets/refills/_type-system-geometric.scss
375
+ - source/stylesheets/refills/_type-system-rounded.scss
376
+ - source/stylesheets/refills/_type-system-sans.scss
377
+ - source/stylesheets/refills/_type-system-serif.scss
378
+ - source/stylesheets/refills/_type-system-slab.scss
379
+ - source/stylesheets/refills/_type-system-traditional.scss
322
380
  - source/stylesheets/refills/_vertical-tabs.scss
381
+ - source/vendor/javascripts/ZeroClipboard.min.js
323
382
  - source/vendor/javascripts/prism.js
383
+ - source/vendor/javascripts/smooth-scroll.js
324
384
  - source/vendor/stylesheets/prism.css
325
- homepage: ''
385
+ homepage: http://thoughtbot.github.io/refills/
326
386
  licenses:
327
387
  - MIT
328
388
  metadata: {}
@@ -332,17 +392,17 @@ require_paths:
332
392
  - lib
333
393
  required_ruby_version: !ruby/object:Gem::Requirement
334
394
  requirements:
335
- - - ! '>='
395
+ - - '>='
336
396
  - !ruby/object:Gem::Version
337
397
  version: '0'
338
398
  required_rubygems_version: !ruby/object:Gem::Requirement
339
399
  requirements:
340
- - - ! '>='
400
+ - - '>='
341
401
  - !ruby/object:Gem::Version
342
402
  version: '0'
343
403
  requirements: []
344
404
  rubyforge_project:
345
- rubygems_version: 2.0.3
405
+ rubygems_version: 2.0.14
346
406
  signing_key:
347
407
  specification_version: 4
348
408
  summary: Refills