Tag
winden
-
Plain Classes for Gutenberg 1.1.0: CSS Class Manager Walkthrough
Adding CSS classes in Gutenberg usually means opening Advanced, typing the class name from memory and hoping you spelled it right. Plain Classes for Gutenberg…
-
Use Font Hero Fonts in Tailwind CSS with Winden
If you build with Tailwind CSS in WordPress, your self-hosted fonts and your utility classes often live in separate places. You end up writing custom CSS just…
-
Fluid Spacing and Type Scale in Tailwind CSS with CSS Variables
If you size headings and spacing by hand for each breakpoint, every new screen size means more classes to change. In this live session with Alex Baracella from…
-
Style the Oxygen Menu Element with Tailwind CSS in Winden
Once you turn off Oxygen's own CSS to use Tailwind CSS, the Oxygen Builder menu element is the one part that breaks. You can't reach its inner parts from the…
-
Oxygen Page Design with Tailwind CSS: A Full Winden Build
Turning a design file into a finished page often takes much longer than it should. Assets are too heavy, styles get repeated in every element, and mobile falls…
-
Fluid Typography Scale from a Design with Utopia and Winden
When a designer hands you a finished layout, the font sizes are spread across dozens of layers: 50 here, 18 there, 35 and 40 somewhere else. It's hard to tell…
-
Tailwind Config: Override vs Extend Colors (Winden)
You add one brand color to your Tailwind config, and suddenly text-blue-600 and text-red-500 don't work anymore. That happens because you overrode the theme…
-
Register Custom Brand Colors in Tailwind CSS with Winden
A client says the Tailwind green you picked is close, but it isn't their brand color. If you paste their hex value into every class and stylesheet, the next…
-
Fluid Typography in Tailwind CSS: Fluid Type Plugin + Winden
Many people set font sizes in Tailwind CSS by adding breakpoint classes to every heading and repeating that on each page. In this video we set up fluid…
-
Edit Your Tailwind Config in VS Code with Winden File Sync
Editing a Tailwind config in a small textarea in WordPress admin gets slow once the config grows, and you lose your own editor's shortcuts, extensions and…