File tree Expand file tree Collapse file tree 2 files changed +21
-3
lines changed Expand file tree Collapse file tree 2 files changed +21
-3
lines changed Original file line number Diff line number Diff line change @@ -3,7 +3,25 @@ import styled from 'styled-components';
3
3
import { Link } from 'react-router-dom' ;
4
4
import { patterns } from '../static/patterns' ;
5
5
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
+ ` ;
7
25
8
26
const PatternsList = ( ) => {
9
27
const lister = patternType => (
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
` ;
You can’t perform that action at this time.
0 commit comments