https://waylonwalker.com/tags/tailwind/atom.xml 2023-10-19T13:41:24Z All posts with the tag "tailwind" Waylon Walker markata-go https://waylonwalker.com/thought-139/ 2023-10-19T13:41:24Z 2023-10-19T13:41:24Z

!https://www.youtube.com/watch?v=CLkxRnRQtDE

<div class="embed-card embed-card-external embed-card-provider-youtube"> <div class="embed-card-rich"> <lite-youtube videoid="CLkxRnRQtDE" title="Tailwind Connect 2023 — Keynote" playlabel="Play: Tailwind Connect 2023 — Keynote"></lite-youtube> </div> </div> <p>Tailwind comes with <code>space</code> that I have never heard of that is made to give margin and padding together in one class. Adam dropped it here in the Tailwind Connect conference.</p> <div class="admonition note"> <p class="admonition-title">Note</p> <p>This post is a <a href="/thoughts/" class="wikilink" data-title="Thoughts" data-description="These are generally my thoughts on a web page or some sort of url, except a rare few don&#39;t have a link. These are dual published off of my..." data-date="2024-04-01" data-preview="These are generally my thoughts on a web page or some sort of url, except a rare few don&#39;t have a link. These are dual published off of my...">thought</a>. It’s a short note that I make about someone else’s content online <a href="/tags/thoughts/" class="hashtag-tag" data-tag="thoughts" data-count="2" data-reading-time="3" data-reading-time-text="3 minutes">#thoughts</a></p> </div> Waylon Walker hello@waylonwalker.com https://waylonwalker.com https://waylonwalker.com/thought-131/ 2023-10-11T19:16:21Z 2023-10-11T19:16:21Z

!https://tailwindcss.com/docs/overflow

<div class="embed-card embed-card-external"> <a href="https://tailwindcss.com/docs/overflow" class="embed-card-link" target="_blank" rel="noopener noreferrer"> <div class="embed-card-image"> <img class="glightbox" src="https://tailwindcss.com/api/og?path=/docs/overflow" alt="overflow - Layout — Utilities for controlling how an element handles content that is too large for the container." loading="lazy"/ data-glightbox="description: overflow - Layout — Utilities for controlling how an element handles content that is too large for the container."> </div> <div class="embed-card-content"> <div class="embed-card-title">overflow - Layout</div> <div class="embed-card-description">Utilities for controlling how an element handles content that is too large for the container.</div> <div class="embed-card-meta">tailwindcss.com</div> </div> </a> </div> <p>Controlling overflow with tailwindcss</p> <h2 id="examples">Examples <a href="#examples" class="heading-anchor">#</a></h2> <pre class="chroma"><code><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">&#34;overflow-visible ...&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">div</span><span class="p">&gt;</span> </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">&#34;overflow-hidden ...&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">div</span><span class="p">&gt;</span> </span></span></code></pre><div class="admonition note"> <p class="admonition-title">Note</p> <p>This post is a <a href="/thoughts/" class="wikilink" data-title="Thoughts" data-description="These are generally my thoughts on a web page or some sort of url, except a rare few don&#39;t have a link. These are dual published off of my..." data-date="2024-04-01" data-preview="These are generally my thoughts on a web page or some sort of url, except a rare few don&#39;t have a link. These are dual published off of my...">thought</a>. It’s a short note that I make about someone else’s content online <a href="/tags/thoughts/" class="hashtag-tag" data-tag="thoughts" data-count="2" data-reading-time="3" data-reading-time-text="3 minutes">#thoughts</a></p> </div> Waylon Walker hello@waylonwalker.com https://waylonwalker.com