As I get closer to finishing up this project, thoughts turned to converting my components and some of my projects over to my new CSS Framework. Still haven't named it yet.
I did build a converter to change all the class names from Bulma CSS Framework. over to my new CSS Framework. Ran into a few issues ... Bulma CSS Framework has four breakpoints, meaning five viewports, and mine has three breakpoints (four viewports). While there really isn't any "standard" for the number of breakpoints, most responsive grids have three breakpoints (four viewports).
I ended up combining the last two Bulma breakpoints into my last breakpoint. That worked fine.
The converter is build with PHP and runs on my server.
I'll continue refining the converter, it means that I can use almost any template built for Bulma with my own CSS Framework (might need some tweaking though). Next step is to get familiar with the Bootstrap CSS and see if I can modify my converter (or create a second version) to convert Bootstrap to my CSS Framework. That would be very useful, there are tons of Bootstrap templates kicking around.
And, a quick note ... in a previous article I discussed the possibility of having a fluid breakpoint system. I worked out the math and algorithm ... but it is not as useful as I originally thought. So back to using up to four class names to control responsive.