OWL spacing selectors in Bricksforge

How To
1

Hi there @Daniele :blush:

I have these selectors for spacing adjacent siblings elements between. It works on sections, containers, blocks and divs in Bricks Builder. But the question is, how can i get this to work in Bricksforge global class creator? Is it even possible. it won’t generate the classes properly:
it can only generate if i have them like this .owl–xs > * + * { margin-top: 2rem; } not when the selector is more advanced, which i need.

I need these without having to use my child-theme, cause i use Bricksforge for everything and only want my classes, variables in one place. Hope you can help :slight_smile:

.brxe-section.brf-owl–xs .brxe-container > * + *,
.brf-owl–xs:not(.brxe-section) > * + * {
margin-top: var(–brf-spacing-xs);
}
.brxe-section.brf-owl–s .brxe-container > * + *,
.brf-owl–s:not(.brxe-section) > * + * {
margin-top: var(–brf-spacing-s);
}
.brxe-section.brf-owl–m .brxe-container > * + *,
.brf-owl–m:not(.brxe-section) > * + * {
margin-top: var(–brf-spacing-m);
}
.brxe-section.brf-owl–l .brxe-container > * + *,
.brf-owl–l:not(.brxe-section) > * + * {
margin-top: var(–brf-spacing-l);
}
.brxe-section.brf-owl–xl .brxe-container > * + *,
.brf-owl–xl:not(.brxe-section) > * + * {
margin-top: var(–brf-spacing-xl);
}
.brxe-section.brf-owl–xxl .brxe-container > * + *,
.brf-owl–xxl:not(.brxe-section) > * + * {
margin-top: var(–brf-spacing-xxl);
}

2

Well, how your global class should be created? .brxe-section.brf-owl–xs .brxe-container > * + * is a selector, not a valid class name. The class name here would be .brf-owl–xs for instance. So, what classes are you concretely expecting here? :slight_smile:

3

.brf-owl–xs
.brf-owl–s
.brf-owl–m
.brf-owl–l
.brf-owl–xl
.brf-owl–xxl

These should be the classes base on what I did provide :slight_smile:

4

Is this the expected output you want to achieve? By the way, with the next version, you can exclude certain classes from global class generation :slight_smile:

Xnapper-2023-09-05-16.10.46
Xnapper-2023-09-05-16.10.461920×939 71.3 KB

5

Thank you so much… <3
Exactly! what i wanted <3 Great with the exclude classes option :slight_smile: