Materialize: Feature request: s/m/l alignment

[timtribers]

Hi,

I would really love to see the following classes available: s-left-align, s-center-align, s-right-align, m-left-align, m-center-align, l-left-align, l-center-align, l-right-align.

I have seen that there is a center-on-small-only class, but this approach would really clean things up, I think.

I am not at sass developer, else I would submit a pull request. But the raw css is v simple, so I guess the sass code would be even easier!

Thanks

[alijaffar]

:-1:
I disagree. You can utilize center, left, and right along with the columns. Example:
<div class="col s12 center"> Whats wrong with that? </div>

[timtribers]

@alijaffar , I am not saying that you could not still do that.

But, what is wrong with that is, it isn't responsive. If you want to right align at medium and large, but center at small, then you cannot.

However, with this proposed change, you could:

<div class="col s12 s-center-align m6 m-right-align"> This is more responsive! </div>

[im-n1]

This would be super feature. For example Foundation framework has it and it also has push/pull resppponsive version (like small-pull-2). I guess it's not so much line of code but it would improve materializecss about 10 levels.

[ncovercash]

I like this. @tomscholz why did you close? this hasnt been added afaik

[Dogfalo]

http://materializecss.com/grid#grid-push

On Mon, Apr 3, 2017 at 12:05 PM, Noah Overcash [e-mail]
wrote:

I like this. @tomscholz https://github.com/tomscholz why did you close?
this hasnt been added afaik

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
https://github.com/Dogfalo/materialize/issues/2289#issuecomment-291242083,
or mute the thread
https://github.com/notifications/unsubscribe-auth/ACpaxwyYwiVWEvz53-r6ym0sjoYesV-Wks5rsUL4gaJpZM4GhzkX
.

--
Doggy sends his greetings from Mars.

[ncovercash]

Oh great, I didnt realize we were using projects now. Excellent!

[JayHoltslander]

I agree 100%. I'm having to build my own classes for this right now.

[ncovercash]

@JayHoltslander see the solution Dogfalo posted with grid push

[DanielRuf]

@smileytechguy this sets percentage values for left and right to elements but does not apply text-align or really center anything as you would need another transform:translateX(50%).

See https://github.com/Dogfalo/materialize/blob/master/sass/components/_grid.scss#L47-L52

The posted solution does not what the people want.