Style Patterns List page

zoltantothcom · zoltantothcom · commit f69c4fc492d2 · 2019-03-07T15:05:08.000-05:00
diff --git a/src/components/PatternsList.jsx b/src/components/PatternsList.jsx
@@ -3,7 +3,25 @@ import styled from 'styled-components';
 import { Link } from 'react-router-dom';
 import { patterns } from '../static/patterns';
 
-const StyledPatterns = styled.div``;
+const StyledPatterns = styled.div`
+  color: ${props => props.theme.text};
+
+  a {
+    border-bottom: 1px solid transparent;
+    color: ${props => props.theme.CRIMSON};
+    text-decoration: none;
+
+    &:hover {
+      border-bottom: 1px solid ${props => props.theme.CRIMSON};
+    }
+  }
+
+  h1,
+  h2 {
+    color: ${props => props.theme.header};
+    margin-top: 2.5rem;
+  }
+`;
 
 const PatternsList = () => {
   const lister = patternType => (
diff --git a/src/styles/global.js b/src/styles/global.js
@@ -12,11 +12,11 @@ const GlobalStyle = createGlobalStyle`
     justify-content: start;
     max-width: 640px;
     margin: auto;
-    padding: 0 1rem;
+    padding: 0 1rem 3rem;
 
     @media (min-width: 769px) {
       justify-content: space-between;
-      padding: 0;
+      padding: 0 0 3rem;
     }
   }
 `;

Original file line number	Diff line number	Diff line change
@@ -12,11 +12,11 @@ const GlobalStyle = createGlobalStyle`
`12`	`12`	`justify-content: start;`
`13`	`13`	`max-width: 640px;`
`14`	`14`	`margin: auto;`
`15`		`- padding: 0 1rem;`
	`15`	`+ padding: 0 1rem 3rem;`
`16`	`16`
`17`	`17`	`@media (min-width: 769px) {`
`18`	`18`	`justify-content: space-between;`
`19`		`- padding: 0;`
	`19`	`+ padding: 0 0 3rem;`
`20`	`20`	`}`
`21`	`21`	`}`
`22`	`22`	`;