editorial-autogestiva-jekyll-theme 0.4.2 → 0.5.0rc1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (272) hide show
  1. checksums.yaml +4 -4
  2. data/_config.yml +29 -14
  3. data/_data/actions.yml +9 -0
  4. data/_data/components.yml +10 -0
  5. data/_data/en.yml +89 -2
  6. data/_data/es.yml +91 -3
  7. data/_data/forms/user.yml +1 -1
  8. data/_data/full_width_components.yml +2 -0
  9. data/_data/layouts/about.yml +2 -2
  10. data/_data/layouts/book.yml +4 -4
  11. data/_data/layouts/cart.yml +2 -2
  12. data/_data/layouts/code_of_conduct.yml +2 -2
  13. data/_data/layouts/confirmation.yml +2 -2
  14. data/_data/layouts/menu.yml +1 -1
  15. data/_data/layouts/payment.yml +2 -2
  16. data/_data/layouts/post.yml +37 -14
  17. data/_data/layouts/shipment.yml +1 -1
  18. data/_data/layouts/theme.yml +24 -12
  19. data/_data/manifest.json +3270 -0
  20. data/_data/schema.yml +9 -0
  21. data/_data/theme.yml +152 -0
  22. data/_includes/activity_pub/actor.html +11 -0
  23. data/_includes/activity_pub/actor_mention.html +28 -0
  24. data/_includes/activity_pub/alternate.html +2 -0
  25. data/_includes/activity_pub/button.html +22 -0
  26. data/_includes/activity_pub/button_bar.html +16 -0
  27. data/_includes/activity_pub/cards.html +28 -0
  28. data/_includes/activity_pub/fediverse_interactions.html +2 -0
  29. data/_includes/activity_pub/generic_modal.html +55 -0
  30. data/_includes/activity_pub/image_modal.html +27 -0
  31. data/_includes/activity_pub/interactions.html +83 -0
  32. data/_includes/activity_pub/login_modal.html +70 -0
  33. data/_includes/activity_pub/reaction.html +45 -0
  34. data/_includes/activity_pub/reactions.html +21 -0
  35. data/_includes/activity_pub/replying_to.html +23 -0
  36. data/_includes/activity_pub/text_modal.html +16 -0
  37. data/_includes/activity_pub/toot_card.html +95 -0
  38. data/_includes/activity_pub/url.html +8 -0
  39. data/_includes/activity_pub/video_modal.html +20 -0
  40. data/_includes/boolean.html +9 -1
  41. data/_includes/bootstrap/custom_select.html +18 -0
  42. data/_includes/buttons/button.html +9 -0
  43. data/_includes/buttons/copy.html +28 -0
  44. data/_includes/buttons/generic.html +15 -0
  45. data/_includes/buttons/link.html +14 -0
  46. data/_includes/cart_controller.html +1 -1
  47. data/_includes/contact.html +4 -7
  48. data/_includes/content.html +9 -1
  49. data/_includes/country.html +4 -4
  50. data/_includes/date.html +12 -0
  51. data/_includes/device_detector.html +30 -0
  52. data/_includes/email.html +9 -1
  53. data/_includes/embed_responsive.html +17 -0
  54. data/_includes/external_link.html +15 -0
  55. data/_includes/fa.html +11 -0
  56. data/_includes/file.html +9 -1
  57. data/_includes/floating_alert.html +2 -2
  58. data/_includes/footer.html +11 -0
  59. data/_includes/headings/generic.html +14 -0
  60. data/_includes/headings/h1.html +9 -0
  61. data/_includes/headings/h2.html +9 -0
  62. data/_includes/headings/h3.html +9 -0
  63. data/_includes/headings/with_link.html +15 -0
  64. data/_includes/image.html +9 -1
  65. data/_includes/input.html +24 -5
  66. data/_includes/markdown_content.html +9 -1
  67. data/_includes/navbar.html +1 -1
  68. data/_includes/number.html +9 -1
  69. data/_includes/pack.html +10 -0
  70. data/_includes/password.html +10 -1
  71. data/_includes/picture.html +19 -15
  72. data/_includes/postal_code.html +1 -1
  73. data/_includes/predefined_array.html +10 -2
  74. data/_includes/preload_font.html +1 -1
  75. data/_includes/script.html +5 -0
  76. data/_includes/search.html +1 -1
  77. data/_includes/share.html +5 -5
  78. data/_includes/share_box.html +26 -11
  79. data/_includes/state.html +3 -3
  80. data/_includes/stretched_link.html +15 -0
  81. data/_includes/string.html +10 -1
  82. data/_includes/submit.html +13 -1
  83. data/_includes/svg/copy-icon.svg +1 -0
  84. data/_includes/svg/done-icon.svg +1 -0
  85. data/_includes/svg/menu.svg +9 -0
  86. data/_includes/svg/x.svg +3 -0
  87. data/_includes/tel.html +9 -1
  88. data/_includes/text.html +12 -2
  89. data/_includes/theme/button_with_copy.html +1 -0
  90. data/_includes/theme/button_with_link.html +5 -0
  91. data/_includes/theme/buttons.html +33 -0
  92. data/_includes/theme/colors.html +14 -0
  93. data/_includes/theme/content.html +41 -0
  94. data/_includes/theme/embed_responsive.html +10 -0
  95. data/_includes/theme/font_sizes.html +18 -0
  96. data/_includes/theme/footer.html +1 -0
  97. data/_includes/theme/letter_spacing.html +3 -0
  98. data/_includes/theme/picture.html +5 -0
  99. data/_includes/toggler/toggler.html +21 -0
  100. data/_includes/toggler/toggler_label.html +21 -0
  101. data/_includes/toggler/toggler_related.html +23 -0
  102. data/_includes/url.html +9 -1
  103. data/_layouts/cart.html +2 -2
  104. data/_layouts/default.html +65 -11
  105. data/_layouts/page.html +5 -0
  106. data/_layouts/post.html +15 -5
  107. data/_layouts/shipment.html +3 -3
  108. data/_layouts/theme.html +60 -0
  109. data/_sass/accessibility.scss +16 -7
  110. data/_sass/baskervville_ital_0_1.scss +36 -0
  111. data/_sass/content.scss +28 -0
  112. data/_sass/editor.scss +16 -7
  113. data/_sass/embed.scss +8 -0
  114. data/_sass/floating_alert.scss +40 -2
  115. data/_sass/fonts.scss +5 -0
  116. data/_sass/inter_ital_opsz_wght_0_14..32_100..900.scss +56 -0
  117. data/_sass/menu.scss +16 -0
  118. data/_sass/roboto_ital_wght_0_100_0_300_0_400_0_500_0_700_0_900_1_100_1_300_1_400_1_500_1_700_1_900.scss +756 -0
  119. data/_sass/roboto_mono_ital_wght_0_100..700_1_100..700.scss +108 -0
  120. data/_sass/saira_ital_wght_0_100..900_1_100..900.scss +60 -0
  121. data/_sass/snap.scss +39 -37
  122. data/_sass/toggler.scss +15 -34
  123. data/_sass/utilities.scss +547 -0
  124. data/assets/css/styles.scss +13 -29
  125. data/assets/fonts/baskervville/v16/YA9Kr0yU4l_XOrogbkun3kQQtamlrvLp9A.woff2 +0 -0
  126. data/assets/fonts/baskervville/v16/YA9Kr0yU4l_XOrogbkun3kQQtamrrvI.woff2 +0 -0
  127. data/assets/fonts/baskervville/v16/YA9Ur0yU4l_XOrogbkun3kQQsJmp.woff2 +0 -0
  128. data/assets/fonts/baskervville/v16/YA9Ur0yU4l_XOrogbkun3kQQvpmptvY.woff2 +0 -0
  129. data/assets/fonts/forkawesome-webfont.woff2 +0 -0
  130. data/assets/fonts/inter/v18/UcCm3FwrK3iLTcvnUwAT9nA2.woff2 +0 -0
  131. data/assets/fonts/inter/v18/UcCm3FwrK3iLTcvnUwQT9g.woff2 +0 -0
  132. data/assets/fonts/inter/v18/UcCm3FwrK3iLTcvnUwcT9nA2.woff2 +0 -0
  133. data/assets/fonts/inter/v18/UcCm3FwrK3iLTcvnUwgT9nA2.woff2 +0 -0
  134. data/assets/fonts/inter/v18/UcCm3FwrK3iLTcvnUwkT9nA2.woff2 +0 -0
  135. data/assets/fonts/inter/v18/UcCm3FwrK3iLTcvnUwoT9nA2.woff2 +0 -0
  136. data/assets/fonts/inter/v18/UcCm3FwrK3iLTcvnUwsT9nA2.woff2 +0 -0
  137. data/assets/fonts/inter/v18/UcCo3FwrK3iLTcvhYwYL8g.woff2 +0 -0
  138. data/assets/fonts/inter/v18/UcCo3FwrK3iLTcviYwY.woff2 +0 -0
  139. data/assets/fonts/inter/v18/UcCo3FwrK3iLTcvmYwYL8g.woff2 +0 -0
  140. data/assets/fonts/inter/v18/UcCo3FwrK3iLTcvsYwYL8g.woff2 +0 -0
  141. data/assets/fonts/inter/v18/UcCo3FwrK3iLTcvtYwYL8g.woff2 +0 -0
  142. data/assets/fonts/inter/v18/UcCo3FwrK3iLTcvuYwYL8g.woff2 +0 -0
  143. data/assets/fonts/inter/v18/UcCo3FwrK3iLTcvvYwYL8g.woff2 +0 -0
  144. data/assets/fonts/roboto/v27/KFOjCnqEu92Fr1Mu51TzBhc9-subset.woff2 +0 -0
  145. data/assets/fonts/roboto/v27/KFOkCnqEu92Fr1MmgWxP-subset.woff2 +0 -0
  146. data/assets/fonts/roboto/v27/KFOkCnqEu92Fr1Mu52xP-subset.woff2 +0 -0
  147. data/assets/fonts/roboto/v27/KFOlCnqEu92Fr1MmWUlvAw-subset.woff2 +0 -0
  148. data/assets/fonts/roboto/v27/KFOmCnqEu92Fr1Me5Q-subset.woff2 +0 -0
  149. data/assets/fonts/roboto/v32/KFOiCnqEu92Fr1Mu51QrEz0dL_nz.woff2 +0 -0
  150. data/assets/fonts/roboto/v32/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2 +0 -0
  151. data/assets/fonts/roboto/v32/KFOiCnqEu92Fr1Mu51QrEz8dL_nz.woff2 +0 -0
  152. data/assets/fonts/roboto/v32/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2 +0 -0
  153. data/assets/fonts/roboto/v32/KFOiCnqEu92Fr1Mu51QrEzMdL_nz.woff2 +0 -0
  154. data/assets/fonts/roboto/v32/KFOiCnqEu92Fr1Mu51QrEzQdL_nz.woff2 +0 -0
  155. data/assets/fonts/roboto/v32/KFOiCnqEu92Fr1Mu51QrEzwdL_nz.woff2 +0 -0
  156. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2 +0 -0
  157. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2 +0 -0
  158. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.woff2 +0 -0
  159. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2 +0 -0
  160. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.woff2 +0 -0
  161. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2 +0 -0
  162. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2 +0 -0
  163. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51TLBCc-CsTKlA.woff2 +0 -0
  164. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51TLBCc0CsTKlA.woff2 +0 -0
  165. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51TLBCc1CsTKlA.woff2 +0 -0
  166. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51TLBCc2CsTKlA.woff2 +0 -0
  167. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51TLBCc3CsTKlA.woff2 +0 -0
  168. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51TLBCc5CsTKlA.woff2 +0 -0
  169. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51TLBCc6CsQ.woff2 +0 -0
  170. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2 +0 -0
  171. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2 +0 -0
  172. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.woff2 +0 -0
  173. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2 +0 -0
  174. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2 +0 -0
  175. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2 +0 -0
  176. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2 +0 -0
  177. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2 +0 -0
  178. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2 +0 -0
  179. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2 +0 -0
  180. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2 +0 -0
  181. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2 +0 -0
  182. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2 +0 -0
  183. data/assets/fonts/roboto/v32/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2 +0 -0
  184. data/assets/fonts/roboto/v32/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2 +0 -0
  185. data/assets/fonts/roboto/v32/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2 +0 -0
  186. data/assets/fonts/roboto/v32/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2 +0 -0
  187. data/assets/fonts/roboto/v32/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2 +0 -0
  188. data/assets/fonts/roboto/v32/KFOkCnqEu92Fr1MmgVxIIzI.woff2 +0 -0
  189. data/assets/fonts/roboto/v32/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2 +0 -0
  190. data/assets/fonts/roboto/v32/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2 +0 -0
  191. data/assets/fonts/roboto/v32/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2 +0 -0
  192. data/assets/fonts/roboto/v32/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2 +0 -0
  193. data/assets/fonts/roboto/v32/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2 +0 -0
  194. data/assets/fonts/roboto/v32/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2 +0 -0
  195. data/assets/fonts/roboto/v32/KFOkCnqEu92Fr1Mu51xIIzI.woff2 +0 -0
  196. data/assets/fonts/roboto/v32/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2 +0 -0
  197. data/assets/fonts/roboto/v32/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2 +0 -0
  198. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2 +0 -0
  199. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmEU9fBBc4.woff2 +0 -0
  200. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2 +0 -0
  201. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2 +0 -0
  202. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2 +0 -0
  203. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2 +0 -0
  204. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2 +0 -0
  205. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2 +0 -0
  206. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmSU5fBBc4.woff2 +0 -0
  207. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2 +0 -0
  208. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2 +0 -0
  209. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2 +0 -0
  210. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2 +0 -0
  211. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2 +0 -0
  212. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2 +0 -0
  213. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmWUlfBBc4.woff2 +0 -0
  214. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2 +0 -0
  215. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2 +0 -0
  216. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2 +0 -0
  217. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2 +0 -0
  218. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2 +0 -0
  219. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2 +0 -0
  220. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmYUtfBBc4.woff2 +0 -0
  221. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2 +0 -0
  222. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2 +0 -0
  223. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2 +0 -0
  224. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2 +0 -0
  225. data/assets/fonts/roboto/v32/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2 +0 -0
  226. data/assets/fonts/roboto/v32/KFOmCnqEu92Fr1Mu4WxKOzY.woff2 +0 -0
  227. data/assets/fonts/roboto/v32/KFOmCnqEu92Fr1Mu4mxK.woff2 +0 -0
  228. data/assets/fonts/roboto/v32/KFOmCnqEu92Fr1Mu5mxKOzY.woff2 +0 -0
  229. data/assets/fonts/roboto/v32/KFOmCnqEu92Fr1Mu72xKOzY.woff2 +0 -0
  230. data/assets/fonts/roboto/v32/KFOmCnqEu92Fr1Mu7GxKOzY.woff2 +0 -0
  231. data/assets/fonts/roboto/v32/KFOmCnqEu92Fr1Mu7WxKOzY.woff2 +0 -0
  232. data/assets/fonts/roboto/v32/KFOmCnqEu92Fr1Mu7mxKOzY.woff2 +0 -0
  233. data/assets/fonts/robotomono/v23/L0x5DF4xlVMF-BfR8bXMIjhEq3-OXg.woff2 +0 -0
  234. data/assets/fonts/robotomono/v23/L0x5DF4xlVMF-BfR8bXMIjhFq3-OXg.woff2 +0 -0
  235. data/assets/fonts/robotomono/v23/L0x5DF4xlVMF-BfR8bXMIjhGq3-OXg.woff2 +0 -0
  236. data/assets/fonts/robotomono/v23/L0x5DF4xlVMF-BfR8bXMIjhIq3-OXg.woff2 +0 -0
  237. data/assets/fonts/robotomono/v23/L0x5DF4xlVMF-BfR8bXMIjhLq38.woff2 +0 -0
  238. data/assets/fonts/robotomono/v23/L0x5DF4xlVMF-BfR8bXMIjhPq3-OXg.woff2 +0 -0
  239. data/assets/fonts/robotomono/v23/L0x7DF4xlVMF-BfR8bXMIjhOm32WWg.woff2 +0 -0
  240. data/assets/fonts/robotomono/v23/L0x7DF4xlVMF-BfR8bXMIjhOm36WWoKC.woff2 +0 -0
  241. data/assets/fonts/robotomono/v23/L0x7DF4xlVMF-BfR8bXMIjhOm3CWWoKC.woff2 +0 -0
  242. data/assets/fonts/robotomono/v23/L0x7DF4xlVMF-BfR8bXMIjhOm3KWWoKC.woff2 +0 -0
  243. data/assets/fonts/robotomono/v23/L0x7DF4xlVMF-BfR8bXMIjhOm3OWWoKC.woff2 +0 -0
  244. data/assets/fonts/robotomono/v23/L0x7DF4xlVMF-BfR8bXMIjhOm3mWWoKC.woff2 +0 -0
  245. data/assets/fonts/saira/v20/memhYa2wxmKQyNkiV50dulWP7s95AqZTzbvQfS0.woff2 +0 -0
  246. data/assets/fonts/saira/v20/memhYa2wxmKQyNkiV50dulWP7s95AqZTzbvefS2-vw.woff2 +0 -0
  247. data/assets/fonts/saira/v20/memhYa2wxmKQyNkiV50dulWP7s95AqZTzbvffS2-vw.woff2 +0 -0
  248. data/assets/fonts/saira/v20/memjYa2wxmKQyPMrZX79wwYZQMhsyuSLh4vSZSk.woff2 +0 -0
  249. data/assets/fonts/saira/v20/memjYa2wxmKQyPMrZX79wwYZQMhsyuSLhovSZSk.woff2 +0 -0
  250. data/assets/fonts/saira/v20/memjYa2wxmKQyPMrZX79wwYZQMhsyuSLiIvS.woff2 +0 -0
  251. data/assets/js/env.js +9 -0
  252. data/assets/js/pack.BM5KE272.js +73 -0
  253. data/assets/js/pack.BM5KE272.js.map +7 -0
  254. data/assets/js/pack.SYD7EYHO.js +73 -0
  255. data/assets/js/pack.SYD7EYHO.js.map +7 -0
  256. data/assets/templates/cart.html +2 -2
  257. data/assets/templates/payment_methods.html +3 -3
  258. data/assets/templates/shipping_methods.html +1 -1
  259. metadata +296 -26
  260. data/_includes/cart.svg +0 -1
  261. data/_sass/helpers.scss +0 -318
  262. data/_sass/share.html +0 -12
  263. data/_sass/share_box.html +0 -16
  264. data/assets/fonts/Inter-Bold-subset.woff2 +0 -0
  265. data/assets/fonts/Inter-BoldItalic-subset.woff2 +0 -0
  266. data/assets/fonts/Inter-Italic-subset.woff2 +0 -0
  267. data/assets/fonts/Inter-Regular-subset.woff2 +0 -0
  268. data/assets/js/pack.js +0 -16
  269. data/assets/js/pack.js.map +0 -1
  270. data/assets/js/script.js +0 -44
  271. data/assets/templates/alert.html +0 -7
  272. data/assets/templates/results.html +0 -17
