NO BUG: Interactive Styles on Class Is Broken

Bugs
1

Bricks Version: 1.5.7
Browser: All
OS: macOS
URL: NA

When assigning a class to a Div in Bricks and styling the INTERACTIVE-tilt element, the style is not applied to the class. It is applied to the div. There is no way to assign the INTERACTIVE-tilt style to the class.

2

if you talk about animations, they are not broken. they just don’t work with classes in bricks. :confused:

1 Like
3

Hi Bret,
Welcome to the forum, and thanks for reaching out!

What exactly do you mean with “INTERACTIVE-tilt” element/style?

Best regards,
timmse

1 Like
4

Hi Timmse,

Thanks for your reply. When selecting say a DIV, on the left panel, there’s an animation menu near the bottom. Expanding it exposes “interactive” options, one of which is tilt. Even when a class is selected, values are assigned to the DIV. Other animations may be impacted as well.

1 Like
5

i think its about the same problem like for all animation. they only can be assigned to DIV.

1 Like
6

Hey Bret,
We use animate.css for the animations, which is class-based. If you select “fade-in right”, for example, the div receives two further classes: brx-animated brx-animate-fadeInRight, which are exclusively responsible for the animation. As they are independent classes, the animation is not added to your custom class.

Of course, you can create your animations with custom CSS.

Best regards,
timmse

1 Like
7

Sorry to say it that clear: Animations are completely useless in Bricks since they are only working on ID level. This is absolutely not scalable and thus can’t be used in everyday life. ID level may be fine for hobby sites or hobby creators, but not for us as agencies or professional freelancers.

Please rethink your decision and rework animations as soon as possible 
 and make them class based. Everything else is useless.

Yes, of course we can add our own animation system on top of bricks 
 but does that really make sense to have existing animations available in Bricks, not be able to use them and need to add our custom animation systems 
 hmmm 
 not really sure about that!

Best Regards
Michael

1 Like
8

Hi Michael,
I recommend you look at animate.css - then you will see that nothing happens at the ID level. By selecting an animation, you’re adding a (utility) class :nerd_face:

9

Hi Timmse,

Okay. That makes sense. I’m grateful for the explanation.

1 Like
10

this means bricks animations are only animatecss utility classes? thats also would explain why can’t even set our own effect durations. a very strange decision, and only cause they use it as utility classes doesn’t justify to handle it in bricks same way. especially when it comes to scalability. but i know we will get the “create your own class” argument again.

11

Thanks for showing this, but to be honest, it doesn’t help at all in terms of scalability and maintainability for mid-sized/larger sites.

Bricks is a class based tool and should allow to use classes wherever possible 
 isn‘t scalability the main reason for classes?

If it‘s not, we are moving towards Elementor and Divi and go back to ID styles 


Still not convinced :pleading_face: