breezeblocks 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (562) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +8 -0
  3. data/.ruby-version +1 -0
  4. data/Gemfile +11 -0
  5. data/README.md +55 -0
  6. data/Rakefile +22 -0
  7. data/bin/deploy +12 -0
  8. data/bin/setup +13 -0
  9. data/breezeblocks.gemspec +22 -0
  10. data/config.rb +24 -0
  11. data/lib/breezeblocks.rb +2 -0
  12. data/lib/breezeblocks/import_generator.rb +80 -0
  13. data/lib/breezeblocks/list_generator.rb +22 -0
  14. data/lib/breezeblocks/version.rb +3 -0
  15. data/lib/snippet_helpers.rb +89 -0
  16. data/source/_accordion.html.haml +15 -0
  17. data/source/_accordion_tabs.html.haml +17 -0
  18. data/source/_accordion_tabs_minimal.html.haml +17 -0
  19. data/source/_animate.html.haml +3 -0
  20. data/source/_animate_info.html.haml +7 -0
  21. data/source/_badges.html.haml +6 -0
  22. data/source/_breadcrumbs.html.haml +6 -0
  23. data/source/_button_group.html.haml +13 -0
  24. data/source/_cards.html.haml +23 -0
  25. data/source/_centered_navigation.html.haml +42 -0
  26. data/source/_code.html.haml +6 -0
  27. data/source/_comment.html.haml +14 -0
  28. data/source/_device.html.haml +7 -0
  29. data/source/_dropdown.html.haml +9 -0
  30. data/source/_expander.html.haml +4 -0
  31. data/source/_fade_in.html.haml +10 -0
  32. data/source/_flashes.html.haml +16 -0
  33. data/source/_flex_boxes.html.haml +25 -0
  34. data/source/_footer.html.haml +31 -0
  35. data/source/_footer_2.html.haml +30 -0
  36. data/source/_grid_items.html.haml +29 -0
  37. data/source/_grid_items_lines.html.haml +35 -0
  38. data/source/_hero.html.haml +8 -0
  39. data/source/_hover_tile_animation.html.haml +6 -0
  40. data/source/_icon_bullet_points.html.haml +19 -0
  41. data/source/_image_gradient_dynamic.html.haml +5 -0
  42. data/source/_maps.html.haml +70 -0
  43. data/source/_modal.html.haml +10 -0
  44. data/source/_navigation.html.haml +42 -0
  45. data/source/_pagination.html.haml +22 -0
  46. data/source/_parallax.html.haml +4 -0
  47. data/source/_progress_bar.html.haml +2 -0
  48. data/source/_progress_bar_indication.html.haml +3 -0
  49. data/source/_ribbon.html.haml +3 -0
  50. data/source/_scroll_on_page.html.haml +17 -0
  51. data/source/_search_bar.html.haml +4 -0
  52. data/source/_search_tools.html.haml +39 -0
  53. data/source/_side_image.html.haml +9 -0
  54. data/source/_sliding_menu.html.haml +11 -0
  55. data/source/_snippet.html.haml +11 -0
  56. data/source/_stats.html.haml +14 -0
  57. data/source/_switch.html.haml +3 -0
  58. data/source/_tables.html.haml +31 -0
  59. data/source/_tables_minimal.html.haml +31 -0
  60. data/source/_texture-legend.html.haml +20 -0
  61. data/source/_textures.html.haml +3 -0
  62. data/source/_tooltip.html.haml +4 -0
  63. data/source/_type_system_geometric.html.haml +30 -0
  64. data/source/_type_system_rounded.html.haml +30 -0
  65. data/source/_type_system_sans.html.haml +30 -0
  66. data/source/_type_system_serif.html.haml +31 -0
  67. data/source/_type_system_slab.html.haml +30 -0
  68. data/source/_type_system_traditional.html.haml +30 -0
  69. data/source/_vertical_tabs.html.haml +19 -0
  70. data/source/_video.html.haml +3 -0
  71. data/source/components.html.haml +162 -0
  72. data/source/images/EmeraldLake.jpg +0 -0
  73. data/source/images/ZeroClipboard.swf +0 -0
  74. data/source/images/bourbon-nav/bitters.png +0 -0
  75. data/source/images/bourbon-nav/bitters@2x.png +0 -0
  76. data/source/images/bourbon-nav/bourbon.png +0 -0
  77. data/source/images/bourbon-nav/bourbon@2x.png +0 -0
  78. data/source/images/bourbon-nav/neat.png +0 -0
  79. data/source/images/bourbon-nav/neat@2x.png +0 -0
  80. data/source/images/bourbon-nav/refills.png +0 -0
  81. data/source/images/bourbon-nav/refills@2x.png +0 -0
  82. data/source/images/cat.png +0 -0
  83. data/source/images/cosmin_capitanu_screen.jpg +0 -0
  84. data/source/images/facebook-logo-circle-dark.png +0 -0
  85. data/source/images/facebook-logo-circle.png +0 -0
  86. data/source/images/indesign-logo-circle.png +0 -0
  87. data/source/images/lake-transparent.png +0 -0
  88. data/source/images/menu-white.png +0 -0
  89. data/source/images/menu.png +0 -0
  90. data/source/images/mountain-thin.png +0 -0
  91. data/source/images/mountains-2.png +0 -0
  92. data/source/images/mountains-3.png +0 -0
  93. data/source/images/mountains-4.png +0 -0
  94. data/source/images/mountains.png +0 -0
  95. data/source/images/placeholder_logo_1.png +0 -0
  96. data/source/images/placeholder_logo_1_dark.png +0 -0
  97. data/source/images/placeholder_logo_2.png +0 -0
  98. data/source/images/placeholder_logo_2_dark.png +0 -0
  99. data/source/images/placeholder_logo_3.png +0 -0
  100. data/source/images/placeholder_logo_3_dark.png +0 -0
  101. data/source/images/placeholder_logo_4.png +0 -0
  102. data/source/images/placeholder_logo_4_dark.png +0 -0
  103. data/source/images/ralph-gray.png +0 -0
  104. data/source/images/ralph.png +0 -0
  105. data/source/images/refills-logo.svg +18 -0
  106. data/source/images/refills-screenshot1.png +0 -0
  107. data/source/images/refills-screenshot2.jpg +0 -0
  108. data/source/images/refills-screenshot3.png +0 -0
  109. data/source/images/search-icon-black.png +0 -0
  110. data/source/images/search-icon.png +0 -0
  111. data/source/images/sliding-menu.png +0 -0
  112. data/source/images/textures/45degreee_fabric.png +0 -0
  113. data/source/images/textures/45degreee_fabric_@2X.png +0 -0
  114. data/source/images/textures/absurdidad.png +0 -0
  115. data/source/images/textures/absurdidad_@2X.png +0 -0
  116. data/source/images/textures/az_subtle.png +0 -0
  117. data/source/images/textures/az_subtle_@2X.png +0 -0
  118. data/source/images/textures/bgnoise_lg.png +0 -0
  119. data/source/images/textures/bgnoise_lg_@2X.png +0 -0
  120. data/source/images/textures/binding_light.png +0 -0
  121. data/source/images/textures/binding_light@2x.png +0 -0
  122. data/source/images/textures/brillant.png +0 -0
  123. data/source/images/textures/brillant_@2X.png +0 -0
  124. data/source/images/textures/brushed.png +0 -0
  125. data/source/images/textures/brushed_@2X.png +0 -0
  126. data/source/images/textures/brushed_alu.png +0 -0
  127. data/source/images/textures/brushed_alu_@2X.png +0 -0
  128. data/source/images/textures/chruch.png +0 -0
  129. data/source/images/textures/chruch_@2X.png +0 -0
  130. data/source/images/textures/circles.png +0 -0
  131. data/source/images/textures/circles_@2X.png +0 -0
  132. data/source/images/textures/concrete_wall_2.png +0 -0
  133. data/source/images/textures/concrete_wall_2_@2X.png +0 -0
  134. data/source/images/textures/concrete_wall_3.png +0 -0
  135. data/source/images/textures/concrete_wall_3_@2X.png +0 -0
  136. data/source/images/textures/corrugation.png +0 -0
  137. data/source/images/textures/corrugation_@2X.png +0 -0
  138. data/source/images/textures/cream_pixels.png +0 -0
  139. data/source/images/textures/cream_pixels@2x.png +0 -0
  140. data/source/images/textures/cross_scratches.png +0 -0
  141. data/source/images/textures/cross_scratches_@2X.png +0 -0
  142. data/source/images/textures/crosses.png +0 -0
  143. data/source/images/textures/crosses_@2X.png +0 -0
  144. data/source/images/textures/debut_light.png +0 -0
  145. data/source/images/textures/debut_light_@2X.png +0 -0
  146. data/source/images/textures/diagonal-noise.png +0 -0
  147. data/source/images/textures/diagonal-noise_@2X.png +0 -0
  148. data/source/images/textures/diagonal_waves.png +0 -0
  149. data/source/images/textures/diagonal_waves_@2X.png +0 -0
  150. data/source/images/textures/double_lined.png +0 -0
  151. data/source/images/textures/double_lined_@2X.png +0 -0
  152. data/source/images/textures/dust.png +0 -0
  153. data/source/images/textures/dust@2x.png +0 -0
  154. data/source/images/textures/dust_@2X.png +0 -0
  155. data/source/images/textures/fabric_plaid.png +0 -0
  156. data/source/images/textures/fabric_plaid_@2X.png +0 -0
  157. data/source/images/textures/fancy_deboss.png +0 -0
  158. data/source/images/textures/fancy_deboss_@2X.png +0 -0
  159. data/source/images/textures/farmer.png +0 -0
  160. data/source/images/textures/farmer_@2X.png +0 -0
  161. data/source/images/textures/first_aid_kit.png +0 -0
  162. data/source/images/textures/first_aid_kit_@2X.png +0 -0
  163. data/source/images/textures/graphy.png +0 -0
  164. data/source/images/textures/graphy_@2X.png +0 -0
  165. data/source/images/textures/grey.png +0 -0
  166. data/source/images/textures/grey_@2X.png +0 -0
  167. data/source/images/textures/grid.png +0 -0
  168. data/source/images/textures/grid_@2X.png +0 -0
  169. data/source/images/textures/grid_noise.png +0 -0
  170. data/source/images/textures/grid_noise_@2X.png +0 -0
  171. data/source/images/textures/gridme.png +0 -0
  172. data/source/images/textures/gridme_@2X.png +0 -0
  173. data/source/images/textures/grilled.png +0 -0
  174. data/source/images/textures/grilled_@2X.png +0 -0
  175. data/source/images/textures/groovepaper.png +0 -0
  176. data/source/images/textures/groovepaper_@2X.png +0 -0
  177. data/source/images/textures/honey_im_subtle.png +0 -0
  178. data/source/images/textures/honey_im_subtle_@2X.png +0 -0
  179. data/source/images/textures/husk.png +0 -0
  180. data/source/images/textures/husk_@2X.png +0 -0
  181. data/source/images/textures/inverted/45degreee_fabric.png +0 -0
  182. data/source/images/textures/inverted/45degreee_fabric_@2X.png +0 -0
  183. data/source/images/textures/inverted/absurdidad.png +0 -0
  184. data/source/images/textures/inverted/absurdidad_@2X.png +0 -0
  185. data/source/images/textures/inverted/az_subtle.png +0 -0
  186. data/source/images/textures/inverted/az_subtle_@2X.png +0 -0
  187. data/source/images/textures/inverted/bgnoise_lg.png +0 -0
  188. data/source/images/textures/inverted/bgnoise_lg_@2X.png +0 -0
  189. data/source/images/textures/inverted/binding_light.png +0 -0
  190. data/source/images/textures/inverted/binding_light@2x.png +0 -0
  191. data/source/images/textures/inverted/brillant.png +0 -0
  192. data/source/images/textures/inverted/brillant_@2X.png +0 -0
  193. data/source/images/textures/inverted/brushed.png +0 -0
  194. data/source/images/textures/inverted/brushed_@2X.png +0 -0
  195. data/source/images/textures/inverted/brushed_alu.png +0 -0
  196. data/source/images/textures/inverted/brushed_alu_@2X.png +0 -0
  197. data/source/images/textures/inverted/chruch.png +0 -0
  198. data/source/images/textures/inverted/chruch_@2X.png +0 -0
  199. data/source/images/textures/inverted/circles.png +0 -0
  200. data/source/images/textures/inverted/circles_@2X.png +0 -0
  201. data/source/images/textures/inverted/concrete_wall_2.png +0 -0
  202. data/source/images/textures/inverted/concrete_wall_2_@2X.png +0 -0
  203. data/source/images/textures/inverted/concrete_wall_3.png +0 -0
  204. data/source/images/textures/inverted/concrete_wall_3_@2X.png +0 -0
  205. data/source/images/textures/inverted/corrugation.png +0 -0
  206. data/source/images/textures/inverted/corrugation_@2X.png +0 -0
  207. data/source/images/textures/inverted/cream_pixels.png +0 -0
  208. data/source/images/textures/inverted/cream_pixels@2x.png +0 -0
  209. data/source/images/textures/inverted/cross_scratches.png +0 -0
  210. data/source/images/textures/inverted/cross_scratches_@2X.png +0 -0
  211. data/source/images/textures/inverted/crosses.png +0 -0
  212. data/source/images/textures/inverted/crosses_@2X.png +0 -0
  213. data/source/images/textures/inverted/debut_light.png +0 -0
  214. data/source/images/textures/inverted/debut_light_@2X.png +0 -0
  215. data/source/images/textures/inverted/diagonal-noise.png +0 -0
  216. data/source/images/textures/inverted/diagonal-noise_@2X.png +0 -0
  217. data/source/images/textures/inverted/diagonal_waves.png +0 -0
  218. data/source/images/textures/inverted/diagonal_waves_@2X.png +0 -0
  219. data/source/images/textures/inverted/double_lined.png +0 -0
  220. data/source/images/textures/inverted/double_lined_@2X.png +0 -0
  221. data/source/images/textures/inverted/dust.png +0 -0
  222. data/source/images/textures/inverted/dust@2x.png +0 -0
  223. data/source/images/textures/inverted/dust_@2X.png +0 -0
  224. data/source/images/textures/inverted/fabric_plaid.png +0 -0
  225. data/source/images/textures/inverted/fabric_plaid_@2X.png +0 -0
  226. data/source/images/textures/inverted/fancy_deboss.png +0 -0
  227. data/source/images/textures/inverted/fancy_deboss_@2X.png +0 -0
  228. data/source/images/textures/inverted/farmer.png +0 -0
  229. data/source/images/textures/inverted/farmer_@2X.png +0 -0
  230. data/source/images/textures/inverted/first_aid_kit.png +0 -0
  231. data/source/images/textures/inverted/first_aid_kit_@2X.png +0 -0
  232. data/source/images/textures/inverted/graphy.png +0 -0
  233. data/source/images/textures/inverted/graphy_@2X.png +0 -0
  234. data/source/images/textures/inverted/grey.png +0 -0
  235. data/source/images/textures/inverted/grey_@2X.png +0 -0
  236. data/source/images/textures/inverted/grid.png +0 -0
  237. data/source/images/textures/inverted/grid_@2X.png +0 -0
  238. data/source/images/textures/inverted/grid_noise.png +0 -0
  239. data/source/images/textures/inverted/grid_noise_@2X.png +0 -0
  240. data/source/images/textures/inverted/gridme.png +0 -0
  241. data/source/images/textures/inverted/gridme_@2X.png +0 -0
  242. data/source/images/textures/inverted/grilled.png +0 -0
  243. data/source/images/textures/inverted/grilled_@2X.png +0 -0
  244. data/source/images/textures/inverted/groovepaper.png +0 -0
  245. data/source/images/textures/inverted/groovepaper_@2X.png +0 -0
  246. data/source/images/textures/inverted/honey_im_subtle.png +0 -0
  247. data/source/images/textures/inverted/honey_im_subtle_@2X.png +0 -0
  248. data/source/images/textures/inverted/husk.png +0 -0
  249. data/source/images/textures/inverted/husk_@2X.png +0 -0
  250. data/source/images/textures/inverted/kindajean.png +0 -0
  251. data/source/images/textures/inverted/kindajean_@2X.png +0 -0
  252. data/source/images/textures/inverted/lghtmesh.png +0 -0
  253. data/source/images/textures/inverted/lghtmesh_@2X.png +0 -0
  254. data/source/images/textures/inverted/light_alu.png +0 -0
  255. data/source/images/textures/inverted/light_alu_@2X.png +0 -0
  256. data/source/images/textures/inverted/light_noise_diagonal.png +0 -0
  257. data/source/images/textures/inverted/light_noise_diagonal_@2X.png +0 -0
  258. data/source/images/textures/inverted/lil_fiber.png +0 -0
  259. data/source/images/textures/inverted/lil_fiber_@2X.png +0 -0
  260. data/source/images/textures/inverted/line_diagonal1.png +0 -0
  261. data/source/images/textures/inverted/line_diagonal2.png +0 -0
  262. data/source/images/textures/inverted/line_horizontal1.png +0 -0
  263. data/source/images/textures/inverted/line_horizontal2.png +0 -0
  264. data/source/images/textures/inverted/linen.png +0 -0
  265. data/source/images/textures/inverted/linen_@2X.png +0 -0
  266. data/source/images/textures/inverted/little_pluses.png +0 -0
  267. data/source/images/textures/inverted/little_pluses_@2X.png +0 -0
  268. data/source/images/textures/inverted/mooning.png +0 -0
  269. data/source/images/textures/inverted/mooning@2x.png +0 -0
  270. data/source/images/textures/inverted/noise_lines.png +0 -0
  271. data/source/images/textures/inverted/noise_lines_@2X.png +0 -0
  272. data/source/images/textures/inverted/noise_pattern_with_crosslines.png +0 -0
  273. data/source/images/textures/inverted/noise_pattern_with_crosslines_@2X.png +0 -0
  274. data/source/images/textures/inverted/noisy.png +0 -0
  275. data/source/images/textures/inverted/noisy_@2X.png +0 -0
  276. data/source/images/textures/inverted/noisy_grid.png +0 -0
  277. data/source/images/textures/inverted/noisy_grid_@2X.png +0 -0
  278. data/source/images/textures/inverted/noisy_grid_simple.png +0 -0
  279. data/source/images/textures/inverted/old_mathematics.png +0 -0
  280. data/source/images/textures/inverted/old_mathematics_@2X.png +0 -0
  281. data/source/images/textures/inverted/old_wall.png +0 -0
  282. data/source/images/textures/inverted/old_wall_@2X.png +0 -0
  283. data/source/images/textures/inverted/p5.png +0 -0
  284. data/source/images/textures/inverted/p5_@2X.png +0 -0
  285. data/source/images/textures/inverted/paper.png +0 -0
  286. data/source/images/textures/inverted/paper_@2X.png +0 -0
  287. data/source/images/textures/inverted/pinstripe.png +0 -0
  288. data/source/images/textures/inverted/pinstripe_@2X.png +0 -0
  289. data/source/images/textures/inverted/ps_neutral.png +0 -0
  290. data/source/images/textures/inverted/ps_neutral_@2X.png +0 -0
  291. data/source/images/textures/inverted/pw_maze_white.png +0 -0
  292. data/source/images/textures/inverted/pw_maze_white_@2X.png +0 -0
  293. data/source/images/textures/inverted/pw_pattern.png +0 -0
  294. data/source/images/textures/inverted/pw_pattern_@2X.png +0 -0
  295. data/source/images/textures/inverted/retina_dust.png +0 -0
  296. data/source/images/textures/inverted/retina_dust_@2X.png +0 -0
  297. data/source/images/textures/inverted/rice_paper.png +0 -0
  298. data/source/images/textures/inverted/rice_paper@2x.png +0 -0
  299. data/source/images/textures/inverted/rough_diagonal.png +0 -0
  300. data/source/images/textures/inverted/rough_diagonal_@2X.png +0 -0
  301. data/source/images/textures/inverted/shinedotted.png +0 -0
  302. data/source/images/textures/inverted/shinedotted_@2X.png +0 -0
  303. data/source/images/textures/inverted/skin_side_up.png +0 -0
  304. data/source/images/textures/inverted/skin_side_up_@2X.png +0 -0
  305. data/source/images/textures/inverted/squairy_light.png +0 -0
  306. data/source/images/textures/inverted/squairy_light_@2X.png +0 -0
  307. data/source/images/textures/inverted/stacked_circles.png +0 -0
  308. data/source/images/textures/inverted/stacked_circles_@2X.png +0 -0
  309. data/source/images/textures/inverted/striped_lens.png +0 -0
  310. data/source/images/textures/inverted/striped_lens_@2X.png +0 -0
  311. data/source/images/textures/inverted/struckaxiom.png +0 -0
  312. data/source/images/textures/inverted/struckaxiom_@2X.png +0 -0
  313. data/source/images/textures/inverted/stucco.png +0 -0
  314. data/source/images/textures/inverted/stucco_@2X.png +0 -0
  315. data/source/images/textures/inverted/subtle_dots.png +0 -0
  316. data/source/images/textures/inverted/subtle_dots_@2X.png +0 -0
  317. data/source/images/textures/inverted/subtle_freckles.png +0 -0
  318. data/source/images/textures/inverted/subtle_freckles_@2X.png +0 -0
  319. data/source/images/textures/inverted/subtle_grunge.png +0 -0
  320. data/source/images/textures/inverted/subtle_grunge_@2X.png +0 -0
  321. data/source/images/textures/inverted/subtle_surface.png +0 -0
  322. data/source/images/textures/inverted/subtle_surface_@2X.png +0 -0
  323. data/source/images/textures/inverted/subtle_zebra_3d.png +0 -0
  324. data/source/images/textures/inverted/subtle_zebra_3d_@2X.png +0 -0
  325. data/source/images/textures/inverted/subtlenet2.png +0 -0
  326. data/source/images/textures/inverted/subtlenet2_@2X.png +0 -0
  327. data/source/images/textures/inverted/tex2res5.png +0 -0
  328. data/source/images/textures/inverted/tex2res5_@2X.png +0 -0
  329. data/source/images/textures/inverted/texturetastic_gray.png +0 -0
  330. data/source/images/textures/inverted/texturetastic_gray_@2X.png +0 -0
  331. data/source/images/textures/inverted/tiny_grid.png +0 -0
  332. data/source/images/textures/inverted/tiny_grid_@2X.png +0 -0
  333. data/source/images/textures/inverted/vichy.png +0 -0
  334. data/source/images/textures/inverted/vichy_@2X.png +0 -0
  335. data/source/images/textures/inverted/vintage_speckles.png +0 -0
  336. data/source/images/textures/inverted/vintage_speckles_@2X.png +0 -0
  337. data/source/images/textures/inverted/wavecut.png +0 -0
  338. data/source/images/textures/inverted/wavecut_@2X.png +0 -0
  339. data/source/images/textures/inverted/wavegrid.png +0 -0
  340. data/source/images/textures/inverted/wavegrid_@2X.png +0 -0
  341. data/source/images/textures/inverted/white_carbon.png +0 -0
  342. data/source/images/textures/inverted/white_carbon_@2X.png +0 -0
  343. data/source/images/textures/inverted/white_texture.png +0 -0
  344. data/source/images/textures/inverted/white_texture_@2X.png +0 -0
  345. data/source/images/textures/inverted/white_wave.png +0 -0
  346. data/source/images/textures/inverted/white_wave_@2X.png +0 -0
  347. data/source/images/textures/inverted/whitey.png +0 -0
  348. data/source/images/textures/inverted/whitey_@2X.png +0 -0
  349. data/source/images/textures/inverted/worn_dots.png +0 -0
  350. data/source/images/textures/inverted/worn_dots_@2X.png +0 -0
  351. data/source/images/textures/kindajean.png +0 -0
  352. data/source/images/textures/kindajean_@2X.png +0 -0
  353. data/source/images/textures/lghtmesh.png +0 -0
  354. data/source/images/textures/lghtmesh_@2X.png +0 -0
  355. data/source/images/textures/light_alu.png +0 -0
  356. data/source/images/textures/light_alu_@2X.png +0 -0
  357. data/source/images/textures/light_noise_diagonal.png +0 -0
  358. data/source/images/textures/light_noise_diagonal_@2X.png +0 -0
  359. data/source/images/textures/lil_fiber.png +0 -0
  360. data/source/images/textures/lil_fiber_@2X.png +0 -0
  361. data/source/images/textures/line_diagonal1.png +0 -0
  362. data/source/images/textures/line_diagonal2.png +0 -0
  363. data/source/images/textures/line_horizontal1.png +0 -0
  364. data/source/images/textures/line_horizontal2.png +0 -0
  365. data/source/images/textures/linen.png +0 -0
  366. data/source/images/textures/linen_@2X.png +0 -0
  367. data/source/images/textures/little_pluses.png +0 -0
  368. data/source/images/textures/little_pluses_@2X.png +0 -0
  369. data/source/images/textures/mooning.png +0 -0
  370. data/source/images/textures/mooning@2x.png +0 -0
  371. data/source/images/textures/noise_lines.png +0 -0
  372. data/source/images/textures/noise_lines_@2X.png +0 -0
  373. data/source/images/textures/noise_pattern_with_crosslines.png +0 -0
  374. data/source/images/textures/noise_pattern_with_crosslines_@2X.png +0 -0
  375. data/source/images/textures/noisy.png +0 -0
  376. data/source/images/textures/noisy_@2X.png +0 -0
  377. data/source/images/textures/noisy_grid.png +0 -0
  378. data/source/images/textures/noisy_grid_@2X.png +0 -0
  379. data/source/images/textures/noisy_grid_simple.png +0 -0
  380. data/source/images/textures/old_mathematics.png +0 -0
  381. data/source/images/textures/old_mathematics_@2X.png +0 -0
  382. data/source/images/textures/old_wall.png +0 -0
  383. data/source/images/textures/old_wall_@2X.png +0 -0
  384. data/source/images/textures/p5.png +0 -0
  385. data/source/images/textures/p5_@2X.png +0 -0
  386. data/source/images/textures/paper.png +0 -0
  387. data/source/images/textures/paper_@2X.png +0 -0
  388. data/source/images/textures/pinstripe.png +0 -0
  389. data/source/images/textures/pinstripe_@2X.png +0 -0
  390. data/source/images/textures/ps_neutral.png +0 -0
  391. data/source/images/textures/ps_neutral_@2X.png +0 -0
  392. data/source/images/textures/pw_maze_white.png +0 -0
  393. data/source/images/textures/pw_maze_white_@2X.png +0 -0
  394. data/source/images/textures/pw_pattern.png +0 -0
  395. data/source/images/textures/pw_pattern_@2X.png +0 -0
  396. data/source/images/textures/retina_dust.png +0 -0
  397. data/source/images/textures/retina_dust_@2X.png +0 -0
  398. data/source/images/textures/rice_paper.png +0 -0
  399. data/source/images/textures/rice_paper@2x.png +0 -0
  400. data/source/images/textures/rough_diagonal.png +0 -0
  401. data/source/images/textures/rough_diagonal_@2X.png +0 -0
  402. data/source/images/textures/shinedotted.png +0 -0
  403. data/source/images/textures/shinedotted_@2X.png +0 -0
  404. data/source/images/textures/skin_side_up.png +0 -0
  405. data/source/images/textures/skin_side_up_@2X.png +0 -0
  406. data/source/images/textures/squairy_light.png +0 -0
  407. data/source/images/textures/squairy_light_@2X.png +0 -0
  408. data/source/images/textures/stacked_circles.png +0 -0
  409. data/source/images/textures/stacked_circles_@2X.png +0 -0
  410. data/source/images/textures/striped_lens.png +0 -0
  411. data/source/images/textures/striped_lens_@2X.png +0 -0
  412. data/source/images/textures/struckaxiom.png +0 -0
  413. data/source/images/textures/struckaxiom_@2X.png +0 -0
  414. data/source/images/textures/stucco.png +0 -0
  415. data/source/images/textures/stucco_@2X.png +0 -0
  416. data/source/images/textures/subtle_dots.png +0 -0
  417. data/source/images/textures/subtle_dots_@2X.png +0 -0
  418. data/source/images/textures/subtle_freckles.png +0 -0
  419. data/source/images/textures/subtle_freckles_@2X.png +0 -0
  420. data/source/images/textures/subtle_grunge.png +0 -0
  421. data/source/images/textures/subtle_grunge_@2X.png +0 -0
  422. data/source/images/textures/subtle_surface.png +0 -0
  423. data/source/images/textures/subtle_surface_@2X.png +0 -0
  424. data/source/images/textures/subtle_zebra_3d.png +0 -0
  425. data/source/images/textures/subtle_zebra_3d_@2X.png +0 -0
  426. data/source/images/textures/subtlenet2.png +0 -0
  427. data/source/images/textures/subtlenet2_@2X.png +0 -0
  428. data/source/images/textures/tex2res5.png +0 -0
  429. data/source/images/textures/tex2res5_@2X.png +0 -0
  430. data/source/images/textures/texturetastic_gray.png +0 -0
  431. data/source/images/textures/texturetastic_gray_@2X.png +0 -0
  432. data/source/images/textures/tiny_grid.png +0 -0
  433. data/source/images/textures/tiny_grid_@2X.png +0 -0
  434. data/source/images/textures/vichy.png +0 -0
  435. data/source/images/textures/vichy_@2X.png +0 -0
  436. data/source/images/textures/vintage_speckles.png +0 -0
  437. data/source/images/textures/vintage_speckles_@2X.png +0 -0
  438. data/source/images/textures/wavecut.png +0 -0
  439. data/source/images/textures/wavecut_@2X.png +0 -0
  440. data/source/images/textures/wavegrid.png +0 -0
  441. data/source/images/textures/wavegrid_@2X.png +0 -0
  442. data/source/images/textures/white_carbon.png +0 -0
  443. data/source/images/textures/white_carbon_@2X.png +0 -0
  444. data/source/images/textures/white_texture.png +0 -0
  445. data/source/images/textures/white_texture_@2X.png +0 -0
  446. data/source/images/textures/white_wave.png +0 -0
  447. data/source/images/textures/white_wave_@2X.png +0 -0
  448. data/source/images/textures/whitey.png +0 -0
  449. data/source/images/textures/whitey_@2X.png +0 -0
  450. data/source/images/textures/worn_dots.png +0 -0
  451. data/source/images/textures/worn_dots_@2X.png +0 -0
  452. data/source/images/twitter-logo-circle-dark.png +0 -0
  453. data/source/images/twitter-logo-circle.png +0 -0
  454. data/source/images/youtube-logo-circle-dark.png +0 -0
  455. data/source/images/youtube-logo-circle.png +0 -0
  456. data/source/index.html.haml +127 -0
  457. data/source/javascripts/all.js +10 -0
  458. data/source/javascripts/breezeblocks/accordion.js +5 -0
  459. data/source/javascripts/breezeblocks/accordion_tabs.js +19 -0
  460. data/source/javascripts/breezeblocks/accordion_tabs_minimal.js +19 -0
  461. data/source/javascripts/breezeblocks/animate.js +10 -0
  462. data/source/javascripts/breezeblocks/centered_navigation.js +13 -0
  463. data/source/javascripts/breezeblocks/coffeescript/accordion.coffee +6 -0
  464. data/source/javascripts/breezeblocks/coffeescript/accordion_tabs.coffee +19 -0
  465. data/source/javascripts/breezeblocks/coffeescript/accordion_tabs_minimal.coffee +19 -0
  466. data/source/javascripts/breezeblocks/coffeescript/animate.coffee +12 -0
  467. data/source/javascripts/breezeblocks/coffeescript/centered_navigation.coffee +13 -0
  468. data/source/javascripts/breezeblocks/coffeescript/dropdown.coffee +15 -0
  469. data/source/javascripts/breezeblocks/coffeescript/expander.coffee +9 -0
  470. data/source/javascripts/breezeblocks/coffeescript/fade_in.coffee +20 -0
  471. data/source/javascripts/breezeblocks/coffeescript/modal.coffee +18 -0
  472. data/source/javascripts/breezeblocks/coffeescript/navigation.coffee +13 -0
  473. data/source/javascripts/breezeblocks/coffeescript/parallax.coffee +22 -0
  474. data/source/javascripts/breezeblocks/coffeescript/scroll_on_page.coffee +23 -0
  475. data/source/javascripts/breezeblocks/coffeescript/search_tools.coffee +85 -0
  476. data/source/javascripts/breezeblocks/coffeescript/sliding_menu.coffee +8 -0
  477. data/source/javascripts/breezeblocks/coffeescript/vertical_tabs.coffee +28 -0
  478. data/source/javascripts/breezeblocks/dropdown.js +12 -0
  479. data/source/javascripts/breezeblocks/expander.js +8 -0
  480. data/source/javascripts/breezeblocks/fade_in.js +23 -0
  481. data/source/javascripts/breezeblocks/modal.js +17 -0
  482. data/source/javascripts/breezeblocks/navigation.js +13 -0
  483. data/source/javascripts/breezeblocks/parallax.js +30 -0
  484. data/source/javascripts/breezeblocks/scroll_on_page.js +26 -0
  485. data/source/javascripts/breezeblocks/search_tools.js +110 -0
  486. data/source/javascripts/breezeblocks/sliding_menu.js +6 -0
  487. data/source/javascripts/breezeblocks/vertical_tabs.js +32 -0
  488. data/source/javascripts/jquery.erToc.js +477 -0
  489. data/source/javascripts/jquery.glide.js +941 -0
  490. data/source/javascripts/menuAnchorAnimation.js +11 -0
  491. data/source/javascripts/vendor/ZeroClipboard.min.js +9 -0
  492. data/source/javascripts/vendor/fixedsticky.js +185 -0
  493. data/source/javascripts/vendor/prism.js +13 -0
  494. data/source/javascripts/vendor/smooth-scroll.js +125 -0
  495. data/source/layouts/layout.haml +108 -0
  496. data/source/refills-hero.html.haml +15 -0
  497. data/source/refills-menu.html.haml +4 -0
  498. data/source/refills-page-scripts.html.haml +65 -0
  499. data/source/stylesheets/_bourbon-nav.sass +57 -0
  500. data/source/stylesheets/_refills-nav.sass +80 -0
  501. data/source/stylesheets/_refills-styles.sass +483 -0
  502. data/source/stylesheets/all.sass +66 -0
  503. data/source/stylesheets/breezeblocks/_accordion-tabs-minimal.sass +52 -0
  504. data/source/stylesheets/breezeblocks/_accordion-tabs.sass +76 -0
  505. data/source/stylesheets/breezeblocks/_accordion.sass +56 -0
  506. data/source/stylesheets/breezeblocks/_animate-info.sass +10 -0
  507. data/source/stylesheets/breezeblocks/_animate.sass +58 -0
  508. data/source/stylesheets/breezeblocks/_badges.sass +31 -0
  509. data/source/stylesheets/breezeblocks/_breadcrumbs.sass +74 -0
  510. data/source/stylesheets/breezeblocks/_button-group.sass +74 -0
  511. data/source/stylesheets/breezeblocks/_cards.sass +69 -0
  512. data/source/stylesheets/breezeblocks/_centered-navigation.sass +182 -0
  513. data/source/stylesheets/breezeblocks/_comment.sass +49 -0
  514. data/source/stylesheets/breezeblocks/_device.sass +67 -0
  515. data/source/stylesheets/breezeblocks/_dropdown.sass +112 -0
  516. data/source/stylesheets/breezeblocks/_expander.sass +40 -0
  517. data/source/stylesheets/breezeblocks/_fade-in.sass +30 -0
  518. data/source/stylesheets/breezeblocks/_flashes.sass +32 -0
  519. data/source/stylesheets/breezeblocks/_flex-boxes.sass +59 -0
  520. data/source/stylesheets/breezeblocks/_footer-2.sass +102 -0
  521. data/source/stylesheets/breezeblocks/_footer.sass +62 -0
  522. data/source/stylesheets/breezeblocks/_grid-items-lines.sass +76 -0
  523. data/source/stylesheets/breezeblocks/_grid-items.sass +80 -0
  524. data/source/stylesheets/breezeblocks/_hero.sass +44 -0
  525. data/source/stylesheets/breezeblocks/_hover-tile-animation.sass +40 -0
  526. data/source/stylesheets/breezeblocks/_icon-bullet-points.sass +49 -0
  527. data/source/stylesheets/breezeblocks/_image-gradient-dynamic.sass +43 -0
  528. data/source/stylesheets/breezeblocks/_maps.sass +20 -0
  529. data/source/stylesheets/breezeblocks/_modal.sass +119 -0
  530. data/source/stylesheets/breezeblocks/_navigation.sass +247 -0
  531. data/source/stylesheets/breezeblocks/_pagination.sass +51 -0
  532. data/source/stylesheets/breezeblocks/_parallax.sass +28 -0
  533. data/source/stylesheets/breezeblocks/_progress-bar-indication.sass +42 -0
  534. data/source/stylesheets/breezeblocks/_progress-bar.sass +70 -0
  535. data/source/stylesheets/breezeblocks/_ribbon.sass +28 -0
  536. data/source/stylesheets/breezeblocks/_scroll-on-page.sass +37 -0
  537. data/source/stylesheets/breezeblocks/_search-bar.sass +37 -0
  538. data/source/stylesheets/breezeblocks/_search-tools.sass +79 -0
  539. data/source/stylesheets/breezeblocks/_side-image.sass +58 -0
  540. data/source/stylesheets/breezeblocks/_sliding-menu.sass +63 -0
  541. data/source/stylesheets/breezeblocks/_stats.sass +27 -0
  542. data/source/stylesheets/breezeblocks/_switch.sass +61 -0
  543. data/source/stylesheets/breezeblocks/_tables-minimal.sass +59 -0
  544. data/source/stylesheets/breezeblocks/_tables.sass +78 -0
  545. data/source/stylesheets/breezeblocks/_texture-legend.sass +78 -0
  546. data/source/stylesheets/breezeblocks/_textures.sass +26 -0
  547. data/source/stylesheets/breezeblocks/_tooltip.sass +60 -0
  548. data/source/stylesheets/breezeblocks/_type-system-geometric.sass +100 -0
  549. data/source/stylesheets/breezeblocks/_type-system-rounded.sass +101 -0
  550. data/source/stylesheets/breezeblocks/_type-system-sans.sass +105 -0
  551. data/source/stylesheets/breezeblocks/_type-system-serif.sass +106 -0
  552. data/source/stylesheets/breezeblocks/_type-system-slab.sass +102 -0
  553. data/source/stylesheets/breezeblocks/_type-system-traditional.sass +107 -0
  554. data/source/stylesheets/breezeblocks/_vertical-tabs.sass +91 -0
  555. data/source/stylesheets/breezeblocks/_video.sass +11 -0
  556. data/source/stylesheets/vendor/fixedsticky.css +22 -0
  557. data/source/stylesheets/vendor/normalize.css +427 -0
  558. data/source/stylesheets/vendor/prism.css +126 -0
  559. data/source/type-systems.html.haml +54 -0
  560. data/spec/breezeblocks/import_generator_spec.rb +106 -0
  561. data/spec/spec_helper.rb +2 -0
  562. metadata +633 -0
