refills 0.0.2 → 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (810) hide show
  1. checksums.yaml +4 -4
  2. data/.buildpacks +2 -0
  3. data/.gitignore +7 -16
  4. data/.hound.yml +6 -0
  5. data/.ruby-version +1 -0
  6. data/.scss-lint.yml +173 -0
  7. data/.travis.yml +8 -0
  8. data/CONTRIBUTING.md +65 -0
  9. data/Gemfile +12 -10
  10. data/LICENSE.md +21 -0
  11. data/README.md +57 -70
  12. data/Rakefile +20 -0
  13. data/bin/deploy +12 -0
  14. data/bin/setup +13 -0
  15. data/config.rb +7 -88
  16. data/lib/refills/import_generator.rb +65 -2
  17. data/lib/refills/version.rb +1 -1
  18. data/lib/snippet_helpers.rb +89 -0
  19. data/refills.gemspec +14 -15
  20. data/sache.json +5 -0
  21. data/source/_accordion.html.erb +0 -9
  22. data/source/{_accordion-tabs.html.erb → _accordion_tabs.html.erb} +13 -35
  23. data/source/{_accordion-tabs-minimal.html.erb → _accordion_tabs_minimal.html.erb} +9 -31
  24. data/source/_animate.html.erb +4 -0
  25. data/source/_animate_info.html.erb +4 -0
  26. data/source/_badges.html.erb +7 -7
  27. data/source/_button_group.html.erb +18 -0
  28. data/source/_cards.html.erb +5 -27
  29. data/source/_centered_navigation.html.erb +40 -0
  30. data/source/{_snippets.html.erb → _code.html.erb} +5 -2
  31. data/source/_comment.html.erb +2 -2
  32. data/source/_device.html.erb +10 -0
  33. data/source/_dropdown.html.erb +12 -0
  34. data/source/_expander.html.erb +6 -0
  35. data/source/_fade_in.html.erb +7 -0
  36. data/source/_flashes.html.erb +15 -0
  37. data/source/_flex_boxes.html.erb +32 -0
  38. data/source/_footer.html.erb +2 -2
  39. data/source/_footer_2.html.erb +33 -0
  40. data/source/{_grid-items.html.erb → _grid_items.html.erb} +7 -7
  41. data/source/{_grid-items-lines.html.erb → _grid_items_lines.html.erb} +9 -9
  42. data/source/_hero.html.erb +4 -3
  43. data/source/_hover_tile_animation.html.erb +9 -0
  44. data/source/{_icon-bullet-points.html.erb → _icon_bullet_points.html.erb} +12 -11
  45. data/source/{_image-gradient-dynamic.html.erb → _image_gradient_dynamic.html.erb} +2 -2
  46. data/source/_maps.html.erb +74 -0
  47. data/source/_modal.html.erb +3 -3
  48. data/source/_navigation.html.erb +22 -37
  49. data/source/_pagination.html.erb +17 -0
  50. data/source/_parallax.html.erb +6 -0
  51. data/source/{_progress-bar.html.erb → _progress_bar.html.erb} +0 -0
  52. data/source/{_progress-bar-indication.html.erb → _progress_bar_indication.html.erb} +0 -0
  53. data/source/_ribbon.html.erb +5 -0
  54. data/source/_scroll_on_page.html.erb +24 -0
  55. data/source/_search_bar.html.erb +6 -0
  56. data/source/_search_tools.html.erb +58 -0
  57. data/source/_side_image.html.erb +10 -0
  58. data/source/_sliding_menu.html.erb +13 -0
  59. data/source/_snippet.html.erb +12 -3
  60. data/source/_stats.html.erb +8 -0
  61. data/source/_switch.html.erb +4 -7
  62. data/source/_tables.html.erb +2 -2
  63. data/source/{_tables-minimal.html.erb → _tables_minimal.html.erb} +0 -0
  64. data/source/_texture-legend.html.erb +24 -0
  65. data/source/_textures.html.erb +4 -0
  66. data/source/_tooltip.html.erb +2 -2
  67. data/source/_type_system_geometric.html.erb +18 -0
  68. data/source/_type_system_rounded.html.erb +18 -0
  69. data/source/_type_system_sans.html.erb +18 -0
  70. data/source/_type_system_serif.html.erb +19 -0
  71. data/source/_type_system_slab.html.erb +18 -0
  72. data/source/_type_system_traditional.html.erb +18 -0
  73. data/source/{_vertical-tabs.html.erb → _vertical_tabs.html.erb} +4 -39
  74. data/source/_video.html.erb +5 -0
  75. data/source/components.html.erb +222 -0
  76. data/source/images/EmeraldLake.jpg +0 -0
  77. data/source/images/bourbon-nav/bitters.png +0 -0
  78. data/source/images/bourbon-nav/bitters@2x.png +0 -0
  79. data/source/images/bourbon-nav/bourbon.png +0 -0
  80. data/source/images/bourbon-nav/bourbon@2x.png +0 -0
  81. data/source/images/bourbon-nav/neat.png +0 -0
  82. data/source/images/bourbon-nav/neat@2x.png +0 -0
  83. data/source/images/bourbon-nav/refills.png +0 -0
  84. data/source/images/bourbon-nav/refills@2x.png +0 -0
  85. data/source/images/cosmin_capitanu_screen.jpg +0 -0
  86. data/source/images/facebook-logo-circle-dark.png +0 -0
  87. data/source/images/facebook-logo-circle.png +0 -0
  88. data/source/images/indesign-logo-circle.png +0 -0
  89. data/source/images/lake-transparent.png +0 -0
  90. data/source/images/menu-white.png +0 -0
  91. data/source/images/menu.png +0 -0
  92. data/source/images/mountain-thin.png +0 -0
  93. data/source/images/mountains-2.png +0 -0
  94. data/source/images/mountains-3.png +0 -0
  95. data/source/images/mountains-4.png +0 -0
  96. data/source/images/mountains.png +0 -0
  97. data/source/images/placeholder_logo_1.png +0 -0
  98. data/source/images/placeholder_logo_1_dark.png +0 -0
  99. data/source/images/placeholder_logo_2.png +0 -0
  100. data/source/images/placeholder_logo_2_dark.png +0 -0
  101. data/source/images/placeholder_logo_3.png +0 -0
  102. data/source/images/placeholder_logo_3_dark.png +0 -0
  103. data/source/images/placeholder_logo_4.png +0 -0
  104. data/source/images/placeholder_logo_4_dark.png +0 -0
  105. data/source/images/ralph-gray.png +0 -0
  106. data/source/images/ralph.png +0 -0
  107. data/source/images/refills-logo.svg +18 -0
  108. data/source/images/refills-screenshot1.png +0 -0
  109. data/source/images/refills-screenshot2.jpg +0 -0
  110. data/source/images/refills-screenshot3.png +0 -0
  111. data/source/images/search-icon-black.png +0 -0
  112. data/source/images/search-icon.png +0 -0
  113. data/source/images/sliding-menu.png +0 -0
  114. data/source/images/textures/45degreee_fabric.png +0 -0
  115. data/source/images/textures/45degreee_fabric_@2X.png +0 -0
  116. data/source/images/textures/absurdidad.png +0 -0
  117. data/source/images/textures/absurdidad_@2X.png +0 -0
  118. data/source/images/textures/az_subtle.png +0 -0
  119. data/source/images/textures/az_subtle_@2X.png +0 -0
  120. data/source/images/textures/bgnoise_lg.png +0 -0
  121. data/source/images/textures/bgnoise_lg_@2X.png +0 -0
  122. data/source/images/textures/binding_light.png +0 -0
  123. data/source/images/textures/binding_light@2x.png +0 -0
  124. data/source/images/textures/brillant.png +0 -0
  125. data/source/images/textures/brillant_@2X.png +0 -0
  126. data/source/images/textures/brushed.png +0 -0
  127. data/source/images/textures/brushed_@2X.png +0 -0
  128. data/source/images/textures/brushed_alu.png +0 -0
  129. data/source/images/textures/brushed_alu_@2X.png +0 -0
  130. data/source/images/textures/chruch.png +0 -0
  131. data/source/images/textures/chruch_@2X.png +0 -0
  132. data/source/images/textures/circles.png +0 -0
  133. data/source/images/textures/circles_@2X.png +0 -0
  134. data/source/images/textures/concrete_wall_2.png +0 -0
  135. data/source/images/textures/concrete_wall_2_@2X.png +0 -0
  136. data/source/images/textures/concrete_wall_3.png +0 -0
  137. data/source/images/textures/concrete_wall_3_@2X.png +0 -0
  138. data/source/images/textures/corrugation.png +0 -0
  139. data/source/images/textures/corrugation_@2X.png +0 -0
  140. data/source/images/textures/cream_pixels.png +0 -0
  141. data/source/images/textures/cream_pixels@2x.png +0 -0
  142. data/source/images/textures/cross_scratches.png +0 -0
  143. data/source/images/textures/cross_scratches_@2X.png +0 -0
  144. data/source/images/textures/crosses.png +0 -0
  145. data/source/images/textures/crosses_@2X.png +0 -0
  146. data/source/images/textures/debut_light.png +0 -0
  147. data/source/images/textures/debut_light_@2X.png +0 -0
  148. data/source/images/textures/diagonal-noise.png +0 -0
  149. data/source/images/textures/diagonal-noise_@2X.png +0 -0
  150. data/source/images/textures/diagonal_waves.png +0 -0
  151. data/source/images/textures/diagonal_waves_@2X.png +0 -0
  152. data/source/images/textures/double_lined.png +0 -0
  153. data/source/images/textures/double_lined_@2X.png +0 -0
  154. data/source/images/textures/dust.png +0 -0
  155. data/source/images/textures/dust@2x.png +0 -0
  156. data/source/images/textures/dust_@2X.png +0 -0
  157. data/source/images/textures/fabric_plaid.png +0 -0
  158. data/source/images/textures/fabric_plaid_@2X.png +0 -0
  159. data/source/images/textures/fancy_deboss.png +0 -0
  160. data/source/images/textures/fancy_deboss_@2X.png +0 -0
  161. data/source/images/textures/farmer.png +0 -0
  162. data/source/images/textures/farmer_@2X.png +0 -0
  163. data/source/images/textures/first_aid_kit.png +0 -0
  164. data/source/images/textures/first_aid_kit_@2X.png +0 -0
  165. data/source/images/textures/graphy.png +0 -0
  166. data/source/images/textures/graphy_@2X.png +0 -0
  167. data/source/images/textures/grey.png +0 -0
  168. data/source/images/textures/grey_@2X.png +0 -0
  169. data/source/images/textures/grid.png +0 -0
  170. data/source/images/textures/grid_@2X.png +0 -0
  171. data/source/images/textures/grid_noise.png +0 -0
  172. data/source/images/textures/grid_noise_@2X.png +0 -0
  173. data/source/images/textures/gridme.png +0 -0
  174. data/source/images/textures/gridme_@2X.png +0 -0
  175. data/source/images/textures/grilled.png +0 -0
  176. data/source/images/textures/grilled_@2X.png +0 -0
  177. data/source/images/textures/groovepaper.png +0 -0
  178. data/source/images/textures/groovepaper_@2X.png +0 -0
  179. data/source/images/textures/honey_im_subtle.png +0 -0
  180. data/source/images/textures/honey_im_subtle_@2X.png +0 -0
  181. data/source/images/textures/husk.png +0 -0
  182. data/source/images/textures/husk_@2X.png +0 -0
  183. data/source/images/textures/inverted/45degreee_fabric.png +0 -0
  184. data/source/images/textures/inverted/45degreee_fabric_@2X.png +0 -0
  185. data/source/images/textures/inverted/absurdidad.png +0 -0
  186. data/source/images/textures/inverted/absurdidad_@2X.png +0 -0
  187. data/source/images/textures/inverted/az_subtle.png +0 -0
  188. data/source/images/textures/inverted/az_subtle_@2X.png +0 -0
  189. data/source/images/textures/inverted/bgnoise_lg.png +0 -0
  190. data/source/images/textures/inverted/bgnoise_lg_@2X.png +0 -0
  191. data/source/images/textures/inverted/binding_light.png +0 -0
  192. data/source/images/textures/inverted/binding_light@2x.png +0 -0
  193. data/source/images/textures/inverted/brillant.png +0 -0
  194. data/source/images/textures/inverted/brillant_@2X.png +0 -0
  195. data/source/images/textures/inverted/brushed.png +0 -0
  196. data/source/images/textures/inverted/brushed_@2X.png +0 -0
  197. data/source/images/textures/inverted/brushed_alu.png +0 -0
  198. data/source/images/textures/inverted/brushed_alu_@2X.png +0 -0
  199. data/source/images/textures/inverted/chruch.png +0 -0
  200. data/source/images/textures/inverted/chruch_@2X.png +0 -0
  201. data/source/images/textures/inverted/circles.png +0 -0
  202. data/source/images/textures/inverted/circles_@2X.png +0 -0
  203. data/source/images/textures/inverted/concrete_wall_2.png +0 -0
  204. data/source/images/textures/inverted/concrete_wall_2_@2X.png +0 -0
  205. data/source/images/textures/inverted/concrete_wall_3.png +0 -0
  206. data/source/images/textures/inverted/concrete_wall_3_@2X.png +0 -0
  207. data/source/images/textures/inverted/corrugation.png +0 -0
  208. data/source/images/textures/inverted/corrugation_@2X.png +0 -0
  209. data/source/images/textures/inverted/cream_pixels.png +0 -0
  210. data/source/images/textures/inverted/cream_pixels@2x.png +0 -0
  211. data/source/images/textures/inverted/cross_scratches.png +0 -0
  212. data/source/images/textures/inverted/cross_scratches_@2X.png +0 -0
  213. data/source/images/textures/inverted/crosses.png +0 -0
  214. data/source/images/textures/inverted/crosses_@2X.png +0 -0
  215. data/source/images/textures/inverted/debut_light.png +0 -0
  216. data/source/images/textures/inverted/debut_light_@2X.png +0 -0
  217. data/source/images/textures/inverted/diagonal-noise.png +0 -0
  218. data/source/images/textures/inverted/diagonal-noise_@2X.png +0 -0
  219. data/source/images/textures/inverted/diagonal_waves.png +0 -0
  220. data/source/images/textures/inverted/diagonal_waves_@2X.png +0 -0
  221. data/source/images/textures/inverted/double_lined.png +0 -0
  222. data/source/images/textures/inverted/double_lined_@2X.png +0 -0
  223. data/source/images/textures/inverted/dust.png +0 -0
  224. data/source/images/textures/inverted/dust@2x.png +0 -0
  225. data/source/images/textures/inverted/dust_@2X.png +0 -0
  226. data/source/images/textures/inverted/fabric_plaid.png +0 -0
  227. data/source/images/textures/inverted/fabric_plaid_@2X.png +0 -0
  228. data/source/images/textures/inverted/fancy_deboss.png +0 -0
  229. data/source/images/textures/inverted/fancy_deboss_@2X.png +0 -0
  230. data/source/images/textures/inverted/farmer.png +0 -0
  231. data/source/images/textures/inverted/farmer_@2X.png +0 -0
  232. data/source/images/textures/inverted/first_aid_kit.png +0 -0
  233. data/source/images/textures/inverted/first_aid_kit_@2X.png +0 -0
  234. data/source/images/textures/inverted/graphy.png +0 -0
  235. data/source/images/textures/inverted/graphy_@2X.png +0 -0
  236. data/source/images/textures/inverted/grey.png +0 -0
  237. data/source/images/textures/inverted/grey_@2X.png +0 -0
  238. data/source/images/textures/inverted/grid.png +0 -0
  239. data/source/images/textures/inverted/grid_@2X.png +0 -0
  240. data/source/images/textures/inverted/grid_noise.png +0 -0
  241. data/source/images/textures/inverted/grid_noise_@2X.png +0 -0
  242. data/source/images/textures/inverted/gridme.png +0 -0
  243. data/source/images/textures/inverted/gridme_@2X.png +0 -0
  244. data/source/images/textures/inverted/grilled.png +0 -0
  245. data/source/images/textures/inverted/grilled_@2X.png +0 -0
  246. data/source/images/textures/inverted/groovepaper.png +0 -0
  247. data/source/images/textures/inverted/groovepaper_@2X.png +0 -0
  248. data/source/images/textures/inverted/honey_im_subtle.png +0 -0
  249. data/source/images/textures/inverted/honey_im_subtle_@2X.png +0 -0
  250. data/source/images/textures/inverted/husk.png +0 -0
  251. data/source/images/textures/inverted/husk_@2X.png +0 -0
  252. data/source/images/textures/inverted/kindajean.png +0 -0
  253. data/source/images/textures/inverted/kindajean_@2X.png +0 -0
  254. data/source/images/textures/inverted/lghtmesh.png +0 -0
  255. data/source/images/textures/inverted/lghtmesh_@2X.png +0 -0
  256. data/source/images/textures/inverted/light_alu.png +0 -0
  257. data/source/images/textures/inverted/light_alu_@2X.png +0 -0
  258. data/source/images/textures/inverted/light_noise_diagonal.png +0 -0
  259. data/source/images/textures/inverted/light_noise_diagonal_@2X.png +0 -0
  260. data/source/images/textures/inverted/lil_fiber.png +0 -0
  261. data/source/images/textures/inverted/lil_fiber_@2X.png +0 -0
  262. data/source/images/textures/inverted/line_diagonal1.png +0 -0
  263. data/source/images/textures/inverted/line_diagonal2.png +0 -0
  264. data/source/images/textures/inverted/line_horizontal1.png +0 -0
  265. data/source/images/textures/inverted/line_horizontal2.png +0 -0
  266. data/source/images/textures/inverted/linen.png +0 -0
  267. data/source/images/textures/inverted/linen_@2X.png +0 -0
  268. data/source/images/textures/inverted/little_pluses.png +0 -0
  269. data/source/images/textures/inverted/little_pluses_@2X.png +0 -0
  270. data/source/images/textures/inverted/mooning.png +0 -0
  271. data/source/images/textures/inverted/mooning@2x.png +0 -0
  272. data/source/images/textures/inverted/noise_lines.png +0 -0
  273. data/source/images/textures/inverted/noise_lines_@2X.png +0 -0
  274. data/source/images/textures/inverted/noise_pattern_with_crosslines.png +0 -0
  275. data/source/images/textures/inverted/noise_pattern_with_crosslines_@2X.png +0 -0
  276. data/source/images/textures/inverted/noisy.png +0 -0
  277. data/source/images/textures/inverted/noisy_@2X.png +0 -0
  278. data/source/images/textures/inverted/noisy_grid.png +0 -0
  279. data/source/images/textures/inverted/noisy_grid_@2X.png +0 -0
  280. data/source/images/textures/inverted/noisy_grid_simple.png +0 -0
  281. data/source/images/textures/inverted/old_mathematics.png +0 -0
  282. data/source/images/textures/inverted/old_mathematics_@2X.png +0 -0
  283. data/source/images/textures/inverted/old_wall.png +0 -0
  284. data/source/images/textures/inverted/old_wall_@2X.png +0 -0
  285. data/source/images/textures/inverted/p5.png +0 -0
  286. data/source/images/textures/inverted/p5_@2X.png +0 -0
  287. data/source/images/textures/inverted/paper.png +0 -0
  288. data/source/images/textures/inverted/paper_@2X.png +0 -0
  289. data/source/images/textures/inverted/pinstripe.png +0 -0
  290. data/source/images/textures/inverted/pinstripe_@2X.png +0 -0
  291. data/source/images/textures/inverted/ps_neutral.png +0 -0
  292. data/source/images/textures/inverted/ps_neutral_@2X.png +0 -0
  293. data/source/images/textures/inverted/pw_maze_white.png +0 -0
  294. data/source/images/textures/inverted/pw_maze_white_@2X.png +0 -0
  295. data/source/images/textures/inverted/pw_pattern.png +0 -0
  296. data/source/images/textures/inverted/pw_pattern_@2X.png +0 -0
  297. data/source/images/textures/inverted/retina_dust.png +0 -0
  298. data/source/images/textures/inverted/retina_dust_@2X.png +0 -0
  299. data/source/images/textures/inverted/rice_paper.png +0 -0
  300. data/source/images/textures/inverted/rice_paper@2x.png +0 -0
  301. data/source/images/textures/inverted/rough_diagonal.png +0 -0
  302. data/source/images/textures/inverted/rough_diagonal_@2X.png +0 -0
  303. data/source/images/textures/inverted/shinedotted.png +0 -0
  304. data/source/images/textures/inverted/shinedotted_@2X.png +0 -0
  305. data/source/images/textures/inverted/skin_side_up.png +0 -0
  306. data/source/images/textures/inverted/skin_side_up_@2X.png +0 -0
  307. data/source/images/textures/inverted/squairy_light.png +0 -0
  308. data/source/images/textures/inverted/squairy_light_@2X.png +0 -0
  309. data/source/images/textures/inverted/stacked_circles.png +0 -0
  310. data/source/images/textures/inverted/stacked_circles_@2X.png +0 -0
  311. data/source/images/textures/inverted/striped_lens.png +0 -0
  312. data/source/images/textures/inverted/striped_lens_@2X.png +0 -0
  313. data/source/images/textures/inverted/struckaxiom.png +0 -0
  314. data/source/images/textures/inverted/struckaxiom_@2X.png +0 -0
  315. data/source/images/textures/inverted/stucco.png +0 -0
  316. data/source/images/textures/inverted/stucco_@2X.png +0 -0
  317. data/source/images/textures/inverted/subtle_dots.png +0 -0
  318. data/source/images/textures/inverted/subtle_dots_@2X.png +0 -0
  319. data/source/images/textures/inverted/subtle_freckles.png +0 -0
  320. data/source/images/textures/inverted/subtle_freckles_@2X.png +0 -0
  321. data/source/images/textures/inverted/subtle_grunge.png +0 -0
  322. data/source/images/textures/inverted/subtle_grunge_@2X.png +0 -0
  323. data/source/images/textures/inverted/subtle_surface.png +0 -0
  324. data/source/images/textures/inverted/subtle_surface_@2X.png +0 -0
  325. data/source/images/textures/inverted/subtle_zebra_3d.png +0 -0
  326. data/source/images/textures/inverted/subtle_zebra_3d_@2X.png +0 -0
  327. data/source/images/textures/inverted/subtlenet2.png +0 -0
  328. data/source/images/textures/inverted/subtlenet2_@2X.png +0 -0
  329. data/source/images/textures/inverted/tex2res5.png +0 -0
  330. data/source/images/textures/inverted/tex2res5_@2X.png +0 -0
  331. data/source/images/textures/inverted/texturetastic_gray.png +0 -0
  332. data/source/images/textures/inverted/texturetastic_gray_@2X.png +0 -0
  333. data/source/images/textures/inverted/tiny_grid.png +0 -0
  334. data/source/images/textures/inverted/tiny_grid_@2X.png +0 -0
  335. data/source/images/textures/inverted/vichy.png +0 -0
  336. data/source/images/textures/inverted/vichy_@2X.png +0 -0
  337. data/source/images/textures/inverted/vintage_speckles.png +0 -0
  338. data/source/images/textures/inverted/vintage_speckles_@2X.png +0 -0
  339. data/source/images/textures/inverted/wavecut.png +0 -0
  340. data/source/images/textures/inverted/wavecut_@2X.png +0 -0
  341. data/source/images/textures/inverted/wavegrid.png +0 -0
  342. data/source/images/textures/inverted/wavegrid_@2X.png +0 -0
  343. data/source/images/textures/inverted/white_carbon.png +0 -0
  344. data/source/images/textures/inverted/white_carbon_@2X.png +0 -0
  345. data/source/images/textures/inverted/white_texture.png +0 -0
  346. data/source/images/textures/inverted/white_texture_@2X.png +0 -0
  347. data/source/images/textures/inverted/white_wave.png +0 -0
  348. data/source/images/textures/inverted/white_wave_@2X.png +0 -0
  349. data/source/images/textures/inverted/whitey.png +0 -0
  350. data/source/images/textures/inverted/whitey_@2X.png +0 -0
  351. data/source/images/textures/inverted/worn_dots.png +0 -0
  352. data/source/images/textures/inverted/worn_dots_@2X.png +0 -0
  353. data/source/images/textures/kindajean.png +0 -0
  354. data/source/images/textures/kindajean_@2X.png +0 -0
  355. data/source/images/textures/lghtmesh.png +0 -0
  356. data/source/images/textures/lghtmesh_@2X.png +0 -0
  357. data/source/images/textures/light_alu.png +0 -0
  358. data/source/images/textures/light_alu_@2X.png +0 -0
  359. data/source/images/textures/light_noise_diagonal.png +0 -0
  360. data/source/images/textures/light_noise_diagonal_@2X.png +0 -0
  361. data/source/images/textures/lil_fiber.png +0 -0
  362. data/source/images/textures/lil_fiber_@2X.png +0 -0
  363. data/source/images/textures/line_diagonal1.png +0 -0
  364. data/source/images/textures/line_diagonal2.png +0 -0
  365. data/source/images/textures/line_horizontal1.png +0 -0
  366. data/source/images/textures/line_horizontal2.png +0 -0
  367. data/source/images/textures/linen.png +0 -0
  368. data/source/images/textures/linen_@2X.png +0 -0
  369. data/source/images/textures/little_pluses.png +0 -0
  370. data/source/images/textures/little_pluses_@2X.png +0 -0
  371. data/source/images/textures/mooning.png +0 -0
  372. data/source/images/textures/mooning@2x.png +0 -0
  373. data/source/images/textures/noise_lines.png +0 -0
  374. data/source/images/textures/noise_lines_@2X.png +0 -0
  375. data/source/images/textures/noise_pattern_with_crosslines.png +0 -0
  376. data/source/images/textures/noise_pattern_with_crosslines_@2X.png +0 -0
  377. data/source/images/textures/noisy.png +0 -0
  378. data/source/images/textures/noisy_@2X.png +0 -0
  379. data/source/images/textures/noisy_grid.png +0 -0
  380. data/source/images/textures/noisy_grid_@2X.png +0 -0
  381. data/source/images/textures/noisy_grid_simple.png +0 -0
  382. data/source/images/textures/old_mathematics.png +0 -0
  383. data/source/images/textures/old_mathematics_@2X.png +0 -0
  384. data/source/images/textures/old_wall.png +0 -0
  385. data/source/images/textures/old_wall_@2X.png +0 -0
  386. data/source/images/textures/p5.png +0 -0
  387. data/source/images/textures/p5_@2X.png +0 -0
  388. data/source/images/textures/paper.png +0 -0
  389. data/source/images/textures/paper_@2X.png +0 -0
  390. data/source/images/textures/pinstripe.png +0 -0
  391. data/source/images/textures/pinstripe_@2X.png +0 -0
  392. data/source/images/textures/ps_neutral.png +0 -0
  393. data/source/images/textures/ps_neutral_@2X.png +0 -0
  394. data/source/images/textures/pw_maze_white.png +0 -0
  395. data/source/images/textures/pw_maze_white_@2X.png +0 -0
  396. data/source/images/textures/pw_pattern.png +0 -0
  397. data/source/images/textures/pw_pattern_@2X.png +0 -0
  398. data/source/images/textures/retina_dust.png +0 -0
  399. data/source/images/textures/retina_dust_@2X.png +0 -0
  400. data/source/images/textures/rice_paper.png +0 -0
  401. data/source/images/textures/rice_paper@2x.png +0 -0
  402. data/source/images/textures/rough_diagonal.png +0 -0
  403. data/source/images/textures/rough_diagonal_@2X.png +0 -0
  404. data/source/images/textures/shinedotted.png +0 -0
  405. data/source/images/textures/shinedotted_@2X.png +0 -0
  406. data/source/images/textures/skin_side_up.png +0 -0
  407. data/source/images/textures/skin_side_up_@2X.png +0 -0
  408. data/source/images/textures/squairy_light.png +0 -0
  409. data/source/images/textures/squairy_light_@2X.png +0 -0
  410. data/source/images/textures/stacked_circles.png +0 -0
  411. data/source/images/textures/stacked_circles_@2X.png +0 -0
  412. data/source/images/textures/striped_lens.png +0 -0
  413. data/source/images/textures/striped_lens_@2X.png +0 -0
  414. data/source/images/textures/struckaxiom.png +0 -0
  415. data/source/images/textures/struckaxiom_@2X.png +0 -0
  416. data/source/images/textures/stucco.png +0 -0
  417. data/source/images/textures/stucco_@2X.png +0 -0
  418. data/source/images/textures/subtle_dots.png +0 -0
  419. data/source/images/textures/subtle_dots_@2X.png +0 -0
  420. data/source/images/textures/subtle_freckles.png +0 -0
  421. data/source/images/textures/subtle_freckles_@2X.png +0 -0
  422. data/source/images/textures/subtle_grunge.png +0 -0
  423. data/source/images/textures/subtle_grunge_@2X.png +0 -0
  424. data/source/images/textures/subtle_surface.png +0 -0
  425. data/source/images/textures/subtle_surface_@2X.png +0 -0
  426. data/source/images/textures/subtle_zebra_3d.png +0 -0
  427. data/source/images/textures/subtle_zebra_3d_@2X.png +0 -0
  428. data/source/images/textures/subtlenet2.png +0 -0
  429. data/source/images/textures/subtlenet2_@2X.png +0 -0
  430. data/source/images/textures/tex2res5.png +0 -0
  431. data/source/images/textures/tex2res5_@2X.png +0 -0
  432. data/source/images/textures/texturetastic_gray.png +0 -0
  433. data/source/images/textures/texturetastic_gray_@2X.png +0 -0
  434. data/source/images/textures/tiny_grid.png +0 -0
  435. data/source/images/textures/tiny_grid_@2X.png +0 -0
  436. data/source/images/textures/vichy.png +0 -0
  437. data/source/images/textures/vichy_@2X.png +0 -0
  438. data/source/images/textures/vintage_speckles.png +0 -0
  439. data/source/images/textures/vintage_speckles_@2X.png +0 -0
  440. data/source/images/textures/wavecut.png +0 -0
  441. data/source/images/textures/wavecut_@2X.png +0 -0
  442. data/source/images/textures/wavegrid.png +0 -0
  443. data/source/images/textures/wavegrid_@2X.png +0 -0
  444. data/source/images/textures/white_carbon.png +0 -0
  445. data/source/images/textures/white_carbon_@2X.png +0 -0
  446. data/source/images/textures/white_texture.png +0 -0
  447. data/source/images/textures/white_texture_@2X.png +0 -0
  448. data/source/images/textures/white_wave.png +0 -0
  449. data/source/images/textures/white_wave_@2X.png +0 -0
  450. data/source/images/textures/whitey.png +0 -0
  451. data/source/images/textures/whitey_@2X.png +0 -0
  452. data/source/images/textures/worn_dots.png +0 -0
  453. data/source/images/textures/worn_dots_@2X.png +0 -0
  454. data/source/images/twitter-logo-circle-dark.png +0 -0
  455. data/source/images/twitter-logo-circle.png +0 -0
  456. data/source/images/youtube-logo-circle-dark.png +0 -0
  457. data/source/images/youtube-logo-circle.png +0 -0
  458. data/source/index.html.erb +164 -293
  459. data/source/javascripts/all.js +7 -8
  460. data/source/javascripts/menuAnchorAnimation.js +11 -0
  461. data/source/javascripts/refills/accordion.js +5 -0
  462. data/source/javascripts/refills/accordion_tabs.js +19 -0
  463. data/source/javascripts/refills/accordion_tabs_minimal.js +19 -0
  464. data/source/javascripts/refills/animate.js +10 -0
  465. data/source/javascripts/refills/centered_navigation.js +13 -0
  466. data/source/javascripts/refills/coffeescript/accordion.coffee +6 -0
  467. data/source/javascripts/refills/coffeescript/accordion_tabs.coffee +19 -0
  468. data/source/javascripts/refills/coffeescript/accordion_tabs_minimal.coffee +19 -0
  469. data/source/javascripts/refills/coffeescript/animate.coffee +12 -0
  470. data/source/javascripts/refills/coffeescript/centered_navigation.coffee +13 -0
  471. data/source/javascripts/refills/coffeescript/dropdown.coffee +15 -0
  472. data/source/javascripts/refills/coffeescript/expander.coffee +9 -0
  473. data/source/javascripts/refills/coffeescript/fade_in.coffee +20 -0
  474. data/source/javascripts/refills/coffeescript/modal.coffee +18 -0
  475. data/source/javascripts/refills/coffeescript/navigation.coffee +13 -0
  476. data/source/javascripts/refills/coffeescript/parallax.coffee +22 -0
  477. data/source/javascripts/refills/coffeescript/scroll_on_page.coffee +23 -0
  478. data/source/javascripts/refills/coffeescript/search_tools.coffee +85 -0
  479. data/source/javascripts/refills/coffeescript/sliding_menu.coffee +8 -0
  480. data/source/javascripts/refills/coffeescript/vertical_tabs.coffee +28 -0
  481. data/source/javascripts/refills/dropdown.js +12 -0
  482. data/source/javascripts/refills/expander.js +8 -0
  483. data/source/javascripts/refills/fade_in.js +23 -0
  484. data/source/javascripts/refills/modal.js +17 -0
  485. data/source/javascripts/refills/navigation.js +13 -0
  486. data/source/javascripts/refills/parallax.js +30 -0
  487. data/source/javascripts/refills/scroll_on_page.js +26 -0
  488. data/source/javascripts/refills/search_tools.js +110 -0
  489. data/source/javascripts/refills/sliding_menu.js +6 -0
  490. data/source/javascripts/refills/vertical_tabs.js +32 -0
  491. data/source/{vendor/javascripts → javascripts/vendor}/ZeroClipboard.min.js +0 -0
  492. data/source/javascripts/vendor/fixedsticky.js +185 -0
  493. data/source/{vendor/javascripts → javascripts/vendor}/prism.js +0 -0
  494. data/source/{vendor/javascripts → javascripts/vendor}/smooth-scroll.js +0 -0
  495. data/source/layouts/layout.erb +90 -17
  496. data/source/refills-hero.html.erb +7 -0
  497. data/source/refills-menu.html.erb +5 -0
  498. data/source/refills-page-scripts.html.erb +72 -0
  499. data/source/stylesheets/_bourbon-nav.scss +87 -0
  500. data/source/stylesheets/_refills-nav.scss +48 -31
  501. data/source/stylesheets/_refills-styles.scss +411 -264
  502. data/source/stylesheets/all.scss +45 -23
  503. data/source/stylesheets/refills/_accordion-tabs-minimal.scss +27 -49
  504. data/source/stylesheets/refills/_accordion-tabs.scss +44 -37
  505. data/source/stylesheets/refills/_accordion.scss +43 -10
  506. data/source/stylesheets/refills/_animate-info.scss +14 -0
  507. data/source/stylesheets/refills/_animate.scss +78 -0
  508. data/source/stylesheets/refills/_badges.scss +30 -37
  509. data/source/stylesheets/refills/_breadcrumbs.scss +33 -22
  510. data/source/stylesheets/refills/_button-group.scss +79 -40
  511. data/source/stylesheets/refills/_cards.scss +32 -71
  512. data/source/stylesheets/refills/_centered-navigation.scss +267 -0
  513. data/source/stylesheets/refills/_comment.scss +23 -14
  514. data/source/stylesheets/refills/_device.scss +101 -0
  515. data/source/stylesheets/refills/_dropdown.scss +146 -0
  516. data/source/stylesheets/refills/_expander.scss +56 -0
  517. data/source/stylesheets/refills/_fade-in.scss +38 -0
  518. data/source/stylesheets/refills/_flashes.scss +40 -0
  519. data/source/stylesheets/refills/_flex-boxes.scss +84 -0
  520. data/source/stylesheets/refills/_footer-2.scss +62 -9
  521. data/source/stylesheets/refills/_footer.scss +32 -11
  522. data/source/stylesheets/refills/_grid-items-lines.scss +38 -18
  523. data/source/stylesheets/refills/_grid-items.scss +38 -19
  524. data/source/stylesheets/refills/_hero.scss +63 -55
  525. data/source/stylesheets/refills/_hover-tile-animation.scss +31 -23
  526. data/source/stylesheets/refills/_icon-bullet-points.scss +44 -32
  527. data/source/stylesheets/refills/_image-gradient-dynamic.scss +19 -22
  528. data/source/stylesheets/refills/_maps.scss +24 -0
  529. data/source/stylesheets/refills/_modal.scss +66 -46
  530. data/source/stylesheets/refills/_navigation.scss +162 -69
  531. data/source/stylesheets/refills/_pagination.scss +76 -0
  532. data/source/stylesheets/refills/_parallax.scss +31 -0
  533. data/source/stylesheets/refills/_progress-bar-indication.scss +22 -10
  534. data/source/stylesheets/refills/_progress-bar.scss +11 -3
  535. data/source/stylesheets/refills/_ribbon.scss +33 -0
  536. data/source/stylesheets/refills/_scroll-on-page.scss +57 -0
  537. data/source/stylesheets/refills/_search-bar.scss +35 -28
  538. data/source/stylesheets/refills/_search-tools.scss +114 -0
  539. data/source/stylesheets/refills/_side-image.scss +80 -0
  540. data/source/stylesheets/refills/_sliding-menu.scss +45 -23
  541. data/source/stylesheets/refills/_stats.scss +39 -0
  542. data/source/stylesheets/refills/_switch.scss +63 -51
  543. data/source/stylesheets/refills/_tables-minimal.scss +43 -15
  544. data/source/stylesheets/refills/_tables.scss +55 -23
  545. data/source/stylesheets/refills/_texture-legend.scss +193 -0
  546. data/source/stylesheets/refills/_textures.scss +123 -0
  547. data/source/stylesheets/refills/_tooltip.scss +44 -21
  548. data/source/stylesheets/refills/_type-system-geometric.scss +58 -14
  549. data/source/stylesheets/refills/_type-system-rounded.scss +61 -15
  550. data/source/stylesheets/refills/_type-system-sans.scss +59 -14
  551. data/source/stylesheets/refills/_type-system-serif.scss +58 -13
  552. data/source/stylesheets/refills/_type-system-slab.scss +60 -16
  553. data/source/stylesheets/refills/_type-system-traditional.scss +58 -11
  554. data/source/stylesheets/refills/_vertical-tabs.scss +41 -8
  555. data/source/stylesheets/refills/_video.scss +13 -0
  556. data/source/stylesheets/vendor/fixedsticky.css +22 -0
  557. data/source/stylesheets/vendor/normalize.css +427 -0
  558. data/source/{vendor/stylesheets → stylesheets/vendor}/prism.css +0 -0
  559. data/source/type-systems.html.erb +79 -0
  560. data/spec/refills/import_generator_spec.rb +106 -0
  561. data/spec/spec_helper.rb +2 -0
  562. metadata +520 -281
  563. data/Gemfile.lock +0 -103
  564. data/LICENSE.txt +0 -22
  565. data/NEWS.md +0 -12
  566. data/pkg/refills-0.0.1.gem +0 -0
  567. data/source/_button-group.html.erb +0 -6
  568. data/source/_dropdown-menu.html.erb +0 -45
  569. data/source/_footer-2.html.erb +0 -29
  570. data/source/_hover-tile-animation.html.erb +0 -11
  571. data/source/_image-gradient.html.erb +0 -6
  572. data/source/_search-bar.html.erb +0 -8
  573. data/source/_sliding-menu.html.erb +0 -30
  574. data/source/_type-system-content.html.erb +0 -11
  575. data/source/_type-system-geometric.html.erb +0 -8
  576. data/source/_type-system-rounded.html.erb +0 -8
  577. data/source/_type-system-sans.html.erb +0 -8
  578. data/source/_type-system-serif.html.erb +0 -9
  579. data/source/_type-system-slab.html.erb +0 -8
  580. data/source/_type-system-traditional.html.erb +0 -8
  581. data/source/fonts/Fairview_Regular.otf +0 -0
  582. data/source/fonts/Fairview_SmallCaps.otf +0 -0
  583. data/source/fonts/PoetsenOne-Regular.ttf +0 -0
  584. data/source/images/Octocat.png +0 -0
  585. data/source/images/background.png +0 -0
  586. data/source/images/middleman.png +0 -0
  587. data/source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_deprecated-webkit-gradient.scssc +0 -0
  588. data/source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_gradient-positions-parser.scssc +0 -0
  589. data/source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_linear-positions-parser.scssc +0 -0
  590. data/source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_radial-arg-parser.scssc +0 -0
  591. data/source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_radial-positions-parser.scssc +0 -0
  592. data/source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_render-gradients.scssc +0 -0
  593. data/source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_shape-size-stripper.scssc +0 -0
  594. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_fill-parent.scssc +0 -0
  595. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_grid.scssc +0 -0
  596. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_media.scssc +0 -0
  597. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_omega.scssc +0 -0
  598. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_outer-container.scssc +0 -0
  599. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_pad.scssc +0 -0
  600. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_private.scssc +0 -0
  601. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_reset.scssc +0 -0
  602. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_row.scssc +0 -0
  603. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_shift.scssc +0 -0
  604. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_span-columns.scssc +0 -0
  605. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_to-deprecate.scssc +0 -0
  606. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_visual-grid.scssc +0 -0
  607. data/source/stylesheets/.sass-cache/3c5af5c36664454ea95f8284b8f46c4539020663/_neat-helpers.scssc +0 -0
  608. data/source/stylesheets/.sass-cache/3c5af5c36664454ea95f8284b8f46c4539020663/_neat.scssc +0 -0
  609. data/source/stylesheets/.sass-cache/5d5301b1b4de0f4b931a707c7390ccdbbf02bc5c/_bourbon-deprecated-upcoming.scssc +0 -0
  610. data/source/stylesheets/.sass-cache/5d5301b1b4de0f4b931a707c7390ccdbbf02bc5c/_bourbon.scssc +0 -0
  611. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_bitters.scssc +0 -0
  612. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_flashes.scssc +0 -0
  613. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_forms.scssc +0 -0
  614. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_grid-settings.scssc +0 -0
  615. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_lists.scssc +0 -0
  616. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_tables.scssc +0 -0
  617. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_typography.scssc +0 -0
  618. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_variables.scssc +0 -0
  619. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_accordion-tabs.scssc +0 -0
  620. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_accordion.scssc +0 -0
  621. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_badges.scssc +0 -0
  622. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_breadcrumbs.scssc +0 -0
  623. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_button-group.scssc +0 -0
  624. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_buttons.scssc +0 -0
  625. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_cards.scssc +0 -0
  626. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_dashboard.scssc +0 -0
  627. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_dropdown-menu.scssc +0 -0
  628. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_footer.scssc +0 -0
  629. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_header-nav.scssc +0 -0
  630. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_hero.scssc +0 -0
  631. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_image-cards.scssc +0 -0
  632. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_image-gradient.scssc +0 -0
  633. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_info-section.scssc +0 -0
  634. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_item-list.scssc +0 -0
  635. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_master-detail.scssc +0 -0
  636. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_modal.scssc +0 -0
  637. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_navigation.scssc +0 -0
  638. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_overlap.scssc +0 -0
  639. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_progress-bar.scssc +0 -0
  640. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_search-bar.scssc +0 -0
  641. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_sidebar-layout.scssc +0 -0
  642. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_sliding-menu.scssc +0 -0
  643. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_switch-toggle.scssc +0 -0
  644. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_table-borders.scssc +0 -0
  645. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_table.scssc +0 -0
  646. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_tables.scssc +0 -0
  647. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_tabs.scssc +0 -0
  648. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_toggle-cards.scssc +0 -0
  649. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_tooltip.scssc +0 -0
  650. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_vertical-tabs.scssc +0 -0
  651. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/vertical-tabs.scssc +0 -0
  652. data/source/stylesheets/.sass-cache/949f49000f6a509c8c1d8b10cc864f41440f4640/_new-breakpoint.scssc +0 -0
  653. data/source/stylesheets/.sass-cache/949f49000f6a509c8c1d8b10cc864f41440f4640/_private.scssc +0 -0
  654. data/source/stylesheets/.sass-cache/949f49000f6a509c8c1d8b10cc864f41440f4640/_px-to-em.scssc +0 -0
  655. data/source/stylesheets/.sass-cache/9c3cd587ffeef0d147804cf4a2177df69c325021/_grid.scssc +0 -0
  656. data/source/stylesheets/.sass-cache/9c3cd587ffeef0d147804cf4a2177df69c325021/_visual-grid.scssc +0 -0
  657. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_button.scssc +0 -820
  658. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_clearfix.scssc +0 -0
  659. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_font-family.scssc +0 -0
  660. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_hide-text.scssc +0 -0
  661. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_html5-input-types.scssc +0 -0
  662. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_position.scssc +0 -0
  663. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_prefixer.scssc +0 -0
  664. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_retina-image.scssc +0 -0
  665. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_size.scssc +0 -0
  666. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_timing-functions.scssc +0 -0
  667. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_triangle.scssc +0 -0
  668. data/source/stylesheets/.sass-cache/d215ab98db0764a70113a4b69eb12099c4a4b951/_layout.scssc +0 -0
  669. data/source/stylesheets/.sass-cache/d215ab98db0764a70113a4b69eb12099c4a4b951/_normalize.scssc +0 -0
  670. data/source/stylesheets/.sass-cache/d215ab98db0764a70113a4b69eb12099c4a4b951/_refills-styles.scssc +0 -0
  671. data/source/stylesheets/.sass-cache/d215ab98db0764a70113a4b69eb12099c4a4b951/all.scssc +0 -0
  672. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_animation.scssc +0 -0
  673. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_appearance.scssc +0 -0
  674. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_backface-visibility.scssc +0 -0
  675. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_background-image.scssc +0 -0
  676. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_background.scssc +0 -0
  677. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_border-image.scssc +0 -0
  678. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_border-radius.scssc +0 -0
  679. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_box-sizing.scssc +0 -0
  680. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_columns.scssc +0 -0
  681. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_flex-box.scssc +0 -0
  682. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_font-face.scssc +0 -0
  683. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_hidpi-media-query.scssc +0 -0
  684. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_image-rendering.scssc +0 -0
  685. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_inline-block.scssc +0 -0
  686. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_keyframes.scssc +0 -0
  687. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_linear-gradient.scssc +0 -0
  688. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_perspective.scssc +0 -0
  689. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_placeholder.scssc +0 -0
  690. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_radial-gradient.scssc +0 -0
  691. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_transform.scssc +0 -0
  692. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_transition.scssc +0 -0
  693. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_user-select.scssc +0 -0
  694. data/source/stylesheets/.sass-cache/e04a546d656fd6d36e1f48c3953beece343e5456/_base.scssc +0 -0
  695. data/source/stylesheets/.sass-cache/e04a546d656fd6d36e1f48c3953beece343e5456/_button.scssc +0 -0
  696. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_compact.scssc +0 -0
  697. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_flex-grid.scssc +0 -0
  698. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_grid-width.scssc +0 -0
  699. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_linear-gradient.scssc +0 -0
  700. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_modular-scale.scssc +0 -0
  701. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_px-to-em.scssc +0 -0
  702. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_radial-gradient.scssc +0 -0
  703. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_tint-shade.scssc +0 -0
  704. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_transition-property-name.scssc +0 -0
  705. data/source/stylesheets/_normalize.scss +0 -402
  706. data/source/stylesheets/bitters/_bitters.scss +0 -16
  707. data/source/stylesheets/bitters/_flashes.scss +0 -11
  708. data/source/stylesheets/bitters/_forms.scss +0 -95
  709. data/source/stylesheets/bitters/_grid-settings.scss +0 -14
  710. data/source/stylesheets/bitters/_lists.scss +0 -31
  711. data/source/stylesheets/bitters/_tables.scss +0 -22
  712. data/source/stylesheets/bitters/_typography.scss +0 -104
  713. data/source/stylesheets/bitters/_variables.scss +0 -43
  714. data/source/stylesheets/bitters/extends/_base.scss +0 -1
  715. data/source/stylesheets/bitters/extends/_button.scss +0 -7
  716. data/source/stylesheets/bitters/mixins/_base.scss +0 -1
  717. data/source/stylesheets/bitters/mixins/_flash.scss +0 -15
  718. data/source/stylesheets/bourbon/_bourbon-deprecated-upcoming.scss +0 -13
  719. data/source/stylesheets/bourbon/_bourbon.scss +0 -59
  720. data/source/stylesheets/bourbon/addons/_button.scss +0 -273
  721. data/source/stylesheets/bourbon/addons/_clearfix.scss +0 -29
  722. data/source/stylesheets/bourbon/addons/_directional-values.scss +0 -114
  723. data/source/stylesheets/bourbon/addons/_ellipsis.scss +0 -7
  724. data/source/stylesheets/bourbon/addons/_font-family.scss +0 -5
  725. data/source/stylesheets/bourbon/addons/_hide-text.scss +0 -5
  726. data/source/stylesheets/bourbon/addons/_html5-input-types.scss +0 -56
  727. data/source/stylesheets/bourbon/addons/_position.scss +0 -42
  728. data/source/stylesheets/bourbon/addons/_prefixer.scss +0 -49
  729. data/source/stylesheets/bourbon/addons/_rem.scss +0 -33
  730. data/source/stylesheets/bourbon/addons/_retina-image.scss +0 -32
  731. data/source/stylesheets/bourbon/addons/_size.scss +0 -44
  732. data/source/stylesheets/bourbon/addons/_timing-functions.scss +0 -32
  733. data/source/stylesheets/bourbon/addons/_triangle.scss +0 -45
  734. data/source/stylesheets/bourbon/css3/_animation.scss +0 -52
  735. data/source/stylesheets/bourbon/css3/_appearance.scss +0 -3
  736. data/source/stylesheets/bourbon/css3/_backface-visibility.scss +0 -6
  737. data/source/stylesheets/bourbon/css3/_background-image.scss +0 -48
  738. data/source/stylesheets/bourbon/css3/_background.scss +0 -103
  739. data/source/stylesheets/bourbon/css3/_border-image.scss +0 -55
  740. data/source/stylesheets/bourbon/css3/_border-radius.scss +0 -22
  741. data/source/stylesheets/bourbon/css3/_box-sizing.scss +0 -4
  742. data/source/stylesheets/bourbon/css3/_calc.scss +0 -4
  743. data/source/stylesheets/bourbon/css3/_columns.scss +0 -47
  744. data/source/stylesheets/bourbon/css3/_filter.scss +0 -5
  745. data/source/stylesheets/bourbon/css3/_flex-box.scss +0 -52
  746. data/source/stylesheets/bourbon/css3/_font-face.scss +0 -23
  747. data/source/stylesheets/bourbon/css3/_font-feature-settings.scss +0 -10
  748. data/source/stylesheets/bourbon/css3/_hidpi-media-query.scss +0 -10
  749. data/source/stylesheets/bourbon/css3/_hyphens.scss +0 -4
  750. data/source/stylesheets/bourbon/css3/_image-rendering.scss +0 -13
  751. data/source/stylesheets/bourbon/css3/_inline-block.scss +0 -8
  752. data/source/stylesheets/bourbon/css3/_keyframes.scss +0 -43
  753. data/source/stylesheets/bourbon/css3/_linear-gradient.scss +0 -41
  754. data/source/stylesheets/bourbon/css3/_perspective.scss +0 -8
  755. data/source/stylesheets/bourbon/css3/_placeholder.scss +0 -29
  756. data/source/stylesheets/bourbon/css3/_radial-gradient.scss +0 -44
  757. data/source/stylesheets/bourbon/css3/_transform.scss +0 -15
  758. data/source/stylesheets/bourbon/css3/_transition.scss +0 -34
  759. data/source/stylesheets/bourbon/css3/_user-select.scss +0 -3
  760. data/source/stylesheets/bourbon/functions/_assign.scss +0 -11
  761. data/source/stylesheets/bourbon/functions/_color-lightness.scss +0 -13
  762. data/source/stylesheets/bourbon/functions/_compact.scss +0 -11
  763. data/source/stylesheets/bourbon/functions/_flex-grid.scss +0 -39
  764. data/source/stylesheets/bourbon/functions/_golden-ratio.scss +0 -3
  765. data/source/stylesheets/bourbon/functions/_grid-width.scss +0 -13
  766. data/source/stylesheets/bourbon/functions/_linear-gradient.scss +0 -13
  767. data/source/stylesheets/bourbon/functions/_modular-scale.scss +0 -40
  768. data/source/stylesheets/bourbon/functions/_px-to-em.scss +0 -8
  769. data/source/stylesheets/bourbon/functions/_radial-gradient.scss +0 -23
  770. data/source/stylesheets/bourbon/functions/_strip-units.scss +0 -5
  771. data/source/stylesheets/bourbon/functions/_tint-shade.scss +0 -9
  772. data/source/stylesheets/bourbon/functions/_transition-property-name.scss +0 -22
  773. data/source/stylesheets/bourbon/functions/_unpack.scss +0 -17
  774. data/source/stylesheets/bourbon/helpers/_convert-units.scss +0 -15
  775. data/source/stylesheets/bourbon/helpers/_deprecated-webkit-gradient.scss +0 -39
  776. data/source/stylesheets/bourbon/helpers/_gradient-positions-parser.scss +0 -13
  777. data/source/stylesheets/bourbon/helpers/_is-num.scss +0 -8
  778. data/source/stylesheets/bourbon/helpers/_linear-angle-parser.scss +0 -25
  779. data/source/stylesheets/bourbon/helpers/_linear-gradient-parser.scss +0 -41
  780. data/source/stylesheets/bourbon/helpers/_linear-positions-parser.scss +0 -61
  781. data/source/stylesheets/bourbon/helpers/_linear-side-corner-parser.scss +0 -31
  782. data/source/stylesheets/bourbon/helpers/_radial-arg-parser.scss +0 -69
  783. data/source/stylesheets/bourbon/helpers/_radial-gradient-parser.scss +0 -50
  784. data/source/stylesheets/bourbon/helpers/_radial-positions-parser.scss +0 -18
  785. data/source/stylesheets/bourbon/helpers/_render-gradients.scss +0 -26
  786. data/source/stylesheets/bourbon/helpers/_shape-size-stripper.scss +0 -10
  787. data/source/stylesheets/bourbon/helpers/_str-to-num.scss +0 -50
  788. data/source/stylesheets/bourbon/settings/_prefixer.scss +0 -6
  789. data/source/stylesheets/bourbon/settings/_px-to-em.scss +0 -1
  790. data/source/stylesheets/neat/_neat-helpers.scss +0 -7
  791. data/source/stylesheets/neat/_neat.scss +0 -21
  792. data/source/stylesheets/neat/functions/_new-breakpoint.scss +0 -16
  793. data/source/stylesheets/neat/functions/_private.scss +0 -125
  794. data/source/stylesheets/neat/grid/_fill-parent.scss +0 -7
  795. data/source/stylesheets/neat/grid/_grid.scss +0 -5
  796. data/source/stylesheets/neat/grid/_media.scss +0 -51
  797. data/source/stylesheets/neat/grid/_omega.scss +0 -79
  798. data/source/stylesheets/neat/grid/_outer-container.scss +0 -8
  799. data/source/stylesheets/neat/grid/_pad.scss +0 -8
  800. data/source/stylesheets/neat/grid/_private.scss +0 -50
  801. data/source/stylesheets/neat/grid/_reset.scss +0 -12
  802. data/source/stylesheets/neat/grid/_row.scss +0 -17
  803. data/source/stylesheets/neat/grid/_shift.scss +0 -16
  804. data/source/stylesheets/neat/grid/_span-columns.scss +0 -45
  805. data/source/stylesheets/neat/grid/_to-deprecate.scss +0 -57
  806. data/source/stylesheets/neat/grid/_visual-grid.scss +0 -41
  807. data/source/stylesheets/neat/settings/_grid.scss +0 -7
  808. data/source/stylesheets/neat/settings/_visual-grid.scss +0 -5
  809. data/source/stylesheets/normalize.css +0 -375
  810. data/source/stylesheets/refills/_image-gradient.scss +0 -56
data/source/images/textures/wavecut.png ADDED
Binary file
data/source/images/textures/wavegrid.png ADDED
Binary file
data/source/images/textures/whitey.png ADDED
Binary file
data/source/index.html.erb CHANGED
@@ -2,303 +2,174 @@
2
2
  title: Refills
3
3
  ---
4
4
 
5
- <div class="refills-header">
6
- <h1>Refills</h1>
7
- <h2><span>Refills</span> are prepackaged patterns and components, built on top of <a href="http://www.bourbon.io">Bourbon</a>, <a href="http://bitters.bourbon.io/">Bitters</a>, and <a href="http://neat.bourbon.io/">Neat</a>.</h2>
8
- <p>Managed by <a href="http://www.thoughtbot.com">thoughtbot</a>, instructions at <a href="https://github.com/thoughtbot/refills">Github</a></p>
9
- </div>
10
-
11
- <div id="example1" class="refills-wrapper">
12
-
13
- <a class="js-menu-trigger-refills refills-menu-anchor">
14
- <img src="images/menu.png" alt="">
5
+ <div class="refills-patterns">
6
+ <a class="js-menu-trigger-refills refills-menu-anchor fixedsticky">
7
+ <img src="/images/menu.png" alt="Menu icon">
15
8
  </a>
16
9
  <div class="js-menu-screen-refills refills-menu-screen"></div>
