Implement round button

3 files changed, 23 insertions, 0 deletions

diff --git a/src/client/components/buttons/buttons.config.js b/src/client/components/buttons/buttons.config.js
new file mode 100644
index 0000000..2e6a8be
--- /dev/null
+++ b/src/client/components/buttons/buttons.config.js
@@ -0,0 +1,4 @@
+exports.sizes = {
+  height: '25px',
+  width: '25px'
+}
diff --git a/src/client/components/buttons/buttons.css.js b/src/client/components/buttons/buttons.css.js
new file mode 100644
index 0000000..f8d88c8
--- /dev/null
+++ b/src/client/components/buttons/buttons.css.js
@@ -0,0 +1,11 @@
+import { colours } from '../../globals.config'
+import { sizes } from './buttons.config'
+
+const base = Object.assign({
+  border: 0
+}, sizes)
+
+export const round = Object.assign({
+  background: colours.blue,
+  borderRadius: '50%',
+}, base)
diff --git a/src/client/components/buttons/buttons.js b/src/client/components/buttons/buttons.js
new file mode 100644
index 0000000..ffb34c5
--- /dev/null
+++ b/src/client/components/buttons/buttons.js
@@ -0,0 +1,8 @@
+import React from 'react'
+import FA from 'react-fontawesome'
+
+import { round } from './buttons.css'
+
+export const Round = p => <button className={round} {...p}><FA name={p.faName} /></button>
+
+