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

New gutter system #25

Open
codysherman opened this issue Nov 11, 2019 · 1 comment
Open

New gutter system #25

codysherman opened this issue Nov 11, 2019 · 1 comment

Comments

@codysherman
Copy link
Member

The current gutter system is awkward and depends on .frow-container in some situations to avoid the negative margins from colliding with other page margins. .frow-container should be removed the equation completely.

Perhaps a new set-up would be something like:

<div class="gutters>
  <div class="frow">
    <div class="col-md-1-2></div>
    <div class="col-md-1-2></div>
  </div>
</div>

The negative margins would be applied directly to .gutters. Is this better? Does it solve the problem?

@codysherman
Copy link
Member Author

To reproduce the frow gutters issue: Make a frow with gutters, with two divs within, one above the other. Make one col-md-1-1 and the other width-100. The column div will have the space around it, the other wont.

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

No branches or pull requests

1 participant