Apply styles to all breakpoints

User 2917932 Photo


Registered User
22 posts

Is there a way to apply all the styles from one break point to all the other break points.

Usually I start out with all break points disabled and then start designing on the widest break point and once the colors and fonts and other elements are set I start fine tuning the other break points.

Thanks for help
Warren
User 187934 Photo


Senior Advisor
19,039 posts
Online Now

Hi Warren,
Reset that class, type or, ID's styling at all the other break points.
So if your designing wide to narrow reset everything for that element below that break point.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2706435 Photo


Ambassador
443 posts

What you want to do is apply style at a wider break point to a lower one? I an interested in that also. One should design mobile first, but when wireframing the design, its easier to work on a larger canvas, and I find myself applying styles at a breakpoint or custom break, and would like to apply the styles at a lower break point.

For example, I still like to use Foundation. But, I really think its missing a smaller mobile breakpoint. So I create a breakpoint for my personal phone's width which is my primary live mobile testing and will make text style changes for that size (and 320px for Apple 5's). But when using SD I find often myself at a higher breakpoint and need to reapply the styles to a lower breakpoint.

In the reset styles option, I believe it will be well suited to add a "copy styles" option.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.