17
10
 
18
- <h5>Patterns</h5>
19
-
20
- <div id="navigation" class="refill">
21
- <div class="line-behind-text"><h6>Navigation</h6></div>
22
- <%= partial "navigation" %>
23
- <div class="refill-snippet"><%= snippets('navigation') %></div>
24
- </div>
25
-
26
- <div id="hero" class="refill">
27
- <div class="line-behind-text"><h6>Hero Unit</h6> </div>
28
- <%= partial "hero" %>
29
- <div class="refill-snippet"><%= snippets('hero') %></div>
30
- </div>
31
-
32
- <div id="icon-bullet-points" class="refill">
33
- <div class="line-behind-text"><h6>Icon Bullet Points</h6></div>
34
- <%= partial "icon-bullet-points" %>
35
- <div class="refill-snippet"><%= snippets('icon-bullet-points') %></div>
36
- </div>
37
-
38
- <div id="type-systems" class="refill">
39
- <div class="line-behind-text"><h6>Typographic Systems</h6></div>
40
- <div class="refill-smaller">
41
- <ul class="accordion-tabs-type-systems">
42
-
43
- <li class="tab js-is-active" data-role="tab">
44
- <a href="#" class="tab-link-type-system" data-role="link">Serif</a>
45
- <section>
46
- <div class="tab-content">
47
- <div class="refill-centering"><%= partial "type-system-serif" %></div>
48
- <div class="refill-snippet"><%= snippets('type-system-serif') %></div>
49
- </div>
50
- </section>
51
- </li>
52
-
53
- <li class="tab" data-role="tab">
54
- <a href="#" class="tab-link-type-system" data-role="link">Sans</a>
55
- <section>
56
- <div class="tab-content">
57
- <div class="refill-centering"><%= partial "type-system-sans" %></div>
58
- <div class="refill-snippet"><%= snippets('type-system-sans') %></div>
59
- </div>
60
- </section>
61
- </li>
62
-
63
- <li class="tab" data-role="tab">
64
- <a href="#" class="tab-link-type-system" data-role="link">Slab</a>
65
- <section>
66
- <div class="tab-content">
67
- <div class="refill-centering"><%= partial "type-system-slab" %></div>
68
- <div class="refill-snippet"><%= snippets('type-system-slab') %></div>
69
- </div>
70
- </section>
71
- </li>
72
-
73
- <li class="tab" data-role="tab">
74
- <a href="#" class="tab-link-type-system" data-role="link">Rounded</a>
75
- <section>
76
- <div class="tab-content">
77
- <div class="refill-centering"><%= partial "type-system-rounded" %></div>
78
- <div class="refill-snippet"><%= snippets('type-system-rounded') %></div>
79
- </div>
80
- </section>
81
- </li>
82
-
83
- <li class="tab" data-role="tab">
84
- <a href="#" class="tab-link-type-system" data-role="link">Traditional</a>
85
- <section>
86
- <div class="tab-content">
87
- <div class="refill-centering"><%= partial "type-system-traditional" %></div>
88
- <div class="refill-snippet"><%= snippets('type-system-traditional') %></div>
89
- </div>
90
- </section>
91
- </li>
92
-
93
- <li class="tab" data-role="tab">
94
- <a href="#" class="tab-link-type-system" data-role="link">Geometric</a>
95
- <section>
96
- <div class="tab-content">
97
- <div class="refill-centering"><%= partial "type-system-geometric" %></div>
98
- <div class="refill-snippet"><%= snippets('type-system-geometric') %></div>
99
- </div>
100
- </section>
101
- </li>
102
-
103
- </ul>
104
- </div>
105
- </div>
106
-
107
- <div id="cards" class="refill">
108
- <div class="line-behind-text"><h6>Cards</h6></div>
109
- <div class="refill-centering"><%= partial "cards" %></div>
110
- <div class="refill-snippet"><%= snippets('cards') %></div>
111
- </div>
112
-
113
- <div id="comment" class="refill">
114
- <div class="line-behind-text"><h6>Comments</h6></div>
115
- <div class="refill-centering">
116
- <div class="refill-smaller"><%= partial "comment" %></div>
117
- </div>
118
- <div class="refill-snippet"><%= snippets('comment') %></div>
119
- </div>
120
-
121
- <div id="accordion-tabs" class="refill">
122
- <div class="line-behind-text"><h6>Accordion / Tabs</h6></div>
123
- <%= partial "accordion-tabs" %>
124
- <div class="refill-snippet"><%= snippets('accordion-tabs') %></div>
125
- <%= partial "accordion-tabs-minimal" %>
126
- <div class="refill-snippet"><%= snippets('accordion-tabs-minimal') %></div>
127
- </div>
128
-
129
- <div id="tables" class="refill">
130
- <div class="line-behind-text"><h6>Tables</h6></div>
131
- <%= partial "tables" %>
132
- <div class="refill-snippet"><%= snippets('tables') %></div>
133
- <%= partial "tables-minimal" %>
134
- <div class="refill-snippet"><%= snippets('tables-minimal') %></div>
135
- </div>
136
-
137
- <div id="vertical-tabs" class="refill">
138
- <div class="line-behind-text"><h6>Vertical Tabs</h6></div>
139
- <%= partial "vertical-tabs" %>
140
- <div class="refill-snippet"><%= snippets('vertical-tabs') %></div>
141
- </div>
142
-
143
- <div id="grid-items" class="refill">
144
- <div class="line-behind-text"><h6>Grid Items</h6></div>
145
- <div class="refill-centering"><%= partial "grid-items" %></div>
146
- <div class="refill-snippet"><%= snippets('grid-items') %></div>
147
- <div class="refill-centering"><%= partial "grid-items-lines" %></div>
148
- <div class="refill-snippet"><%= snippets('grid-items-lines') %></div>
149
- </div>
150
-
151
- <div class="refills-wrapper">
152
- <div id="footer" class="refill">
153
- <div class="line-behind-text"><h6>Footers</h6></div>
154
- <div class="refill-centering"><%= partial "footer" %></div>
155
- <div class="refill-snippet"><%= snippets('footer') %></div>
156
- <div class="refill-centering"><%= partial "footer-2" %></div>
157
- <div class="refill-snippet"><%= snippets('footer-2') %></div>
158
- </div>
159
- </div>
160
-
161
- <h5>Components</h5>
11
+ <%= partial "refills-hero" %>
12
+ <%= partial "refills-menu" %>
13
+
14
+ <div id="example">
15
+
16
+ <section id="accordion-tabs" class="refill">
17
+ <div class="refills-wrapper">
18
+ <div class="line-behind-text"><h6>Accordion / Tabs</h6></div>
19
+ <%= partial "accordion_tabs" %>
20
+ </div>
21
+ <div class="refill-snippet"><%= code_for("accordion_tabs") %></div>
22
+ <div class="refills-wrapper">
23
+ <%= partial "accordion_tabs_minimal" %>
24
+ </div>
25
+ <div class="refill-snippet"><%= code_for("accordion_tabs_minimal") %></div>
26
+ </section>
27
+
28
+ <section id="cards" class="refill">
29
+ <div class="refills-wrapper">
30
+ <div class="line-behind-text"><h6>Cards</h6></div>
31
+ <div class="refill-centering"><%= partial "cards" %></div>
32
+ </div>
33
+ <div class="refill-snippet"><%= code_for("cards") %></div>
34
+ </section>
35
+
36
+ <section id="centered-navigation" class="refill">
37
+ <div class="refills-wrapper">
38
+ <div class="line-behind-text"><h6>Centered Navigation</h6></div>
39
+ <%= partial "centered_navigation" %>
40
+ </div>
41
+ <div class="refill-snippet"><%= code_for("centered_navigation") %></div>
42
+ </section>
43
+
44
+ <section id="comment" class="refill">
45
+ <div class="refills-wrapper">
46
+ <div class="line-behind-text"><h6>Comments</h6></div>
47
+ <div class="refill-centering">
48
+ <div class="refill-smaller"><%= partial "comment" %></div>
49
+ </div>
50
+ </div>
51
+ <div class="refill-snippet"><%= code_for("comment") %></div>
52
+ </section>
53
+
54
+ <section id="device" class="refill">
55
+ <div class="refills-wrapper">
56
+ <div class="line-behind-text"><h6>Device</h6></div>
57
+ <%= partial "device" %>
58
+ </div>
59
+ <div class="refill-snippet"><%= code_for("device") %></div>
60
+ </section>
61
+
62
+ <section id="flex-boxes" class="refill">
63
+ <div class="refills-wrapper">
64
+ <div class="line-behind-text"><h6>Flex Boxes</h6></div>
65
+ <%= partial "flex_boxes" %>
66
+ </div>
67
+ <div class="refill-snippet"><%= code_for("flex_boxes") %></div>
68
+ </section>
69
+
70
+ <section id="footer" class="refill">
71
+ <div class="refills-wrapper">
72
+ <div class="line-behind-text"><h6>Footers</h6></div>
73
+ <div class="refill-centering"><%= partial "footer" %></div>
74
+ </div>
75
+ <div class="refill-snippet"><%= code_for("footer") %></div>
76
+ <div class="refills-wrapper">
77
+ <div class="refill-centering"><%= partial "footer_2" %></div>
78
+ </div>
79
+ <div class="refill-snippet"><%= code_for("footer_2") %></div>
80
+ </section>
81
+
82
+ <section id="grid-items" class="refill">
83
+ <div class="refills-wrapper">
84
+ <div class="line-behind-text"><h6>Grid Items</h6></div>
85
+ <div class="refill-centering"><%= partial "grid_items" %></div>
86
+ </div>
87
+ <div class="refill-snippet"><%= code_for("grid_items") %></div>
88
+ <div class="refills-wrapper">
89
+ <div class="refill-centering"><%= partial "grid_items_lines" %></div>
90
+ </div>
91
+ <div class="refill-snippet"><%= code_for("grid_items_lines") %></div>
92
+ </section>
93
+
94
+ <section id="hero" class="refill">
95
+ <div class="refills-wrapper">
96
+ <div class="line-behind-text"><h6>Hero Unit</h6></div>
97
+ <%= partial "hero" %>
98
+ </div>
99
+ <div class="refill-snippet"><%= code_for("hero") %></div>
100
+ </section>
101
+
102
+ <section id="icon-bullet-points" class="refill">
103
+ <div class="refills-wrapper">
104
+ <div class="line-behind-text"><h6>Icon Bullet Points</h6></div>
105
+ <%= partial "icon_bullet_points" %>
106
+ </div>
107
+ <div class="refill-snippet"><%= code_for("icon_bullet_points") %></div>
108
+ </section>
109
+
110
+ <section id="maps" class="refill">
111
+ <div class="refills-wrapper">
112
+ <div class="line-behind-text"><h6>Maps</h6></div>
113
+ <%= partial "maps" %>
114
+ </div>
115
+ <div class="refill-snippet"><%= code_for("maps") %></div>
116
+ </section>
117
+
118
+ <section id="navigation" class="refill">
119
+ <div class="refills-wrapper">
120
+ <div class="line-behind-text"><h6>Navigation</h6></div>
121
+ <%= partial "navigation" %>
122
+ </div>
123
+ <div class="refill-snippet"><%= code_for("navigation") %></div>
124
+ </section>
125
+
126
+ <section id="scroll-on-page" class="refill">
127
+ <div class="refills-wrapper">
128
+ <div class="line-behind-text"><h6>Scroll On Page</h6></div>
129
+ <div class="refill-centering">
130
+ <div class="refill-smaller"><%= partial "scroll_on_page" %></div>
131
+ </div>
132
+ </div>
133
+ <div class="refill-snippet"><%= code_for("scroll_on_page") %></div>
134
+ </section>
135
+
136
+ <section id="search-tools" class="refill">
137
+ <div class="refills-wrapper">
138
+ <div class="line-behind-text"><h6>Search Tools</h6></div>
139
+ <%= partial "search_tools" %>
140
+ </div>
141
+ <div class="refill-snippet"><%= code_for("search_tools") %></div>
142
+ </section>
143
+
144
+ <section id="side-image" class="refill">
145
+ <div class="refills-wrapper">
146
+ <div class="line-behind-text"><h6>Side Image</h6></div>
147
+ <%= partial "side_image" %>
148
+ </div>
149
+ <div class="refill-snippet"><%= code_for("side_image") %></div>
150
+ </section>
151
+
152
+ <section id="tables" class="refill">
153
+ <div class="refills-wrapper">
154
+ <div class="line-behind-text"><h6>Tables</h6></div>
155
+ <%= partial "tables" %>
156
+ </div>
157
+ <div class="refill-snippet"><%= code_for("tables") %></div>
158
+ <div class="refills-wrapper">
159
+ <%= partial "tables_minimal" %>
160
+ </div>
161
+ <div class="refill-snippet"><%= code_for("tables_minimal") %></div>
162
+ </section>
163
+
164
+ <section id="vertical-tabs" class="refill">
165
+ <div class="refills-wrapper">
166
+ <div class="line-behind-text"><h6>Vertical Tabs</h6></div>
167
+ <%= partial "vertical_tabs" %>
168
+ </div>
169
+ <div class="refill-snippet"><%= code_for("vertical_tabs") %></div>
170
+ </section>
162
171
 
