Merge pull request #334 from Mikek2252/master

Add styling for <hr/>

Author: mansona

addon/styles/components/es-footer.css

@@ -58,12 +58,6 @@
     }
   }
 
-  & .footer-hr {
-    border: 0;
-    border-bottom: 2px solid var(--color-gray-200);
-    margin: 0;
-  }
-
   & .footer-statement {
     justify-content: space-between;
   }
@@ -79,7 +73,6 @@
 
   & .footer-spacer {
     border: 0;
-    border-top: 2px solid var(--color-gray-300);
     display: block;
     height: 2px;
   }

addon/styles/global.css

@@ -216,6 +216,14 @@ code {
   font-family: var(--font-family-mono);
 }
 
+hr {
+  background: var(--color-gray-300);
+  border: 1px var(--color-gray-300);
+  margin: 35px 0px;
+  border-radius: 1px;
+  height: 2px;
+}
+
 /*
 @media (max-width: 1280px) and (min-width: 421px) {
   body,

docs/css/global.md

@@ -0,0 +1,13 @@
+# CSS Global Styles
+
+## Element styles
+
+All of the below are default element styles.
+
+### Horizontal Rule `<hr>`
+
+If you would like to add a break between content then you can use the pre-styled Horizontal Rule `<hr>` element.
+
+```html
+  <hr>
+```