Ability to flatten combo class styles into a new class

Idea from this post: https://forum.webflow.com/t/copy-class-to-new-name/4933/8?u=waldo

"If I could capture all the style elements of this button (nested, secondary, everything) and make a new, independent style (think flattened, rasterized layer in photoshop), that would allow me to pivot easier and try out new variations of a style without manually recreating all of those style factors to keep the style manager clean and semantic."

  • Waldo Broodryk
  • Jan 23 2017
  • Roslyn Maina commented
    29 Jul 04:36

    I really appreciate you taking the time to share this information. It’s exactly what I needed and will be very useful.

  • Mark Bridges commented
    12 Apr 06:37

    The idea of being able to flatten combo class styles into a new class is an interesting one, especially for web design workflows where you may want to experiment with variations of a style without cluttering your style manager. While this functionality may not be directly available in all web design tools or platforms, you can achieve a similar outcome through a few manual steps:

    1. Identify the Combo Class Styles: First, identify the combo class styles you want to flatten into a new class. These could be nested styles, secondary styles, or any combination of styles applied to an element.

    2. Create a New Class: Create a new class with a name that reflects the flattened style you want to achieve. This will serve as the base for your flattened style.

    3. Apply Styles Manually: Go through each of the styles applied by the combo classes and manually apply them to the new class. This may involve copying CSS properties from the combo classes and pasting them into the new class's CSS rule.

    4. Test and Refine: Once you've applied the styles to the new class, test it out on your elements to ensure it behaves as expected. You may need to tweak the styles or adjust any conflicts that arise.

    5. Delete Unused Combo Classes: After you've created the new flattened class and applied it to your elements, you can consider deleting the unused combo classes to keep your style manager clean and organized.

    While this approach requires some manual effort, it allows you to create a new independent style that combines the characteristics of multiple combo classes. Additionally, by keeping the style manager clean, you can maintain a more manageable and semantic structure for your stylesheets.

  • Janet Goldsberry commented
    08 Apr 10:28

    thanks for sharing the information

  • Tracy Riley commented
    05 Apr 07:27

    Thank you for sharing this post!!!

  • Lennart Hennig commented
    September 20, 2023 15:40

    PLEASE! This is so obvious webflow!

  • Mehnz commented
    April 25, 2023 02:29

    showcasing XDR Pro display 7grand on tutorials and still can't hire someone on fiverrr to deliver this 2014 requested easy feature...Been a customer since your 1st day

  • Robert Holtz commented
    July 14, 2022 05:34

    I've wanted this for the LONGEST time.

  • Lonnie Kuhn commented
    November 25, 2021 10:32

    A Outboard Motor up to the fastest Class C racing hydroplanes. ... A Utility BoAt A 14-foot flat bottom dinghy arranged to handle under sail or under power.


    NJMCDirect Ticket

  • Mario P. commented
    October 22, 2021 20:53

    +1

  • Kenneth Rowe commented
    January 05, 2021 16:49

    Could someone explain why we still don't have this option? It seems like an odd oversight. Will it create some kind of problem I'm not seeing?

  • Matthew Craig commented
    May 26, 2020 23:39

    Howz bout adding "combine to new class" to drop down menu.

    that would be great.

  • Ali Abbas commented
    May 06, 2020 09:26

    This feature is long overdue. Let's see some features that improve on what makes Webflow great in the first place: tools to help you design faster.

  • D P commented
    September 27, 2017 22:27

    I've also requested this many times directly messaging them. It is desperately needed, with a big site the class system can get messy and sometimes you just need a need class with those styles for interactions and things. I also requested many times the duplicate class function, which I see was also voted on in here and got done. Which has made a HUGE difference, however it doesn't cater for every scenario, such as working on an older site or interactions or just situations you need to go down the class rabbit hole and start afresh on a new flattened-cloned class. Please add.

  • Craig Keeling commented
    January 23, 2017 20:57

    Thanks for adding to the list Waldo!

  • +16