horizontal-list ui component

ui/src/components/horizontal-list/li.js

@@ -0,0 +1,23 @@
+const fns = require('../../shared/functions');
+const Styled = require('styled-components');
+
+const {
+  remcalc
+} = fns;
+
+const {
+  default: styled
+} = Styled;
+
+module.exports = styled.li`
+  display: inline-block;
+  margin-right: ${remcalc(10)};
+  padding-top: ${remcalc(10)};
+  padding-bottom: ${remcalc(10)};
+
+  & a.active {
+    cursor: default;
+    color: #373A3C;
+    text-decoration: none;
+  }
+`;

ui/src/components/horizontal-list/ul.js

@@ -0,0 +1,9 @@
+const Styled = require('styled-components');
+
+const {
+  default: styled
+} = Styled;
+
+module.exports = styled.ul`
+  list-style-type: none;
+`;