VvvebJs icon indicating copy to clipboard operation
VvvebJs copied to clipboard

Tailwind support

Open frsisalima opened this issue 5 years ago • 2 comments

What would be the steps to follow to implement tailwind css?

frsisalima avatar Feb 22 '21 22:02 frsisalima

Would be very nice to have!

pepijndik avatar Dec 01 '21 12:12 pepijndik

Hi

I'm not familiar with tailwind beyond the fact that it uses classes as css rules, in this case you will need to change the base element (that is used for all elements) and parse the css attribute of the selected element and extract all tailwind classes and based on that add the proper inputs. https://github.com/givanz/VvvebJs/blob/master/libs/builder/components-common.js#L74-L100

Something similar is done for the bootstrap gridrow component where the class attribute is parsed to extract the column configuration and add the proper column inputs. https://github.com/givanz/VvvebJs/blob/master/libs/builder/components-bootstrap5.js#L916-L991

givanz avatar Jan 14 '22 17:01 givanz