lostgrid / lostgrid-site

Previous repo for the LostGrid website, now found in main repo.
https://github.com/peterramsing/lost/tree/master/docs
8 stars 2 forks source link

Colour Contrast Issue #20

Closed thisispaul closed 7 years ago

thisispaul commented 7 years ago

I just been reading your docs and found it quite difficult to read some things.

You have some colour contrast issues which make your example code difficult to read (you can check them here http://webaim.org/resources/contrastchecker/).

I have listed the worst offenders below, there are some others but these three examples are very difficult to read.

image

.row, .quarter, .half
foreground: #bb0066
background: #434243
contrast: 1.57:1

image

:first-child
foreground: #555555
background: #434243
contrast: 1.34:1

image

width, height
foreground: #336699
background: #434243
contrast: 1.67:1
japick commented 7 years ago

See latest pull request.

peterramsing commented 7 years ago

@japick Thanks for tackling this!