Skip to content

Commit f69c4fc

Browse files
committed
Style Patterns List page
1 parent df1f8e7 commit f69c4fc

File tree

2 files changed

+21
-3
lines changed

2 files changed

+21
-3
lines changed

src/components/PatternsList.jsx

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,25 @@ import styled from 'styled-components';
33
import { Link } from 'react-router-dom';
44
import { patterns } from '../static/patterns';
55

6-
const StyledPatterns = styled.div``;
6+
const StyledPatterns = styled.div`
7+
color: ${props => props.theme.text};
8+
9+
a {
10+
border-bottom: 1px solid transparent;
11+
color: ${props => props.theme.CRIMSON};
12+
text-decoration: none;
13+
14+
&:hover {
15+
border-bottom: 1px solid ${props => props.theme.CRIMSON};
16+
}
17+
}
18+
19+
h1,
20+
h2 {
21+
color: ${props => props.theme.header};
22+
margin-top: 2.5rem;
23+
}
24+
`;
725

826
const PatternsList = () => {
927
const lister = patternType => (

src/styles/global.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,11 +12,11 @@ const GlobalStyle = createGlobalStyle`
1212
justify-content: start;
1313
max-width: 640px;
1414
margin: auto;
15-
padding: 0 1rem;
15+
padding: 0 1rem 3rem;
1616
1717
@media (min-width: 769px) {
1818
justify-content: space-between;
19-
padding: 0;
19+
padding: 0 0 3rem;
2020
}
2121
}
2222
`;

0 commit comments

Comments
 (0)