@@ -8,22 +8,26 @@
8
8
  <meta name="theme-color" content="white"/>
9
9
  <meta name="color-scheme" content="light"/>
10
10
  <meta name="referrer" content="strict-origin-when-cross-origin"/>
11
-
12
- <link href="assets/css/styles.css" rel="stylesheet">
13
-
11
+ <meta property="profile:username" content="{{ site.activity_pub_profile }}"/>
14
12
  {% comment %}
15
- Webpack. La configuración se pasa por variables de entorno, en
16
- desarrollo hay que evitar el archivo .env (copiarlo de .env.example
17
- si no existe.
13
+ No tenemos forma de hashear SASS aún, por lo que renovamos la caché
14
+ aplicando la hora de compilación del sitio. Es importante que los
15
+ CSS se renueven cuando se regenera el sitio, porque pueden contener
16
+ variables dinámicas (como personalización de colores y tipografía) o
17
+ minificarse distinto dependiendo del contenido.
18
18
  {% endcomment %}
19
- <link rel="preload" as="script" type="text/javascript" href="env.js" />
20
- <script type="text/javascript" src="env.js"></script>
21
- <script defer type="text/javascript" src="assets/js/pack.js"></script>
19
+ <link href="assets/css/styles.css?{{ site.time | date: '%s' }}" rel="stylesheet" data-turbo-track="reload">
20
+
21
+ {% include_cached pack.html %}
22
22
 
23
23
  {% comment %}
24
24
  Agregar otras tipografías. Esto hace que las tipografías se carguen
25
25
  lo más rápido posible y minimizar el tiempo en que se ven las del
26
26
  navegador. En Firefox todavía no está soportado.
27
+
28
+ Fork Awesome lleva la hora de generación para poder renovarlo si
29
+ agregamos íconos nuevos, de lo contrario puede quedar cacheado para
30
+ siempre y les visitantes van a ver íconos rotos.
27
31
  {% endcomment %}
28
32
  {% include_cached preload_font.html font='assets/fonts/forkawesome-webfont.woff2' %}
29
33
 
@@ -31,12 +35,55 @@
31
35
  <link rel="alternate icon" href="public/favicon.ico">
32
36
  <link rel="mask-icon" href="public/favicon.svg" color="white">
33
37
 
38
+ {% if page.activity %}
39
+ {% include_cached activity_pub/alternate.html id=page.activity.id %}
40
+ {% endif %}
41
+
42
+ {%- if site.actor -%}
43
+ <link rel="me" href="{{ site.actor.id }}" />
44
+ {% include_cached activity_pub/alternate.html id=site.actor.id %}
45
+ {%- endif -%}
46
+
34
47
  {% seo %}
35
48
  {% feed_meta %}
49
+
50
+ {% if page.url == '/' %}
51
+ {% for locale in site.locales %}
52
+ <link rel="alternate" hreflang="{{ locale }}" href="../{{ locale }}/" />
53
+ {% endfor %}
54
+
55
+ <link rel="alternate" hreflang="x-default" href="../{{ site.default_locale }}/" />
56
+ {% else %}
57
+ {% for locale in page.locales %}
58
+ <link rel="alternate" hreflang="{{ locale.collection }}" href="../{{ locale.url }}" />
59
+
60
+ {% if locale.collection == site.default_locale %}
61
+ <link rel="alternate" hreflang="x-default" href="../{{ locale.url }}" />
62
+ {% endif %}
63
+ {% endfor %}
64
+
65
+ {% if site.locale == site.default_locale %}
66
+ <link rel="alternate" hreflang="x-default" href="../{{ page.url }}" />
67
+ {% endif %}
68
+ {% endif %}
69
+
70
+ {% for social_network in site.about.social_networks %}
71
+ <link rel="me" href="{{ social_network }}" />
72
+ {% endfor %}
36
73
  </head>
37
74
  <body>
38
- <div id="header" data-turbolinks-permanent>
75
+ <div id="header" data-turbo-permanent>
76
+ <a href="#content" data-turbo="false" class="sr-only sr-only-focusable">
77
+ {{ site.i18n.accessibility.skip_to_content }}
78
+ </a>
79
+
39
80
  {%- include_cached notification.html -%}
81
+
82
+ {% comment %}
83
+ Esta imagen obtiene una cookie desde la API de Sutty para autorizar el
84
+ envío del formulario.
85
+ {% endcomment %}
86
+ <img class="d-none invisible" src="https://api.{{ site.hostname }}/v1/sites/{{ site.hostname }}/contact/cookie.png" />
40
87
  </div>
41
88
 
42
89
  {% comment %}
@@ -48,7 +95,7 @@
48
95
  {% include navbar.html %}
49
96
  {%- endif -%}
50
97
 
51
- <main data-controller="stock" class="container mb-3">
98
+ <main tabindex="-1" role="main" id="content" data-controller="stock" class="container mb-3">
52
99
  <div class="row justify-content-center d-print-block">
53
100
  <div class="col">
54
101
  {{ content }}
@@ -59,5 +106,12 @@
59
106
  {%- assign footer = page.layout | not: 'about' -%}
60
107
  {% include_cached footer.html footer=footer %}
61
108
  {% include floating_alert.html %}
109
+
110
+ {% assign theme = site.posts | find: 'layout', 'theme' %}
111
+ {% if theme.testing == true %}
112
+ <div data-turbo-permanent>
113
+ {% include_cached device_detector.html %}
114
+ </div>
115
+ {% endif %}
62
116
  </body>
63
117
  </html>
@@ -0,0 +1,5 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {{ content }}
data/_layouts/post.html CHANGED
@@ -2,8 +2,15 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
+ {% assign license = site.posts | find: "layout", "license" %}
6
+ {%- assign date_format = site.i18n.date.format | default: "%b %-d, %Y" -%}
7
+
5
8
  <article class="h-entry" itemscope itemtype="http://schema.org/Article">
6
9
  <header>
10
+ {% if page.activity.inReplyTo %}
11
+ {% include_cached activity_pub/replying_to.html activity=page.activity.inReplyTo %}
12
+ {% endif %}
13
+
7
14
  <h1 class="p-name" itemprop="name headline">{{ page.title | default: '' | escape }}</h1>
8
15
 
9
16
  {%- if page.description -%}
@@ -22,7 +29,6 @@ layout: default
22
29
 
23
30
  <p>
24
31
  <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
25
- {%- assign date_format = site.i18n.date.format | default: "%b %-d, %Y" -%}
26
32
  {{ page.date | date_local: date_format }}
27
33
  </time>
28
34
  {%- for author in page.author -%}
@@ -41,19 +47,23 @@ layout: default
41
47
  </div>
42
48
 
43
49
  <footer>
50
+ {% if page.activity %}
51
+ {% include activity_pub/interactions.html activity=page.activity profile=site.actor %}
52
+ {% endif %}
53
+
44
54
  <a class="u-url" itemprop="url" href="{{ page.url }}" hidden>
45
- {{ site.url }}/{{ page.url }}
55
+ {{ site.url }}{{ page.url }}
46
56
  </a>
47
57
 
48
58
  {%- if page.uuid -%}
49
59
  <span hidden itemprop="identifier">{{ page.uuid }}</span>
50
60
  {%- endif -%}
51
61
 
52
- {%- if page.license.url -%}
62
+ {%- if license -%}
53
63
  <p itemprop="license" itemtype="http://schema.org/CreativeWork">
54
- <a rel="license" itemprop="url" href="{{ page.license.url }}">
64
+ <a rel="license" itemprop="url" href="{{ license.url }}">
55
65
  <span itemprop="articleBody">
56
- {{ page.license.description }}
66
+ {{ license.description }}
57
67
  </span>
58
68
  </a>
59
69
  </p>
@@ -14,7 +14,7 @@ layout: default
14
14
  <div id="user" data-controller="cart-contact">
15
15
  <h2>{{ page.user }}</h2>
16
16
 
17
- <form data-target="cart-contact.form">
17
+ <form data-cart-contact-target="form">
18
18
  {% for field in site.data.forms.user %}
19
19
  {% assign template = field[1].type | append: '.html' %}
20
20
  {% include {{ template }} field=field form='user' %}
@@ -33,7 +33,7 @@ layout: default
33
33
  <h2>{{ page.shipping_address }}</h2>
34
34
 
35
35
  <form
36
- data-target="cart-shipping.form"
36
+ data-cart-shipping-target="form"
37
37
  data-action="cart-shipping#rates">
38
38
  {% for field in site.data.forms.shipping_address %}
39
39
  {% assign template = field[1].type | append: '.html' %}
@@ -44,7 +44,7 @@ layout: default
44
44
  <div id="cart-shipping">
45
45
  <h2 class="mt-3">{{ page.shipping_methods }}</h2>
46
46
 
47
- <div data-target="cart-shipping.methods">
47
+ <div data-cart-shipping-target="methods">
48
48
  {{ page.shipping_methods_help | markdownify }}
49
49
  </div>
50
50
  </div>
@@ -0,0 +1,60 @@
1
+ ---
2
+ layout: default
3
+ ---
4
+
5
+ {% capture components %}
6
+ {% for component in site.data.components %}
7
+ {% assign component_include = "theme/" | append: component | append: ".html" %}
8
+ {% assign title = component | replace: "_", " " | capitalize %}
9
+
10
+ <section id="{{ component | replace: "_", "-" }}" class="mb-5">
11
+ <header>
12
+ {% include headings/with_link.html level=1 text=title %}
13
+ </header>
14
+
15
+ {% include {{ component_include }} %}
16
+ </section>
17
+ {% endfor %}
18
+ {% endcapture %}
19
+
20
+ {% capture full_width_components %}
21
+ {% for component in site.data.full_width_components %}
22
+ {% assign component_include = "theme/" | append: component | append: ".html" %}
23
+ {% assign title = component | replace: "_", " " | capitalize %}
24
+
25
+ <section id="{{ component | replace: "_", "-" }}" class="mb-5">
26
+ <header>
27
+ {% include headings/with_link.html level=1 text=title %}
28
+ </header>
29
+
30
+ {% include {{ component_include }} %}
31
+ </section>
32
+ {% endfor %}
33
+ {% endcapture %}
34
+
35
+ <div class="container-fluid">
36
+ <div class="row">
37
+ <aside class="col-12 col-md-3">
38
+ <ol class="list-unstyled">
39
+ {%- assign toc_full_width = full_width_components | table_of_contents: 1 -%}
40
+ {%- assign toc = components | table_of_contents: 1 | concat: toc_full_width -%}
41
+
42
+ {% for item in toc %}
43
+ <li>
44
+ <a href="#{{ item.id }}" data-turbo="false">
45
+ {{- item.title -}}
46
+ </a>
47
+ </li>
48
+ {% endfor %}
49
+ </ol>
50
+ </aside>
51
+
52
+ <section class="col-12 col-md">
53
+ {{ components }}
54
+ </section>
55
+ </div>
56
+ </div>
57
+
58
+ <section class="w-100">
59
+ {{ full_width_components }}
60
+ </section>
@@ -1,17 +1,25 @@
1
- * {
2
- scroll-behavior: smooth;
3
- }
1
+ ////
2
+ /// Accesibilidad
3
+ /// @group Accesibilidad
4
+ ////
4
5
 
5
- /*
6
- * Deshabilita animaciones si la usuaria las tiene deshabilitadas
7
- */
6
+ /// Aquí se aplica la opción `prefers-reduced-motion: reduce`, pero
7
+ /// SassDoc no la estaría mostrando.
8
8
  @media (prefers-reduced-motion: reduce) {
9
+ /// Si les usuaries prefirieron reducir las animaciones de los sitios,
10
+ /// deshabilitamos la navegación suavizada y las animaciones.
9
11
  * {
10
- scroll-behavior: auto;
12
+ scroll-behavior: auto !important;
11
13
  animation: none !important;
12
14
  }
13
15
  }
14
16
 
17
+ /// Utilizamos Axe para poder marcarnos cuáles elementos no cumplen con
18
+ /// parámetros de accesibilidad durante el desarrollo. Esta clase
19
+ /// muestra un borde rojo alrededor de los elementos inaccesibles y al
20
+ /// obtener el foco, muestra los mensajes de error generados por Axe.js.
21
+ ///
22
+ /// @link _packs/entry.js
15
23
  .inaccesible {
16
24
  outline: $red 1px solid;
17
25
 
@@ -32,6 +40,7 @@
32
40
  line-break: auto;
33
41
  white-space: pre-line;
34
42
 
43
+ /// El contenido se trae desde el ariaLabel del elemento.
35
44
  content: attr(aria-label);
36
45
  }
37
46
  }
