Tag
tailwind
-
Winden 1.0.15 product updates and LTD Option is active
Builders Support The new update pushes the Winden outside of just the Oxygen extension. You can now build websites with bricks or even with only Gutenberg…
-
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…
-
Tailwind CSS in Oxygen Builder with Winden: Series Scope and Setup
Before a tutorial series gets going, it helps to know what it will teach and what it won't, so you don't sit through 20 videos waiting for the part you need…
-
Tailwind CSS Grid Layout from a Design: Sections and Columns
Turning a design into a page often starts with guessing: which boxes are sections, which are wrappers, and how many columns each row needs. In this video we…
-
Plan a Tailwind CSS Page Layout from a Design: Oxygen Series Intro
If you start coding a page before you look at its structure, you end up writing a new layout for every section. That means more classes, more wrappers and more…