Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Grid columns width sometimes half pixels #23

Closed
dariusrosendahl opened this issue Feb 14, 2017 · 1 comment
Closed

Grid columns width sometimes half pixels #23

dariusrosendahl opened this issue Feb 14, 2017 · 1 comment
Assignees
Labels

Comments

@dariusrosendahl
Copy link
Member

dariusrosendahl commented Feb 14, 2017

Iwan:

Right now not every column on every breakpoint evenly distributed with the current grid columns. Every column should have the same amount of pixels. Otherwise this makes it harder to create correct Photoshop files.

Suggested breakpoints, container-widths and gutters:

$b1: 320px;
$b2: 480px;
$b3: 768px;
$b4: 1024px;
$b5: 1280px;
$b6: 1680px;

$container: 100%;
$container-b1: 100%;
$container-b2: 100%;
$container-b3: 752px;
$container-b4: 992px;
$container-b5: 1208px;
$container-b6: 1592px;
$grid-gutter: 12px;
$grid-gutter-b1: 12px;
$grid-gutter-b2: 12px;
$grid-gutter-b3: 16px;
$grid-gutter-b4: 16px;
$grid-gutter-b5: 16px;
$grid-gutter-b6: 16px;

image

EDIT: Removed $b7, this is too project specific

@dariusrosendahl dariusrosendahl self-assigned this Feb 14, 2017
@dariusrosendahl dariusrosendahl changed the title Column width sometimes half pixels Grid columns width sometimes half pixels Feb 15, 2017
@dariusrosendahl
Copy link
Member Author

Fixed in develop

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant