Switching CSS classes or properties based on screen size can be achieved using JavaScript as shown below. But handling such things with JavaScript window resize event is not as efficient to achieve it with CSS. Using Tailwind For example, if we want to create a feature where the child menu opens on mouseenter event and
Category: Tailwind
Adding Local Fonts or Google Fonts In Tailwind CSS For WordPress Theme
Posted onIn this blog, we will learn about how to add local fonts in TailwindCSS.There are several reasons why you should include fonts locally. Watch this video to know more. Step 1: Download the Fonts Locally Use Google Fonts Helper Place the fonts into the fonts directory. Step 2: Copy the fonts code into fonts.scss Step 3: Add the
Setup Tailwind CSS in a WordPress plugin or theme
Posted onIn this blog we will discuss how we will setup Tailwind css in a WordPress plugin or theme. Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override. If you would