Non standard Breakpoint Highlight and Copy to Standard Breakpoint

With the addition of the larger breakpoint, I've recently made a mistake I've made a bit in the past, but now it's a little bit trickier to avoid.

Because the changes cascade from the default breakpoint, it's easy to make changes in another breakpoint that you meant for the default breakpoint. In the past, the smaller screen size was usually the red flag, so I'd catch myself fairly quickly. Now, with the large one not being the default, it's not so easy. In fact, I just built out a whole page without realizing that the default breakpoint had no formatting whatsoever... so now I have to jump back and forth between both sizes, and copy all the settings from the larger breakpoint to the standard one.

I'm proposing two simultaneous solutions to this problem.

One is to outline the settings pallettes in tan when you are in standard, and blue when you are in smaller or larger breakpoints similar to how the settings labels themselves are colored when they are overiding the standard settings.

The second is to have a "Copy Settings to Standard Breakpoint" function. This would allow you to choose items or hierarchies, and copy their settings to the default, and turn off the override on that breakpoint. In my case I'd choose the body item, run this function, and now my standard breakpoint would be exactly the same as the large one I just built out, and the large one would have no overrides anymore.

  • Skyler Kline
  • Apr 11 2020
  • Reviewed
  • Matan Assulin commented
    December 25, 2023 20:29

    checkout AidKit for Webflow for non desktop colored breakpoints

  • Skyler Kline commented
    April 12, 2020 22:23

    After giving this a bit more thought, I think the actual section headers in the style pallettes should change, and be color coded per breakpoint. I'm thinking shades of one color in the smaller direction, and shades of another color in the larger direction. Of course, the buttons at the top should be matching colors. I mute button would be nice too, for times you don't want the extra color distracting from the design—but maybe still something like flipping the dark to light, so you know what breakpoint you're in.