rebassjs / grid

This package has moved and renamed
https://rebassjs.org/reflexbox
MIT License
2.04k stars 96 forks source link

space scales: what is 8px / powers-of-two #142

Closed bchenSyd closed 6 years ago

bchenSyd commented 6 years ago

the document says

The default scale is based on an 8px/powers-of-two grid: [ 0, 4, 8, 16, 32, 64, 128, 256, 512 ], which helps keep spacing consistent and elements aligned even when nesting components.

so far I have noticed m={1} is 8px , m={2} is 16px m ={3} is 32px; m={1/2} is 0.5px

where does 4 fit in this pattern??

bchenSyd commented 6 years ago

isn't powers of two grid be [0,2,4,8,16,32 .... ]

I don't understand the logic behind the gird mentioned in the document

jxnblk commented 6 years ago

Some people refer to it as an "8px grid" – but it's essentially based on powers of two