163
- <div id="modal" class="refill">
164
- <div class="line-behind-text"><h6>Modal</h6></div>
165
- <div class="refill-centering"><%= partial "modal" %></div>
166
- <div class="refill-snippet"><%= snippets('modal') %></div>
167
- </div>
168
-
169
- <div id="sliding-menu" class="refill">
170
- <div class="line-behind-text"><h6>Sliding Menu</h6></div>
171
- <div class="refill-centering"><%= partial "sliding-menu" %></div>
172
- <div class="refill-snippet"><%= snippets('sliding-menu') %></div>
173
- </div>
174
-
175
- <div id="badges" class="refill">
176
- <div class="line-behind-text"><h6>Badges</h6></div>
177
- <div class="refill-centering"><%= partial "badges" %></div>
178
- <div class="refill-snippet"><%= snippets('badges') %></div>
179
- </div>
180
-
181
- <div id="breadcrumbs" class="refill">
182
- <div class="line-behind-text"><h6>Breadcrumbs</h6></div>
183
- <div class="refill-centering"><%= partial "breadcrumbs" %></div>
184
- <div class="refill-snippet"><%= snippets('breadcrumbs') %></div>
185
- </div>
186
-
187
- <div id="hover-tile-animation" class="refill">
188
- <div class="line-behind-text"><h6>Hover Tile Animation</h6></div>
189
- <div class="refill-centering"><%= partial "hover-tile-animation" %></div>
190
- <div class="refill-snippet"><%= snippets('hover-tile-animation') %></div>
191
- </div>
192
-
193
- <div id="accordion" class="refill">
194
- <div class="line-behind-text"><h6>Accordion</h6></div>
195
- <div class="refill-centering"><%= partial "accordion" %></div>
196
- <div class="refill-snippet"><%= snippets('accordion') %></div>
197
- </div>
198
-
199
- <div id="search-bar" class="refill">
200
- <div class="line-behind-text"><h6>Search bar</h6></div>
201
- <div class="refill-centering"><%= partial "search-bar" %></div>
202
- <div class="refill-snippet"><%= snippets('search-bar') %></div>
203
- </div>
204
-
205
- <div id="switch" class="refill">
206
- <div class="line-behind-text"><h6>Switch</h6></div>
207
- <div class="refill-centering"><%= partial "switch" %></div>
208
- <div class="refill-snippet"><%= snippets('switch') %></div>
209
- </div>
210
-
211
- <div id="image-gradient" class="refill">
212
- <div class="line-behind-text"><h6>Image with gradient overlays</h6></div>
213
- <div class="refill-centering"><%= partial "image-gradient" %></div>
214
- <div class="refill-snippet"><%= snippets('image-gradient') %></div>
215
- <div class="refill-centering"><%= partial "image-gradient-dynamic" %></div>
216
- <div class="refill-snippet"><%= snippets('image-gradient-dynamic') %></div>
217
- </div>
218
-
219
- <div id="button-group" class="refill">
220
- <div class="line-behind-text"><h6>Button Group</h6></div>
221
- <div class="refill-centering"><%= partial "button-group" %></div>
222
- <div class="refill-snippet"><%= snippets('button-group') %></div>
223
- </div>
224
-
225
-
226
- <div id="progress-bar" class="refill">
227
- <div class="line-behind-text"><h6>Progress Bars</h6></div>
228
- <div class="refill-centering"><%= partial "progress-bar" %></div>
229
- <div class="refill-snippet"><%= snippets('progress-bar') %></div>
230
- <div class="refill-centering"><%= partial "progress-bar-indication" %></div>
231
- <div class="refill-snippet"><%= snippets('progress-bar-indication') %></div>
232
- </div>
233
-
234
- <div id="tooltip" class="refill">
235
- <div class="line-behind-text"><h6>Tooltip</h6></div>
236
- <div class="refill-centering"><%= partial "tooltip" %></div>
237
- <div class="refill-snippet"><%= snippets('tooltip') %></div>
238
172
  </div>