@@ -0,0 +1,36 @@
1
+ /* latin-ext */
2
+ @font-face {
3
+ font-family: 'Baskervville';
4
+ font-style: italic;
5
+ font-weight: 400;
6
+ font-display: swap;
7
+ src: url(../fonts/baskervville/v16/YA9Kr0yU4l_XOrogbkun3kQQtamlrvLp9A.woff2) format('woff2');
8
+ unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
9
+ }
10
+ /* latin */
11
+ @font-face {
12
+ font-family: 'Baskervville';
13
+ font-style: italic;
14
+ font-weight: 400;
15
+ font-display: swap;
16
+ src: url(../fonts/baskervville/v16/YA9Kr0yU4l_XOrogbkun3kQQtamrrvI.woff2) format('woff2');
17
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
18
+ }
19
+ /* latin-ext */
20
+ @font-face {
21
+ font-family: 'Baskervville';
22
+ font-style: normal;
23
+ font-weight: 400;
24
+ font-display: swap;
25
+ src: url(../fonts/baskervville/v16/YA9Ur0yU4l_XOrogbkun3kQQvpmptvY.woff2) format('woff2');
26
+ unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
27
+ }
28
+ /* latin */
29
+ @font-face {
30
+ font-family: 'Baskervville';
31
+ font-style: normal;
32
+ font-weight: 400;
33
+ font-display: swap;
34
+ src: url(../fonts/baskervville/v16/YA9Ur0yU4l_XOrogbkun3kQQsJmp.woff2) format('woff2');
35
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
36
+ }
@@ -0,0 +1,28 @@
1
+ .content {
2
+ p { min-height: $font-size-base * $line-height-base; }
3
+ h1 { min-height: $h1-font-size * $headings-line-height; }
4
+ h2 { min-height: $h2-font-size * $headings-line-height; }
5
+ h3 { min-height: $h3-font-size * $headings-line-height; }
6
+ h4 { min-height: $h4-font-size * $headings-line-height; }
7
+ h5 { min-height: $h5-font-size * $headings-line-height; }
8
+ h6 { min-height: $h6-font-size * $headings-line-height; }
9
+
10
+ iframe { border: 0; }
11
+
12
+ audio { width: 100%; }
13
+
14
+ img,
15
+ video,
16
+ iframe {
17
+ @extend .img-fluid;
18
+ height: auto;
19
+ }
20
+
21
+ & > * {
22
+ margin-bottom: 1rem;
23
+
24
+ &:last-child {
25
+ margin-bottom: 0;
26
+ }
27
+ }
28
+ }
data/_sass/editor.scss CHANGED
@@ -1,8 +1,17 @@
1
- /*
2
- * Estilos del editor de Sutty
3
- */
1
+ ////
2
+ /// Estilos del editor de Sutty
3
+ /// @group Editor
4
+ ///
4
5
 
