My idea on how to use your own SASS framework with Advanced Themer
I have been playing with the idea of using my own SASS framework with Automatic Themer, and have gotten to a point where it is usable, and I'm happy with where it is heading.
This morning I hosted an open Zoom to show how it works. This is a recording of that call. Sorry, I have not done live recordings before and did not realize the attendee thumbnails would get in the way :)
For the Framework CSS to automatically parse into AT and Bricks, a plugin is required. I have put it on GitHub - https://github.com/wpeasy/at-fw-import
The Github includes:
The plugin needed to integrate the CSS into AT and Bricks
Advanced Themer settings to import
Sample Framework files
Bricks templates to import, "Framework Docs" and "Style Guide".
Currently to get it all working requires a number of steps. I roughly covered this in the recording. When I find time I will create a video specifically for the setup.
00:00:35 Introduction to the concept
00:11:58 Getting the plugin and sample files
00:14:39 Getting the framework files into WPCodeBox
00:18:33 Finding the Framework CSS file and adding it to the plugin for parsing.
00:18:48 Importing Advanced Themer Settings
00:19:39 Creating the Color Pallet
00:23:56 Testing the framework is working
00:24:59 Test create content
00:28:47 Bricks Templates for Docs and Style Guide