search

colourgarden / avalanche

Superclean, powerful, responsive, Sass-based, BEM-syntax CSS grid system
http://colourgarden.github.io/avalanche/
MIT License
626 stars 40 forks source link

Grid Cell 100 #35

Closed jstewsy closed 7 years ago

jstewsy commented 7 years ago

I have a use case where I need a grid cell to have a width of 50% .grid__cell--50 for small devices and reset to .grid__cell or 100% width at medium.

I didn't find any classes that were generated to handle this.

Would be nice to have class hooks for: .grid__cell--100-at-{breakpoint}

meowsus commented 7 years ago

https://github.com/colourgarden/avalanche/blob/master/_avalanche.scss#L121

Looks like there's a specific case for a $av-widths list entry of 1.

colourgarden commented 7 years ago

@jstewsy This could be solved using a responsive breakpoint class on the cell. For example, 50--portable grid__cell. Example. Does this solve it for you?