5
- // Alineación
6
- div[data-align="left"] { text-align: left; }
7
- div[data-align="center"] { text-align: center; }
8
- div[data-align="right"] { text-align: right; }
6
+ /// Alineaciones soportadas. No soportamos justificado porque es
7
+ /// difícil que quede bien en web.
8
+ $aligns: (left,center,right);
9
+
10
+ /// Recorrer las alineaciones.
11
+ /// @name Alineaciones
12
+ @each $align in $aligns {
13
+ /// El editor coloca la alineación en un atributo data-align,
14
+ /// recorriendo cada una de las alineaciones disponibles.
15
+ /// @todo Lograr que SassDoc muestre el código completo.
16
+ div[data-align="#{$align}"] { text-align: $align; }
17
+ }
data/_sass/embed.scss CHANGED
@@ -1,3 +1,11 @@
1
+ ////
2
+ /// Recursos externos
3
+ /// @group Recursos externos
4
+ ///
5
+
6
+ /// Los `<iframe>` ocupan todo el ancho del contenedor y tienen un alto
7
+ /// mínimo de 480px.
8
+ /// @link jekyll-embed-urls
1
9
  iframe {
2
10
  border: 0;
3
11
  width: 100%;
@@ -1,8 +1,46 @@
1
+ ////
2
+ /// Alertas flotantes
3
+ /// @group Alertas flotantes
4
+ ////
5
+
6
+ /// Posiciones posibles
7
+ $positions: (top, right, bottom, left);
8
+
9
+ /// Las alertas flotantes son notificaciones emergentes que desaparecen
10
+ /// por su cuenta, como los "Toast" de Android. Tienen opciones de
11
+ /// accesibilidad para que los lectores de pantalla también las
12
+ /// notifiquen.
13
+ /// @link _packs/controllers/notification_controller.js
14
+ /// @link _includes/floating_alert.html
15
+ /// @example html
16
+ /// <div class="floating-alert floating-alert-default floating-alert-bottom">
17
+ /// <div class="floating-alert-content"></div>
18
+ /// </div>
1
19
  .floating-alert {
2
- &.floating-alert-bottom {
3
- bottom: 2rem;
20
+ /// No se puede interactuar
21
+ @extend .pointer-event-none;
22
+
23
+ /// El estilo por defecto las coloca centradas y con una transición al
24
+ /// aparecer o desaparecer. Si no usamos esta clase podemos darle
25
+ /// nuestro propio estilo.
26
+ &.floating-alert-default {
27
+ @extend .d-flex;
28
+ @extend .justify-content-center;
29
+ @extend .w-100;
30
+ @extend .position-fixed;
31
+ @extend .fade;
32
+ @extend .hide;
33
+ }
34
+
35
+ @each $position in $positions {
36
+ /// Pueden tener una posición fija
37
+ &.floating-alert-#{$position} {
38
+ #{$position}: 2rem;
39
+ }
4
40
  }
5
41
 
42
+ /// Tienen un borde redondeado y un padding para parecerse a un toast.
43
+ /// El color de fondo se lo da una clase background-*
6
44
  .floating-alert-content {
7
45
  border-radius: 2rem;
8
46
  padding: .5rem 1rem;
data/_sass/fonts.scss ADDED
@@ -0,0 +1,5 @@
1
+ @import "baskervville_ital_0_1";
2
+ @import "roboto_ital_wght_0_100_0_300_0_400_0_500_0_700_0_900_1_100_1_300_1_400_1_500_1_700_1_900";
3
+ @import "roboto_mono_ital_wght_0_100..700_1_100..700";
4
+ @import "inter_ital_opsz_wght_0_14..32_100..900";
5
+ @import "saira_ital_wght_0_100..900_1_100..900";
@@ -0,0 +1,56 @@
1
+ /* cyrillic-ext */
2
+ @font-face {
3
+ font-family: 'Inter';
4
+ font-style: normal;
5
+ font-weight: 100 900;
6
+ src: url(../fonts/inter/v18/UcCo3FwrK3iLTcvvYwYL8g.woff2) format('woff2');
7
+ unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
8
+ }
9
+ /* cyrillic */
10
+ @font-face {
11
+ font-family: 'Inter';
12
+ font-style: normal;
13
+ font-weight: 100 900;
14
+ src: url(../fonts/inter/v18/UcCo3FwrK3iLTcvmYwYL8g.woff2) format('woff2');
15
+ unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
16
+ }
17
+ /* greek-ext */
18
+ @font-face {
19
+ font-family: 'Inter';
20
+ font-style: normal;
21
+ font-weight: 100 900;
22
+ src: url(../fonts/inter/v18/UcCo3FwrK3iLTcvuYwYL8g.woff2) format('woff2');
23
+ unicode-range: U+1F00-1FFF;
24
+ }
25
+ /* greek */
26
+ @font-face {
27
+ font-family: 'Inter';
28
+ font-style: normal;
29
+ font-weight: 100 900;
30
+ src: url(../fonts/inter/v18/UcCo3FwrK3iLTcvhYwYL8g.woff2) format('woff2');
31
+ unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
32
+ }
33
+ /* vietnamese */
34
+ @font-face {
35
+ font-family: 'Inter';
36
+ font-style: normal;
37
+ font-weight: 100 900;
38
+ src: url(../fonts/inter/v18/UcCo3FwrK3iLTcvtYwYL8g.woff2) format('woff2');
39
+ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
40
+ }
41
+ /* latin-ext */
42
+ @font-face {
43
+ font-family: 'Inter';
44
+ font-style: normal;
45
+ font-weight: 100 900;
46
+ src: url(../fonts/inter/v18/UcCo3FwrK3iLTcvsYwYL8g.woff2) format('woff2');
47
+ unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
48
+ }
49
+ /* latin */
50
+ @font-face {
51
+ font-family: 'Inter';
52
+ font-style: normal;
53
+ font-weight: 100 900;
54
+ src: url(../fonts/inter/v18/UcCo3FwrK3iLTcviYwY.woff2) format('woff2');
55
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
56
+ }
data/_sass/menu.scss CHANGED
@@ -1,3 +1,19 @@
1
+ /// El menú hamburguesa se expande cuando obtiene el foco y se oculta
2
+ /// cuando lo pierde. Esto nos permite tener un menú dinámico sin
3
+ /// necesidad de JS.
4
+ ///
5
+ /// @group Menú
6
+ /// @link _includes/menu.html
7
+ /// @todo En realidad el evento del foco está puesto en toda la navbar
8
+ /// en lugar de solo en el ícono de hamburguesa.
9
+ /// @example html
10
+ /// <nav class="navbar">
11
+ /// <button class="navbar-toggler">
12
+ /// <span class="navbar-toggler-icon"></span>
13
+ /// </button>
14
+ ///
15
+ /// <div class="collapse navbar-collapse" id="menu"></div>
16
+ /// </nav>
1
17
  .navbar {
2
18
  &:focus-within {
3
19
  .navbar-collapse {