How To Make Use Of Existing Classes In New Classes In W...

At a glance

The community member is trying to understand how to use existing classes in new classes they create in Webflow (WF). They provide an example of using @extend in SCSS/SASS to inherit the shadow from an existing shadow-small class to a new chat-bubbles class. The community member wants to apply only one class, chat-bubbles, to each element, instead of two classes (chat-bubbles and shadow-small).

The comments suggest that the community member should forget about the SASS/LESS approach and watch the Finsweet Client-First videos to understand their naming system and how to use combo classes. However, the community member states that the approach with combo classes cannot solve their problem, which is why they asked the question in the first place.

The comments become increasingly confrontational, with the community members unable to provide a clear answer to the original question. The final conclusion is that it is not possible to achieve the desired result in the way the community member described.

RRavi Tharuma

Hey guys I think I don’t understand something about the classes in WF.

How do I make use of existing classes in new classes I create?

With SCSS/SASS you would use @extend

Example:
I want to create a new class for “chat-bubbles”
-- These chat bubbles should have a shadow.
--- So I want to inherit/cross-reference the shadow from the existing class “shadow-small”.

✅ I only want to apply one single class to each chat bubble element: chat-bubbles
❌ I don’t want to apply two classes to each element: chat-bubbles, shadow-small

How do you do that in WF? Or am I missing something in the logic?

11 comments

DDigerati

Forget about SASS / LESS approach and watch the Finsweet Client-First videos to understand their naming system and how you approach what you’re after using combo classes.

RRavi Tharuma

buddy, what i described above can't be solved by combo classes, that's why I asked in the first place.

DDigerati

Have you watched the Client-First videos?

Dude don't annoy me

WTF

It's not possible

That’s your answer then