239
173
  </div>
240
174
 
241
- <!-- for the type-system tabs -->
242
- <script>
243
- var $tabs, $toggles, ACTIVE_CLASS;
244
-
245
- ACTIVE_CLASS = 'js-is-active';
246
-
247
- $tabs = $("[data-role='tab']");
248
-
249
- $toggles = $tabs.find("[data-role='link']");
250
-
251
- $toggles.on('click', function(event) {
252
- var $tab, $toggle;
253
- event.preventDefault();
254
- $toggle = $(this);
255
- $tab = $toggle.closest($tabs);
256
- if (!$tab.hasClass(ACTIVE_CLASS)) {
257
- $tabs.removeClass(ACTIVE_CLASS);
258
- return $tab.addClass(ACTIVE_CLASS);
259
- }
260
- });
261
- </script>
262
-
263
- <script>
264
- $('a.js-show-code').on('click', function(e){
265
- $(this).hide();
266
- $(this).siblings('.js-hide-code').css('display', 'inline-block');
267
- $(this).parent().siblings('.snippet').show();
268
- e.preventDefault();
269
- })
270
-
271
- $('a.js-hide-code').on('click', function(e) {
272
- $(this).hide();
273
- $(this).siblings('.js-show-code').css("display", "inline-block");
274
- $(this).parent().siblings('.snippet').hide();
275
- e.preventDefault();
276
- });
277
- </script>
278
-
279
- <script>
280
- $(document).ready( function() {
281
- client = new ZeroClipboard($('.copy-source'), {moviePath: 'images/ZeroClipboard.swf'})
282
- client.on('dataRequested', function(client, args) {
283
- code = $(this).siblings('pre').text();
284
- client.setText(code);
285
- });
286
- });
287
- </script>
288
-
289
- <script>
290
- $(document).ready(function(){
291
-
292
- $('.js-menu-trigger-refills').on('click touchstart', function(e){
293
- $('.er_toc').toggleClass('is-visible');
294
- $('.js-menu-screen-refills').toggleClass('is-visible');
295
- e.preventDefault();
296
- });
297
-
298
- $('.js-menu-screen-refills').on('click touchstart', function(e){
299
- $('.er_toc').toggleClass('is-visible');
300
- $('.js-menu-screen-refills').toggleClass('is-visible');
301
- e.preventDefault();
302
- });
303
- });
304
- </script>
175
+ <%= partial "refills-page-scripts" %>