Customize

Take advantage of the Tailone past, current and future updates, by learning how to create your own content without changing the core styles.

How to create a new style?

To avoid file loss, overrides of your custom styles or any other conflicts during the upgrade process, create or modify your styles with add your custom css/tailwind/ in src/tailwind/tailwindcss.css file.

                  
                    @tailwind base;
                    @tailwind components;
                    @tailwind utilities;

                    // vendors css
                    // your custom css
                  
                

More information about custom in Tailwindcss is in here

How to create a new Javascript?

To avoid file loss, overrides of your custom js or any other conflicts during the upgrade process, create or modify your custom javascript in src/js/theme.js file.

                  
                    // Custom JS
                    const myCustom = function () {
                      
                      // insert your javascript in here

                    }