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/_cards.sass ADDED
@@ -0,0 +1,69 @@
1
+ .cards
2
+ +display(flex)
3
+ +flex-wrap(wrap)
4
+ +justify-content(space-between)
5
+
6
+ .card
7
+ ///////////////////////////////////////////////////////////////////////////////////
8
+ $base-border-color: gainsboro !default
9
+ $base-border-radius: 3px !default
10
+ $base-background-color: white !default
11
+ $base-spacing: 1.5em !default
12
+ $base-accent-color: #477DCA !default
13
+ $base-link-color: $base-accent-color !default
14
+ $dark-gray: #333 !default
15
+ $base-font-color: $dark-gray !default
16
+ //////////////////////////////////////////////////////////////////////////////////
17
+ $card-border-color: $base-border-color
18
+ $card-border: 1px solid $card-border-color
19
+ $card-background: lighten($card-border-color, 10%)
20
+ $card-header-background: $card-background
21
+ $card-hover-background: lighten($card-background, 5%)
22
+ $card-image-background: #DBD199
23
+ $card-image-hover-background: lighten($card-image-background, 5%)
24
+ $card-margin: 1em
25
+ +flex-basis(15em)
26
+ +flex-grow(1)
27
+ +transition(all 0.2s ease-in-out)
28
+ background-color: $card-background
29
+ border-radius: $base-border-radius
30
+ border: $card-border
31
+ box-shadow: 0 2px 4px darken($base-background-color, 10%)
32
+ cursor: pointer
33
+ margin: 0 $card-margin $base-spacing $card-margin
34
+ position: relative
35
+ position: relative
36
+ .card-image
37
+ overflow: hidden
38
+ max-height: 150px
39
+ img
40
+ +transition(all 0.2s ease-in-out)
41
+ background: $card-image-background
42
+ border-top-left-radius: $base-border-radius
43
+ border-top-right-radius: $base-border-radius
44
+ width: 100%
45
+ .card-header
46
+ +transition(all 0.2s ease-in-out)
47
+ background-color: $card-header-background
48
+ border-bottom: $card-border
49
+ border-radius: $base-border-radius $base-border-radius 0 0
50
+ font-weight: bold
51
+ line-height: 1.5em
52
+ padding: ($base-spacing / 3) ($base-spacing / 2)
53
+ .card-copy
54
+ font-size: 0.9em
55
+ line-height: 1.5em
56
+ padding: ($base-spacing / 2) ($base-spacing / 2)
57
+ p
58
+ margin: 0 0 ($base-spacing / 2)
59
+ &:focus,
60
+ &:hover
61
+ background-color: $card-hover-background
62
+ .card-image img
63
+ background: $card-image-hover-background
64
+ .card-header
65
+ background-color: $card-hover-background
66
+ &:active
67
+ background-color: $card-background
68
+ .card-header
69
+ background-color: $card-background
data/source/stylesheets/breezeblocks/_centered-navigation.sass ADDED
@@ -0,0 +1,182 @@
1
+ .centered-navigation
2
+ ///////////////////////////////////////////////////////////////////////////////////
3
+ $base-border-radius: 3px !default
4
+ $dark-gray: #333 !default
5
+ $large-screen: em(860) !default
6
+ $base-font-color: $dark-gray !default
7
+ //////////////////////////////////////////////////////////////////////////////////
8
+ $centered-navigation-padding: 1em
9
+ $centered-navigation-logo-height: 2em
10
+ $centered-navigation-background: #E7F1EC
11
+ $centered-navigation-color: transparentize($base-font-color, 0.3)
12
+ $centered-navigation-color-hover: $base-font-color
13
+ $centered-navigation-height: 60px
14
+ $centered-navigation-item-padding: 1em
15
+ $centered-navigation-submenu-padding: 1em
16
+ $centered-navigation-submenu-width: 12em
17
+ $centered-navigation-item-nudge: 2.2em
18
+ $horizontal-bar-mode: $large-screen
19
+ background-color: $centered-navigation-background
20
+ border-bottom: 1px solid darken($centered-navigation-background, 6%)
21
+ min-height: $centered-navigation-height
22
+ width: 100%
23
+ z-index: 9999
24
+ // Mobile view
25
+ .mobile-logo
26
+ display: inline
27
+ float: left
28
+ max-height: $centered-navigation-height
29
+ padding-left: $centered-navigation-padding
30
+ img
31
+ max-height: $centered-navigation-height
32
+ opacity: .6
33
+ padding: .8em 0
34
+ +media($horizontal-bar-mode)
35
+ display: none
36
+ .centered-navigation-mobile-menu
37
+ color: $centered-navigation-color
38
+ display: block
39
+ float: right
40
+ font-weight: 700
41
+ line-height: $centered-navigation-height
42
+ margin: 0
43
+ padding-right: $centered-navigation-submenu-padding
44
+ text-decoration: none
45
+ text-transform: uppercase
46
+ +media($horizontal-bar-mode)
47
+ display: none
48
+
49
+ &:focus,
50
+ &:hover
51
+ color: $centered-navigation-color-hover
52
+ // Nav menu
53
+ .centered-navigation-wrapper
54
+ +outer-container
55
+ +clearfix
56
+ position: relative
57
+ z-index: 999
58
+ ul.centered-navigation-menu
59
+ -webkit-transform-style: preserve-3d
60
+ // stop webkit flicker
61
+ clear: both
62
+ display: none
63
+ margin: 0 auto
64
+ overflow: visible
65
+ padding: 0
66
+ width: 100%
67
+ z-index: 99999
68
+ &.show
69
+ display: block
70
+ +media($horizontal-bar-mode)
71
+ display: block
72
+ text-align: center
73
+ // The nav items
74
+ .nav-link:first-child
75
+ +media($horizontal-bar-mode)
76
+ margin-left: $centered-navigation-item-nudge
77
+ ul li.nav-link
78
+ background: $centered-navigation-background
79
+ display: block
80
+ line-height: $centered-navigation-height
81
+ overflow: hidden
82
+ padding-right: $centered-navigation-submenu-padding
83
+ text-align: right
84
+ width: 100%
85
+ z-index: 9999
86
+ a
87
+ color: $centered-navigation-color
88
+ display: inline-block
89
+ outline: none
90
+ text-decoration: none
91
+ &:focus,
92
+ &:hover
93
+ color: $centered-navigation-color-hover
94
+ +media($horizontal-bar-mode)
95
+ background: transparent
96
+ display: inline
97
+ line-height: $centered-navigation-height
98
+ a
99
+ padding-right: $centered-navigation-item-padding
100
+ li.logo.nav-link
101
+ display: none
102
+ line-height: 0
103
+ +media($large-screen)
104
+ display: inline
105
+ .logo img
106
+ margin-bottom: -$centered-navigation-logo-height / 3
107
+ max-height: $centered-navigation-logo-height
108
+ opacity: 0.6
109
+ // Sub menus
110
+ li.more.nav-link
111
+ padding-right: 0
112
+ +media($large-screen)
113
+ padding-right: $centered-navigation-submenu-padding
114
+
115
+ > ul > li:first-child a
116
+ padding-top: 1em
117
+ a
118
+ margin-right: $centered-navigation-submenu-padding
119
+ > a
120
+ padding-right: 0.6em
121
+ > a:after
122
+ +position(absolute, auto -0.4em auto auto)
123
+ color: $centered-navigation-color
124
+ content: "\25BE"
125
+ li.more
126
+ overflow: visible
127
+ padding-right: 0
128
+ a
129
+ padding-right: $centered-navigation-submenu-padding
130
+ > a
131
+ padding-right: 1.6em
132
+ position: relative
133
+ +media($large-screen)
134
+ margin-right: $centered-navigation-submenu-padding
135
+
136
+ &:after
137
+ content: "›"
138
+ font-size: 1.2em
139
+ position: absolute
140
+ right: $centered-navigation-submenu-padding / 2
141
+ &:focus > .submenu,
142
+ &:hover > .submenu
143
+ display: block
144
+ +media($horizontal-bar-mode)
145
+ padding-right: $centered-navigation-submenu-padding
146
+ position: relative
147
+ ul.submenu
148
+ display: none
149
+ padding-left: 0
150
+ +media($horizontal-bar-mode)
151
+ left: -$centered-navigation-submenu-padding
152
+ position: absolute
153
+ top: 1.5em
154
+
155
+ .submenu
156
+ +media($horizontal-bar-mode)
157
+ left: $centered-navigation-submenu-width - 0.2em
158
+ top: 0
159
+ li
160
+ display: block
161
+ padding-right: 0
162
+ +media($horizontal-bar-mode)
163
+ line-height: $centered-navigation-height / 1.3
164
+ &:first-child > a
165
+ border-top-left-radius: $base-border-radius
166
+ border-top-right-radius: $base-border-radius
167
+ &:last-child > a
168
+ border-bottom-left-radius: $base-border-radius
169
+ border-bottom-right-radius: $base-border-radius
170
+ padding-bottom: .7em
171
+
172
+ a
173
+ background-color: darken($centered-navigation-background, 3%)
174
+ display: inline-block
175
+ text-align: right
176
+ text-decoration: none
177
+ width: 100%
178
+ +media($horizontal-bar-mode)
179
+ background-color: $centered-navigation-background
180
+ padding-left: $centered-navigation-submenu-padding
181
+ text-align: left
182
+ width: $centered-navigation-submenu-width
data/source/stylesheets/breezeblocks/_comment.sass ADDED
@@ -0,0 +1,49 @@
1
+ .comment
2
+ ///////////////////////////////////////////////////////////////////////////////////
3
+ $base-border-radius: 3px !default
4
+ $base-spacing: 1.5em !default
5
+ $base-accent-color: #477DCA !default
6
+ $dark-gray: #333 !default
7
+ $base-font-color: $dark-gray !default
8
+ //////////////////////////////////////////////////////////////////////////////////
9
+ $comment-gutter: 1.4em
10
+ $comment-image-padding: 0.7em
11
+ $comment-image-width: 4em
12
+ $comment-color: $base-font-color
13
+ $comment-background: lighten($base-accent-color, 15%)
14
+ $comment-detail-color: transparentize($comment-color, 0.5)
15
+ $comment-image-vert-alignment: top
16
+ border-bottom: 1px solid transparentize($comment-color, 0.9)
17
+ display: table
18
+ margin-bottom: $base-spacing
19
+ padding-bottom: 1em
20
+ width: 100%
21
+ .comment-image,
22
+ .comment-content
23
+ display: table-cell
24
+ vertical-align: $comment-image-vert-alignment
25
+ .comment-image
26
+ padding-right: $comment-gutter
27
+ > img
28
+ background: $comment-background
29
+ border-radius: $base-border-radius
30
+ display: block
31
+ height: auto
32
+ max-width: none
33
+ padding: $comment-image-padding
34
+ width: $comment-image-width
35
+ .comment-reverse-order &
36
+ padding-right: 0
37
+ padding-left: 10px
38
+ .comment-content
39
+ width: 100%
40
+ h1
41
+ font-size: 1em
42
+ margin: 0 0 0.5em 0
43
+ p
44
+ line-height: 1.5em
45
+ margin-bottom: 0.5em
46
+ p.comment-detail
47
+ color: $comment-detail-color
48
+ font-size: 0.9em
49
+ font-style: italic
data/source/stylesheets/breezeblocks/_device.sass ADDED
@@ -0,0 +1,67 @@
1
+ .device-background
2
+ ///////////////////////////////////////////////////////////////////////////////////
3
+ $base-border-radius: 3px !default
4
+ $base-accent-color: #477DCA !default
5
+ $large-screen: em(860) !default
6
+ p
7
+ line-height: 1.5em
8
+ h4
9
+ font-size: 1.5em
10
+ margin: 0
11
+ //////////////////////////////////////////////////////////////////////////////////
12
+ $device-padding-vertical: 5em
13
+ $device-padding-horizontal: 0.4em
14
+ $device-screen-width: 14em
15
+ $device-screen-height: 25em
16
+ $device-background: darken(gray, 40%)
17
+ $device-backside-background: darken($device-background, 10%)
18
+ $device-text-color: white
19
+ $device-background-top: #162C4C
20
+ $device-background-bottom: #0A120D
21
+ $gradient-angle: 10deg
22
+ $device-image: "https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/mountains.png"
23
+ $device-screen-image: "https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/cosmin_capitanu_screen.jpg"
24
+ +background(url($device-image), linear-gradient($gradient-angle, $device-background-bottom, $device-background-top), no-repeat $device-background-top scroll)
25
+ background-repeat: no-repeat
26
+ background-size: cover
27
+ min-height: 20em
28
+ width: 100%
29
+ .device-text
30
+ color: $device-text-color
31
+ padding: 2em
32
+ +media($large-screen)
33
+ float: left
34
+ max-width: 50%
35
+ padding: 4em
36
+
37
+ h4
38
+ border-bottom: 1px solid transparentize($device-text-color, 0.7)
39
+ margin-bottom: 0.5em
40
+ padding-bottom: 0.5em
41
+ p
42
+ margin-bottom: 1.5em
43
+ button
44
+ +button(flat, $base-accent-color)
45
+ padding: 0.7em 1em
46
+ .device
47
+ display: none
48
+ position: relative
49
+ +media($large-screen)
50
+ +transform(perspective(800px) translateX(0px) translateY(-100px) translateZ(50px) rotateX(0deg) rotateY(-20deg) rotateZ(-0deg))
51
+ background: $device-background
52
+ border-radius: 2em
53
+ box-shadow: 1px 0px lighten($device-backside-background, 20%), 4px 0px lighten($device-backside-background, 2%), 7px 0px $device-backside-background, 10px 0px $device-backside-background, 13px 0px $device-backside-background
54
+ display: block
55
+ float: right
56
+ margin-bottom: -12em
57
+ margin-right: 5em
58
+ padding: $device-padding-vertical 0
59
+ width: $device-screen-width + 2 * $device-padding-horizontal
60
+ z-index: 99999
61
+ .screen
62
+ +size($device-screen-width $device-screen-height)
63
+ background-image: url($device-screen-image)
64
+ background-size: cover
65
+ border-radius: 0.2em
66
+ box-shadow: inset 0 1px 8px transparentize(black, 0.5)
67
+ margin: auto
data/source/stylesheets/breezeblocks/_dropdown.sass ADDED
@@ -0,0 +1,112 @@
1
+ .dropdown
2
+ ///////////////////////////////////////////////////////////////////////////////////
3
+ $base-border-color: gainsboro !default
4
+ $base-border-radius: 3px !default
5
+ $base-line-height: 1.5em !default
6
+ $base-background-color: white !default
7
+ $dark-gray: #333 !default
8
+ $large-screen: em(860) !default
9
+ $base-font-color: $dark-gray !default
10
+ line-height: $base-line-height
11
+ ul
12
+ padding: 0
13
+ margin: 0
14
+ li
15
+ list-style: none
16
+ //////////////////////////////////////////////////////////////////////////////////
17
+ $dropdown-color: $base-font-color
18
+ $dropdown-description-color: lighten($dropdown-color, 40%)
19
+ $dropdown-border: 1px solid silver
20
+ $dropdown-background: $base-background-color
21
+ $dropdown-background-hover: darken($dropdown-background, 3%)
22
+ $dropdown-inner-border: 1px solid silver
23
+ $dropdown-height: 40px
24
+ $dropdown-padding: 1em
25
+ $dropdown-distance-from-menu: 50px
26
+ $dropdown-arrow-top-distance: 0
27
+ .dropdown-container
28
+ display: inline-block
29
+ position: relative
30
+ text-align: center
31
+ .dropdown-description
32
+ background: $dropdown-background
33
+ border-bottom-left-radius: $base-border-radius
34
+ border-bottom: $dropdown-border
35
+ border-left: $dropdown-border
36
+ border-top-left-radius: $base-border-radius
37
+ border-top: $dropdown-border
38
+ color: $dropdown-description-color
39
+ float: left
40
+ font-size: 0.7em
41
+ line-height: $dropdown-height
42
+ margin: 0
43
+ padding: 0 ($dropdown-padding / 2) 0 $dropdown-padding
44
+ +media($large-screen)
45
+ font-size: 1em
46
+ .dropdown-button
47
+ background: $dropdown-background
48
+ border-bottom-right-radius: $base-border-radius
49
+ border-top-right-radius: $base-border-radius
50
+ border-top: $dropdown-border
51
+ border-right: $dropdown-border
52
+ border-bottom: $dropdown-border
53
+ cursor: pointer
54
+ float: right
55
+ font-size: 0.7em
56
+ font-weight: 800
57
+ line-height: $dropdown-height
58
+ margin: 0
59
+ padding: 0 ($dropdown-padding * 2.5) 0 ($dropdown-padding / 2)
60
+ position: relative
61
+ +media($large-screen)
62
+ font-size: 1em
63
+ padding: 0 ($dropdown-padding * 2.5) 0 ($dropdown-padding / 2)
64
+ .dropdown-button:hover
65
+ background-color: $dropdown-background-hover
66
+ .dropdown-button:after
67
+ color: $base-font-color
68
+ content: "\25BE"
69
+ display: block
70
+ position: absolute
71
+ right: $dropdown-padding
72
+ top: $dropdown-arrow-top-distance
73
+ .dropdown-menu
74
+ +transition(all 0.2s ease-in-out)
75
+ background: $dropdown-background
76
+ border-radius: $base-border-radius
77
+ border: $dropdown-border
78
+ box-shadow: 0 2px 2px transparentize(black, 0.8)
79
+ color: $dropdown-color
80
+ cursor: pointer
81
+ display: none
82
+ overflow: show
83
+ position: absolute
84
+ right: 0
85
+ top: $dropdown-distance-from-menu
86
+ width: 228px
87
+ z-index: 99999
88
+ &:before
89
+ +position(absolute, 0 1em 0 0)
90
+ color: $dropdown-background
91
+ content: "\25b2"
92
+ font-size: 1.4em
93
+ pointer-events: none
94
+ text-shadow: 0 -2px 2px transparentize(black, 0.7)
95
+ top: -0.7em
96
+ .dropdown-menu li
97
+ border-bottom: $dropdown-inner-border
98
+ color: $dropdown-color
99
+ padding: $dropdown-padding / 2
100
+ .dropdown-menu li:hover
101
+ background: $dropdown-background-hover
102
+ .dropdown-menu li:first-child
103
+ border-top-left-radius: $base-border-radius
104
+ border-top-right-radius: $base-border-radius
105
+ .dropdown-menu li:last-child
106
+ border: none
107
+ border-bottom-left-radius: $base-border-radius
108
+ border-bottom-right-radius: $base-border-radius
109
+ .show-menu
110
+ display: block
111
+
112
+ // Inspired by code by www.HUSAMUI.com