css grid

Jack990 commented 2 years ago

I know, I did that. I am saying the style= does not work

and even your own sandbox code does not work

kpienkowska staff commented 2 years ago

You cannot change the value of the SCSS variable through HTML inline styling.

And because of that this is something you need to test locally. You need to use bundler and recompile SCSS code with the variable changed in _variables.scss file.

Jack990 commented 2 years ago

Thanks. that is correct but then maybe your documentation and sandbox code is not exactly clear (unless I am doing something stupid). It says at the end of https://mdbootstrap.com/docs/standard/layout/css-grid/#subsection-gaps

One limitation of the CSS Grid is that our default classes are still generated by two SCSS variables, $grid-columns and $grid-gutter-width. This effectively predetermines the number of classes generated in our compiled CSS. You have two options here:

Modify those default SCSS variables and recompile your CSS.Use inline or custom styles to augment the provided classes.

and the sandbox code does not run correctly. (on my Bave on mac)

mlazaru staff commented 2 years ago

I suppose it doesn't work in the sandbox because it's not enabled by default, and we haven't enabled it manually for this purpose. I agree it might be confusing, so we will think how to make it more clear.

Does CSS grid work, but inline styles are not applied, or it doesn't work at all?

Jack990 commented 2 years ago

css-grid works fine in my code, except the inline. Same in sandbox.

The documentation is ambiguous.

That said, I don't think I need css-grid, was just experimenting, and wondering if to use it in a new project. The benefits of css-grid are unclear to me, the documentation is still limited and the old grid works fine.