From 6daab5e176382954d2229d8a9251ae819572a29e Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Wed, 11 Jul 2018 14:57:57 -0400
Subject: more stepped

---
 .../frontend/components/styles/PaginationStyles.js | 27 ++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 sick-fits/frontend/components/styles/PaginationStyles.js

(limited to 'sick-fits')

diff --git a/sick-fits/frontend/components/styles/PaginationStyles.js b/sick-fits/frontend/components/styles/PaginationStyles.js
new file mode 100644
index 0000000..30753af
--- /dev/null
+++ b/sick-fits/frontend/components/styles/PaginationStyles.js
@@ -0,0 +1,27 @@
+import styled from 'styled-components';
+
+const PaginationStyles = styled.div`
+  text-align: center;
+  display: inline-grid;
+  grid-template-columns: repeat(4, auto);
+  align-items: stretch;
+  justify-content: center;
+  align-content: center;
+  margin: 2rem 0;
+  border: 1px solid ${props => props.theme.lightgrey};
+  border-radius: 10px;
+  & > * {
+    margin: 0;
+    padding: 15px 30px;
+    border-right: 1px solid ${props => props.theme.lightgrey};
+    &:last-child {
+      border-right: 0;
+    }
+  }
+  a[aria-disabled='true'] {
+    color: grey;
+    pointer-events: none;
+  }
+`;
+
+export default PaginationStyles;
-- 
cgit v1.3