Archived topic
Unsemantic Grid not present in Gutenberg and other styles
9 replies · Started by David Perez Garcia on March 19, 2020
Hello,
How do you recommend to add styles from Editor? It would be nice to have unsemantic grid in Gutenberg as well. I use custom block with this grid like GeneratePress, and is better to have it in Gutenberg.
Hi there,
Unsemantic is quite outdated and is something we are working on replacing in the Theme at a later date. In its place we will use Flexbox and maybe some CSS Grid ( - this is already being used in parts of the theme today ).
Both of these are browser native technologies so no need for scripts and additional stylesheets for it to work.
For Gutenberg, we have just released our own block plugin which is in Alpha testing now:
It includes a grid block that i think you'll be quite amazed by
But, I understand that you will use the same classes?
I am not sure what you mean.
If and when we move to Flexbox, existing sites will continue to use Unsemantic - the user will be able to switch the Theme to flexbox if they want but in doing so this would remove the unsemantic CSS.
I mean grid-40 for example, will be compatible with the new version. I understand that you're making in Flexbox, but if you use same name for classes, would be better for us that we are using them.
We likely won't be sticking with the same classes/HTML, as we'll be able to simplify quite a bit. However, old sites will obviously stick with the current system :)
Ok Nice.
Final question. How would you suggest to add editor styles with GeneratePress?
Currently I'm using a child theme.
This is a good article on that: https://richtabor.com/add-wordpress-theme-styles-to-gutenberg/
ok Thanks.
No problem :)