New custom margins and padding feature is messing up our workflow

[michalbialkowski]

“The app now generates more responsive utility classes for margin and padding. Previously these went only to 5, but now utilities up to 10 are generated automatically and included in your styles only if used.”

Whenever I use the p-4 / m-4 / p-5 / m-5 and other m/p classes → your overrides are included in my design and break the layouts.

WTF?

Why do you create new styles that are not present in the pure bootstrap.css?

This is another thing you added to BSS, probably without thinking about the consequences it might have.

How can I disable this “convenience”?

[michalbialkowski]

I am angry about this change in BSS. All the projects I work on are now a mess. Huge gaps everywhere I used custom m/p classes.

This and the previous version of BSS is unusable for us.

[michalbialkowski]

This is what I see in Bootstrap studio

This is how it should look like

BSS project:

https://drive.google.com/file/d/1jiAwjNjOyal4XwutHyzi7OiEDZg5xYtc/view?usp=sharing

[gabby]

Thank you for providing the example design! This shouldn’t affect the browser preview or the exported/published code. The issue is in the in-app preview only. We’ll fix it this week.

[michalbialkowski]

Thanks - yes, I finally noticed that it’s a preview bug.

All I have to do is attach my own (empty) CSS as the project CSS. That’s enough to break layouts

However, working in BSS is now difficult for us, because now all the spaces are so big, completely different from what we designed.

Well, we’re waiting for a fix.