Commit f69c4fc

committed

Style Patterns List page

1 parent df1f8e7 commit f69c4fcCopy full SHA for f69c4fc

File tree

+21

-3

lines changed

+21

-3

lines changed

Lines changed: 19 additions & 1 deletion

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 => (`

Lines changed: 2 additions & 2 deletions

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`	`;

Comments

(0)