codyhouse / codyhouse-framework

A lightweight front-end framework for building accessible, bespoke interfaces.
https://codyhouse.co/
MIT License
1.16k stars 173 forks source link

max-width-adaptive-lg can't use break point #57

Closed tinybug closed 4 years ago

tinybug commented 4 years ago

why max-width-adaptive-lg@lg is till work in mobile size ?

sebastiano-guerriero commented 4 years ago

the max-width classes (including the max-width-adaptive classes) don't have responsive helpers, therefore the max-width-adaptive-lg@lg class does not exist:

https://codyhouse.co/ds/docs/framework/utilities#max-width

tinybug commented 4 years ago

will it support in the future?

sebastiano-guerriero commented 4 years ago

I haven't found a use case where the max-width classes would benefit from responsive modifiers. Can you please describe your use case so I can look into it (even better if you have a live example)?

tinybug commented 4 years ago

in the below image, I don't want the margin in the mobile, so container@lg and max-width-xl@lg is the case I want

1591972872651

sebastiano-guerriero commented 4 years ago

you can achieve this by using other utility classes:

<div class="max-width-adaptive-md margin-x-auto padding-x@lg"></div>
tinybug commented 4 years ago

thanks sebastiano~

sebastiano-guerriero commented 4 years ago

no prob 👍