refills 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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