Skip to content

Commit

Permalink
fix(readme): Minor spelling twaks
Browse files Browse the repository at this point in the history
  • Loading branch information
John Persson committed Oct 23, 2017
1 parent 5b6eafd commit 6da011b
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@ breakpoint.only('m', 'xl')
There is also a shorthand for mobile first media queries (min-width). Calling `breakpoint.m` is the same as `breakpoint.up('m')`.

```javascript
`breakpoint.m'`
breakpoint.m
// Will return a media query with a min-width of 768
// @media only screen and (min-width: 768px)
```
Expand Down Expand Up @@ -119,9 +119,9 @@ const Button = styled.button`
});
```

The first mixin `breakpoint.down(s)`, will give the styled button component a font size of 12px, at a breakpoint lower than "s", i.e. max-width(320px).
The first mixin `breakpoint.down(s)`, will give the styled button component a font size of 12px, at a breakpoint bellow "s", i.e. max-width(320px).

The second mixin `breakpoint.m`, uses the short hand version of `breakpoint.up.('m')`, and will give the button a background of `palevioletred`, at a breakpoint higher than "m", i.e. min-width(768).
The second mixin `breakpoint.m`, uses the short hand version of `breakpoint.up.('m')`, and will give the button a background of `palevioletred`, at a breakpoint above "m", i.e. min-width(768).

---

Expand Down

0 comments on commit 6da011b

Please sign in to comment.