data/source/stylesheets/breezeblocks/_hero.sass ADDED
@@ -0,0 +1,44 @@
1
+ .hero
2
+ ///////////////////////////////////////////////////////////////////////////////////
3
+ $base-border-radius: 3px !default
4
+ $base-accent-color: #477DCA !default
5
+ $large-screen: em(860) !default
6
+ //////////////////////////////////////////////////////////////////////////////////
7
+ $hero-background-top: #7F99BE
8
+ $hero-background-bottom: #20392B
9
+ $hero-color: white
10
+ $gradient-angle: 10deg
11
+ $hero-image: "https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/mountains.png"
12
+ +background(url($hero-image), linear-gradient($gradient-angle, $hero-background-bottom, $hero-background-top), no-repeat $hero-background-top scroll)
13
+ background-color: #324766
14
+ background-position: top
15
+ background-repeat: no-repeat
16
+ background-size: cover
17
+ padding-bottom: 3em
18
+ .hero-logo img
19
+ height: 4em
20
+ margin-bottom: 1em
21
+ .hero-inner
22
+ +outer-container
23
+ +clearfix
24
+ color: $hero-color
25
+ margin: auto
26
+ padding: 3.5em
27
+ text-align: center
28
+ .hero-copy
29
+ text-align: center
30
+ h1
31
+ font-size: 1.6em
32
+ margin-bottom: 0.5em
33
+ +media($large-screen)
34
+ font-size: 1.8em
35
+ p
36
+ font-weight: 200
37
+ line-height: 1.4em
38
+ margin: 0 auto 3em auto
39
+ +media($large-screen)
40
+ font-size: 1.1em
41
+ max-width: 40%
42
+ button
43
+ +button(flat, $base-accent-color)
44
+ padding: 0.7em 1em
data/source/stylesheets/breezeblocks/_hover-tile-animation.sass ADDED
@@ -0,0 +1,40 @@
1
+ .hover-tile-outer
2
+ ///////////////////////////////////////////////////////////////////////////////////
3
+ $base-border-color: gainsboro !default
4
+ $base-line-height: 1.5em !default
5
+ $medium-screen: em(640) !default
6
+ h4
7
+ margin: 0
8
+ p
9
+ line-height: $base-line-height
10
+ //////////////////////////////////////////////////////////////////////////////////
11
+ $hover-tile-height: 10em
12
+ background: url("https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/mountains.png")
13
+ background-position: top
14
+ background-size: cover
15
+ background-color: beige
16
+ border: 1px solid $base-border-color
17
+ cursor: pointer
18
+ height: $hover-tile-height
19
+ margin-bottom: $base-line-height
20
+ +media($medium-screen)
21
+ width: 40%
22
+
23
+ .hover-tile-container
24
+ height: $hover-tile-height
25
+ overflow: hidden
26
+ .hover-tile-container:hover > .hover-tile
27
+ +transform(translate(0, -100%))
28
+ .hover-tile
29
+ +transition(all, 0.2s ease-in-out)
30
+ background: inherit
31
+ color: white
32
+ height: inherit
33
+ overflow: hidden
34
+ padding: $base-spacing
35
+ .hover-tile-hidden
36
+ background: transparentize(#000, 0.5)
37
+ p
38
+ color: transparentize(#fff, 0.3)
39
+ h4
40
+ margin-bottom: 0.5em
data/source/stylesheets/breezeblocks/_icon-bullet-points.sass ADDED
@@ -0,0 +1,49 @@
1
+ .bullets
2
+ ///////////////////////////////////////////////////////////////////////////////////
3
+ $base-line-height: 1.5em !default
4
+ $base-accent-color: #477DCA !default
5
+ $base-link-color: $base-accent-color !default
6
+ $dark-gray: #333 !default
7
+ $base-font-color: $dark-gray !default
8
+ padding: 0
9
+ h2
10
+ margin: 0
11
+ li
12
+ list-style: none
13
+ p
14
+ color: $base-font-color
15
+ line-height: $base-line-height
16
+ img
17
+ max-width: 100%
18
+ //////////////////////////////////////////////////////////////////////////////////
19
+ $icon-bullet-size: 3.5em
20
+ +display(flex)
21
+ +flex-wrap(wrap)
22
+ margin-bottom: $base-line-height
23
+ margin: 1em
24
+ overflow: auto
25
+ .bullet
26
+ +flex-basis(20em)
27
+ +flex-grow(1)
28
+ .bullet-icon
29
+ background: $base-accent-color
30
+ border-radius: 50%
31
+ float: left
32
+ height: $icon-bullet-size
33
+ padding: $icon-bullet-size / 4
34
+ width: $icon-bullet-size
35
+ .bullet-icon-1
36
+ background: $base-accent-color
37
+ .bullet-icon-2
38
+ background: adjust-hue($base-accent-color, -50%)
39
+ .bullet-icon-3
40
+ background: adjust-hue($base-accent-color, -140%)
41
+ .bullet-content
42
+ margin-left: $icon-bullet-size * 1.4
43
+ margin-bottom: 2em
44
+ h2
45
+ border-bottom: 1px solid transparentize($base-font-color, 0.8)
46
+ display: inline-block
47
+ font-size: $icon-bullet-size / 2.5
48
+ margin-bottom: $icon-bullet-size / 6
49
+ padding-top: $icon-bullet-size / 7
data/source/stylesheets/breezeblocks/_image-gradient-dynamic.sass ADDED
@@ -0,0 +1,43 @@
1
+ .image-gradient-dynamic
2
+ $image-gradient-color-top: red
3
+ $transparency-top: 0.9
4
+ $image-gradient-color-bottom: green
5
+ $transparency-bottom: 0.6
6
+ $vertical-angle: 0deg
7
+ $image-gradient-color-left: teal
8
+ $transparency-left: 0.8
9
+ $image-gradient-color-right: yellow
10
+ $transparency-right: 0.8
11
+ $horizontal-angle: 90deg
12
+ line-height: 0
13
+ position: relative
14
+ width: 100%
15
+ img
16
+ height: auto
17
+ left: 0
18
+ position: relative
19
+ top: 0
20
+ width: 100%
21
+ .copy
22
+ +transform(translate(-50%, -50%))
23
+ left: 50%
24
+ margin: auto
25
+ position: absolute
26
+ text-align: center
27
+ top: 50%
28
+ z-index: 999
29
+ p
30
+ color: white
31
+ font-weight: 800
32
+ line-height: 1.5em
33
+ padding: 1em 2em
34
+ position: relative
35
+ .overlay
36
+ +linear-gradient($vertical-angle, transparentize($image-gradient-color-top, $transparency-top), transparentize($image-gradient-color-bottom, $transparency-bottom))
37
+ display: block
38
+ +position(absolute, 0px 0px 0px 0px)
39
+ &:after
40
+ +linear-gradient($horizontal-angle, transparentize($image-gradient-color-left, $transparency-left), transparentize($image-gradient-color-right, $transparency-right))
41
+ +position(absolute, 0px 0px 0px 0px)
42
+ content: ''
43
+ display: block
data/source/stylesheets/breezeblocks/_maps.sass ADDED
@@ -0,0 +1,20 @@
1
+ #map_canvas
2
+ height: 400px
3
+ width: 100%
4
+
5
+ #map_canvas img
6
+ max-width: none
7
+ // to prevent UI control bug
8
+
9
+ #map_canvas .content
10
+ padding: 0 0.5em 1em 0.5em
11
+
12
+ #map_canvas .firstHeading
13
+ font-size: 1em
14
+ line-height: 1em
15
+ font-weight: bold
16
+ margin: 0
17
+
18
+ #map_canvas #bodyContent p
19
+ font-size: 1em
20
+ margin: 0
data/source/stylesheets/breezeblocks/_modal.sass ADDED
@@ -0,0 +1,119 @@
1
+ .modal
2
+ ///////////////////////////////////////////////////////////////////////////////////
3
+ $base-border-color: gainsboro !default
4
+ $base-border-radius: 3px !default
5
+ $base-background-color: white !default
6
+ $base-font-size: 1em !default
7
+ $base-line-height: 1.5em !default
8
+ $base-accent-color: #477DCA !default
9
+ $dark-gray: #333 !default
10
+ $light-gray: #DDD !default
11
+ $medium-screen: em(640) !default
12
+ $large-screen: em(860) !default
13
+ $base-font-color: $dark-gray !default
14
+ h1
15
+ margin: 0
16
+ p
17
+ color: $base-font-color
18
+ line-height: $base-line-height
19
+ //////////////////////////////////////////////////////////////////////////////////
20
+ $modal-padding: 3em
21
+ $modal-background: $base-background-color
22
+ $modal-close-color: $light-gray
23
+ $modal-image-height: 135px
24
+ $modal-image-width: $modal-image-height
25
+ $modal-trigger-image-width: 300px
26
+ label
27
+ cursor: pointer
28
+ margin-bottom: 0
29
+ label img
30
+ border-radius: $modal-trigger-image-width / 2
31
+ display: block
32
+ max-width: $modal-trigger-image-width
33
+ .modal-state
34
+ display: none
35
+ .modal-trigger
36
+ +button(flat, $base-accent-color)
37
+ padding: 0.8em 1em
38
+ .modal-window
39
+ // overlay
40
+ +transition(opacity 0.25s ease)
41
+ +position(fixed, 0px 0px 0px 0px)
42
+ background: rgba(0, 0, 0, 0.85)
43
+ opacity: 0
44
+ padding-top: 0.6em
45
+ text-align: left
46
+ visibility: hidden
47
+ z-index: 99999999999
48
+ +media($large-screen)
49
+ padding-top: 10em
50
+
51
+ .modal-bg
52
+ +position(absolute, 0px 0px 0px 0px)
53
+ cursor: pointer
54
+ .modal-close
55
+ +position(absolute, ($modal-padding / 2) ($modal-padding / 2) null null)
56
+ +size(1.5em)
57
+ background: $modal-background
58
+ cursor: pointer
59
+ &:after,
60
+ &:before
61
+ +position(absolute, 3px 3px 0 50%)
62
+ +transform(rotate(45deg))
63
+ +size(0.15em 1.5em)
64
+ background: $modal-close-color
65
+ content: ''
66
+ display: block
67
+ margin: -3px 0 0 -1px
68
+ &:hover:after,
69
+ &:hover:before
70
+ background: darken($modal-close-color, 10%)
71
+ &:before
72
+ +transform(rotate(-45deg))
73
+ .modal-inner
74
+ +transition(opacity 0.25s ease)
75
+ background: $modal-background
76
+ border-radius: $base-border-radius
77
+ margin-top: 0
78
+ margin: auto
79
+ max-height: 95%
80
+ overflow: auto
81
+ padding: $modal-padding / 2
82
+ position: relative
83
+ width: 95%
84
+ +media($medium-screen)
85
+ max-height: 70%
86
+ padding: $modal-padding
87
+ width: 60%
88
+
89
+ +media($large-screen)
90
+ width: 50%
91
+
92
+ h1
93
+ color: $base-font-color
94
+ margin-bottom: 0.6em
95
+ text-align: left
96
+ text-transform: capitalize
97
+ .modal-intro
98
+ font-weight: 800
99
+ .modal-content
100
+ color: $base-font-color
101
+ +media($medium-screen)
102
+ +columns(2 8em)
103
+ a.cta
104
+ color: white
105
+ display: inline-block
106
+ margin-right: 0.5em
107
+ margin-top: 1em
108
+ &:last-child
109
+ padding: 0 2em
110
+ .modal-state:checked + .modal-window
111
+ opacity: 1
112
+ visibility: visible
113
+ .modal-state:checked + .modal-window .modal-inner
114
+ top: 0.5em
115
+
116
+ .modal-open
117
+ overflow: hidden
118
+
119
+ // Based on code by Kasper Mikiewicz
data/source/stylesheets/breezeblocks/_navigation.sass ADDED
@@ -0,0 +1,247 @@
1
+ header.navigation
2
+ ///////////////////////////////////////////////////////////////////////////////////
3
+ $base-border-color: gainsboro !default
4
+ $base-border-radius: 3px !default
5
+ $base-accent-color: #477DCA !default
6
+ $dark-gray: #333 !default
7
+ $large-screen: em(860) !default
8
+ a
9
+ text-decoration: none
10
+ //////////////////////////////////////////////////////////////////////////////////
11
+ $navigation-padding: 1em
12
+ $navigation-background: $dark-gray
13
+ $navigation-color: transparentize(white, 0.3)
14
+ $navigation-color-hover: white
15
+ $navigation-height: 60px
16
+ $navigation-nav-button-background: $base-accent-color
17
+ $navigation-nav-button-background-hover: lighten($navigation-background, 10%)
18
+ $navigation-nav-button-border: 1px solid lighten($navigation-nav-button-background, 20%)
19
+ $navigation-search-background: lighten($navigation-background, 5)
20
+ $navigation-search-border: 1px solid darken($navigation-background, 5)
21
+ $navigation-active-link-color: transparentize(white, 0.5)
22
+ $navigation-submenu-padding: 1em
23
+ $navigation-submenu-width: 12em
24
+ $horizontal-bar-mode: $large-screen
25
+ background-color: $navigation-background
26
+ border-bottom: 1px solid darken($navigation-background, 10)
27
+ min-height: $navigation-height
28
+ width: 100%
29
+ z-index: 999
30
+ .navigation-wrapper
31
+ +clearfix
32
+ +outer-container
33
+ position: relative
34
+ z-index: 9999
35
+ .logo
36
+ float: left
37
+ max-height: $navigation-height
38
+ padding-left: $navigation-padding
39
+ padding-right: 2em
40
+ img
41
+ max-height: $navigation-height
42
+ padding: 0.8em 0
43
+ // Mobile view
44
+ .navigation-menu-button
45
+ color: $navigation-color
46
+ display: block
47
+ float: right
48
+ font-weight: 700
49
+ line-height: $navigation-height
50
+ margin: 0
51
+ padding-right: 1em
52
+ text-transform: uppercase
53
+ +media($horizontal-bar-mode)
54
+ display: none
55
+
56
+ &:focus,
57
+ &:hover
58
+ color: $navigation-color-hover
59
+ // Nav menu
60
+ nav
61
+ float: none
62
+ min-height: $navigation-height
63
+ z-index: 9999999
64
+ +media($horizontal-bar-mode)
65
+ float: left
66
+ ul.navigation-menu
67
+ -webkit-transform-style: preserve-3d
68
+ // stop webkit flicker
69
+ clear: both
70
+ display: none
71
+ margin: 0 auto
72
+ overflow: visible
73
+ padding: 0
74
+ width: 100%
75
+ z-index: 9999
76
+ &.show
77
+ display: block
78
+ +media($horizontal-bar-mode)
79
+ display: inline
80
+ margin: 0
81
+ padding: 0
82
+ // The nav items
83
+ ul li.nav-link
84
+ background: $navigation-background
85
+ display: block
86
+ line-height: $navigation-height
87
+ overflow: hidden
88
+ padding-right: 0.8em
89
+ text-align: right
90
+ width: 100%
91
+ z-index: 9999
92
+ +media($horizontal-bar-mode)
93
+ background: transparent
94
+ display: inline
95
+ line-height: $navigation-height
96
+ text-decoration: none
97
+ width: auto
98
+
99
+ a
100
+ color: $navigation-color
101
+ display: inline-block
102
+ font-weight: 400
103
+ +media($horizontal-bar-mode)
104
+ padding-right: 1em
105
+
106
+ &:focus,
107
+ &:hover
108
+ color: $navigation-color-hover
109
+ .active-nav-item a
110
+ border-bottom: 1px solid $navigation-active-link-color
111
+ padding-bottom: 3px
112
+ // Sub menus
113
+ li.more.nav-link
114
+ padding-right: 0
115
+ +media($large-screen)
116
+ padding-right: $navigation-submenu-padding
117
+
118
+ > ul > li:first-child a
119
+ padding-top: 1em
120
+ a
121
+ margin-right: $navigation-submenu-padding
122
+ > a
123
+ padding-right: 0.6em
124
+ > a:after
125
+ +position(absolute, auto -0.4em auto auto)
126
+ content: '\25BE'
127
+ color: $navigation-color
128
+ li.more
129
+ overflow: visible
130
+ padding-right: 0
131
+ a
132
+ padding-right: 0.8em
133
+ > a
134
+ padding-right: 1.6em
135
+ position: relative
136
+ +media($large-screen)
137
+ margin-right: $navigation-submenu-padding
138
+
139
+ &:after
140
+ content: '›'
141
+ font-size: 1.2em
142
+ position: absolute
143
+ right: $navigation-submenu-padding / 2
144
+ &:focus > .submenu,
145
+ &:hover > .submenu
146
+ display: block
147
+ +media($horizontal-bar-mode)
148
+ padding-right: 0.8em
149
+ position: relative
150
+ ul.submenu
151
+ display: none
152
+ padding-left: 0
153
+ +media($horizontal-bar-mode)
154
+ left: -$navigation-submenu-padding
155
+ position: absolute
156
+ top: 1.5em
157
+
158
+ .submenu
159
+ +media($horizontal-bar-mode)
160
+ left: $navigation-submenu-width - 0.2em
161
+ top: 0
162
+ li
163
+ display: block
164
+ padding-right: 0
165
+ +media($horizontal-bar-mode)
166
+ line-height: $navigation-height / 1.3
167
+ &:first-child > a
168
+ border-top-left-radius: $base-border-radius
169
+ border-top-right-radius: $base-border-radius
170
+ &:last-child > a
171
+ border-bottom-left-radius: $base-border-radius
172
+ border-bottom-right-radius: $base-border-radius
173
+ padding-bottom: 0.7em
174
+
175
+ a
176
+ background-color: darken($navigation-background, 3%)
177
+ display: inline-block
178
+ text-align: right
179
+ width: 100%
180
+ +media($horizontal-bar-mode)
181
+ background-color: $navigation-background
182
+ padding-left: $navigation-submenu-padding
183
+ text-align: left
184
+ width: $navigation-submenu-width
185
+ // Elements on the far right
186
+ .navigation-tools
187
+ background: #505050
188
+ clear: both
189
+ display: block
190
+ height: $navigation-height
191
+ padding-left: $navigation-padding / 2
192
+ padding-right: $navigation-padding
193
+ +media($large-screen)
194
+ background: transparent
195
+ clear: none
196
+ float: right
197
+ .sign-up
198
+ +button(flat, $base-accent-color)
199
+ display: inline
200
+ float: right
201
+ font-size: 0.8em
202
+ margin-top: 1em
203
+ padding: 0.75em 1em
204
+ text-transform: uppercase
205
+ // Search bar
206
+ .search-bar
207
+ $search-bar-border-color: $base-border-color
208
+ $search-bar-border: 1px solid $search-bar-border-color
209
+ $search-bar-background: lighten($search-bar-border-color, 10%)
210
+ float: left
211
+ padding: 0.85em 0.6em 0.7em 0.6em
212
+ width: 60%
213
+ form
214
+ position: relative
215
+ input[type=search]
216
+ +box-sizing(border-box)
217
+ background: $navigation-search-background
218
+ border-radius: $base-border-radius * 2
219
+ border: $navigation-search-border
220
+ color: $navigation-color
221
+ font-size: 0.9em
222
+ font-style: italic
223
+ margin: 0
224
+ padding: 0.5em 0.8em
225
+ width: 100%
226
+ +media($large-screen)
227
+ width: 100%
228
+ button[type=submit]
229
+ +button(flat, $navigation-search-background)
230
+ bottom: 0.3em
231
+ left: auto
232
+ outline: none
233
+ padding: 0 9px
234
+ position: absolute
235
+ right: 0.3em
236
+ top: 0.3em
237
+ img
238
+ height: 12px
239
+ opacity: 0.7
240
+ padding: 1px
241
+ +media($horizontal-bar-mode)
242
+ display: inline-block
243
+ position: relative
244
+ width: 16em
245
+ input
246
+ +box-sizing(border-box)
247
+ display: block