@@ -54,16 +54,16 @@ My current thinking is that you have 2 really powerful methods of capturing your
542. **Capture your colors, font sizes, etc.** Create a `Style` module that captures the **values** you use for your styling. Keep your colors there, as well as values for spacing, font names, and font sizes all in one place. You should consider using a scaling function for things like spacing and fontsizes.
542. **Capture your colors, font sizes, etc.** Create a `Style` module that captures the **values** you use for your styling. Keep your colors there, as well as values for spacing, font names, and font sizes all in one place. You should consider using a scaling function for things like spacing and fontsizes.
57−## Element.Area
57+## Element.Region
59−The `Element.Area` module is now how you can do accessibility markup.
59+The `Element.Region` module is now how you can do accessibility markup.
61You can do this by adding an area notation to an element's attributes.
61You can do this by adding an area notation to an element's attributes.
64−import Element.Area as Area
64+import Element.Region as Region
66−row [ Area.navigation ]
66+row [ Region.navigation ]
67 [ --..my navigation links
67 [ --..my navigation links
@@ -71,7 +71,7 @@ row [ Area.navigation ]
71Or you can make something an `<h1>`
71Or you can make something an `<h1>`
74−el [ Area.heading 1 ] (text "Super important stuff")
74+el [ Region.heading 1 ] (text "Super important stuff")