Add paredown dep

Author: RoyalIcing

.tool-versions

@@ -1,4 +1,4 @@
 nodejs 12.16.1
-elixir 1.8.2
+elixir 1.10.3-otp-22
 erlang 22.3.3
 python 3.7.3

Makefile

@@ -9,7 +9,7 @@ install_assets:
 	cd apps/components_guide_web/assets/ && npm ci
 
 test_watch:
-  watchexec -e ex,exs mix test
+	watchexec -e ex,exs mix test
 
 dev:
 	iex -S mix phx.server

apps/components_guide_web/lib/components_guide_web.ex

@@ -45,7 +45,7 @@ defmodule ComponentsGuideWeb do
       # import Phoenix.LiveView.Helpers
       import Phoenix.LiveView, only: [live_render: 2, live_render: 3]
 
-      import ComponentsGuideWeb.DownView
+      import Paredown
       alias ComponentsGuideWeb.StylingHelpers, as: Styling
     end
   end

apps/components_guide_web/lib/components_guide_web/templates/accessibility_first/properties-cheatsheet.html.eex

@@ -37,9 +37,9 @@
         <p>You can hide using a large range of techniques. What you first want to ask is, from whom do I want to hide the content?
 
         <ul>
-          <li><%= down "Hide to **everyone**." %>
-          <li><%= down "**Screen reader affordance:** hide to sighted users, but show to screen reader users." %>
-          <li><%= down "**Visual affordance:** hide to screen reader users, but show to sighted users." %>
+          <li><%= line "Hide to **everyone**." %>
+          <li><%= line "**Screen reader affordance:** hide to sighted users, but show to screen reader users." %>
+          <li><%= line "**Visual affordance:** hide to screen reader users, but show to sighted users." %>
         </ul>
 
         <section aria-labelledby="hidden-all-heading">
@@ -134,7 +134,7 @@
       </article>
 
       <article aria-labelledby="current" class="space-y-4">
-        <%= h2.(down("I want to make an element **current**"), id: "current") %>
+        <%= h2.(line("I want to make an element **current**"), id: "current") %>
 
         <p>You can hide using a large range of techniques. What you first want to ask is, from whom do I want to hide the content?
       </article>

apps/components_guide_web/lib/components_guide_web/views/down_view.ex

@@ -39,14 +39,15 @@ defmodule ComponentsGuideWeb.MixProject do
     [
       {:phoenix, "~> 1.4.6"},
       {:phoenix_pubsub, "~> 1.1"},
-      {:phoenix_html, "~> 2.11"},
+      {:phoenix_html, "~> 2.13"},
       {:phoenix_ecto, "~> 4.0"},
       {:phoenix_live_view, github: "phoenixframework/phoenix_live_view"},
       {:phoenix_live_reload, "~> 1.2", only: :dev},
       {:gettext, "~> 0.11"},
       {:components_guide, in_umbrella: true},
       {:jason, "~> 1.0"},
       {:plug_cowboy, "~> 2.0"},
+      {:paredown, "~> 0.1.0"},
       {:benchee, "~> 1.0", only: :dev}
     ]
   end

apps/components_guide_web/mix.exs

@@ -21,6 +21,7 @@
   "mime": {:hex, :mime, "1.3.1", "30ce04ab3175b6ad0bdce0035cba77bba68b813d523d1aac73d9781b4d193cf8", [:mix], [], "hexpm", "6cbe761d6a0ca5a31a0931bf4c63204bceb64538e664a8ecf784a9a6f3b875f1"},
   "mint": {:hex, :mint, "1.0.0", "ca5ab33497ba2bdcc42f6cdd3927420a6159116be87c8173658e93c8746703da", [:mix], [{:castore, "~> 0.1.0", [hex: :castore, repo: "hexpm", optional: true]}], "hexpm", "b8943ef1e630879538dd6620bfc189d4d75fab3ad39f3fe9c50539879f7efd84"},
   "mojito": {:hex, :mojito, "0.6.3", "1d9af4bee09c5489d189263c4558c1d5b0cc2c2a6d94d2426590077a6b4287ef", [:mix], [{:castore, "~> 0.1", [hex: :castore, repo: "hexpm", optional: false]}, {:mint, "~> 1.0", [hex: :mint, repo: "hexpm", optional: false]}, {:poolboy, "~> 1.5", [hex: :poolboy, repo: "hexpm", optional: false]}], "hexpm", "99c40fe806bfc8bdecdd9b8ac111cc3834ae638afd3e233be554f3ed5811c1f9"},
+  "paredown": {:hex, :paredown, "0.1.1", "3d5560a77f143d87c506638d4059896414677fdbcd7b7bdd26230357fb4a78cc", [:mix], [{:phoenix_html, "~> 2.13", [hex: :phoenix_html, repo: "hexpm", optional: false]}], "hexpm", "743f76c7f2500e8a9fc933d9f81d1a706a5b907cc4eb2ada15bb2c17c7188197"},
   "phoenix": {:hex, :phoenix, "1.4.6", "8535f4a01291f0fbc2c30c78c4ca6a2eacc148db5178ad76e8b2fc976c590115", [:mix], [{:jason, "~> 1.0", [hex: :jason, repo: "hexpm", optional: true]}, {:phoenix_pubsub, "~> 1.1", [hex: :phoenix_pubsub, repo: "hexpm", optional: false]}, {:plug, "~> 1.7", [hex: :plug, repo: "hexpm", optional: false]}, {:plug_cowboy, "~> 1.0 or ~> 2.0", [hex: :plug_cowboy, repo: "hexpm", optional: true]}], "hexpm", "17aa6f4909e41eebfa7589b61c71f0ebe8fdea997194fd85596e629bbf8d3e15"},
   "phoenix_ecto": {:hex, :phoenix_ecto, "4.0.0", "c43117a136e7399ea04ecaac73f8f23ee0ffe3e07acfcb8062fe5f4c9f0f6531", [:mix], [{:ecto, "~> 3.0", [hex: :ecto, repo: "hexpm", optional: false]}, {:phoenix_html, "~> 2.9", [hex: :phoenix_html, repo: "hexpm", optional: true]}, {:plug, "~> 1.0", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm", "fe15d9fee5b82f5e64800502011ffe530650d42e1710ae9b14bc4c9be38bf303"},
   "phoenix_html": {:hex, :phoenix_html, "2.13.2", "f5d27c9b10ce881a60177d2b5227314fc60881e6b66b41dfe3349db6ed06cf57", [:mix], [{:plug, "~> 1.5", [hex: :plug, repo: "hexpm", optional: false]}], "hexpm", "346764ebecf5e7d318ec64db92a2aa9ef17fcb2ae0b001791cd37a0223f724ba"},