freesewing/sites/org/tailwind-force.html

<!--
  Sometimes class names are added in a way that prevents TailwindCSS
  from detecting them, which means they won't be included in the CSS
  bundle. When you've got one of those, you can simply add them to
  the class list below, as tailwind is configured to include this
  file in it's scans.
-->

<!-- Loading status -->
<div className="fixed top-0 md:top-28 md:max-w-2xl md:px-4 md:mx-auto"></div>
<progress className="progress progress-secondary" />
<div className='bg-gradient-to-r from-accent from-0% to-0% to-primary'></div>
<div className='bg-gradient-to-r from-accent from-10% to-10% to-primary'></div>
<div className='bg-gradient-to-r from-accent from-20% to-20% to-primary'></div>
<div className='bg-gradient-to-r from-accent from-30% to-30% to-primary'></div>
<div className='bg-gradient-to-r from-accent from-40% to-40% to-primary'></div>
<div className='bg-gradient-to-r from-accent from-50% to-50% to-primary'></div>
<div className='bg-gradient-to-r from-accent from-60% to-60% to-primary'></div>
<div className='bg-gradient-to-r from-accent from-70% to-70% to-primary'></div>
<div className='bg-gradient-to-r from-accent from-80% to-80% to-primary'></div>
<div className='bg-gradient-to-r from-accent from-90% to-90% to-primary'></div>
<div className='bg-gradient-to-r from-accent from-100% to-100% to-primary'></div>

<!-- Classes for the Popout component -->
<p class="border-accent bg-accent text-accent" />
<p class="border-secondary bg-secondary text-secondary" />
<p class="border-error bg-error text-error" />
<p class="border-warning bg-warning text-warning" />
<p class="border-info bg-info text-info" />
<p class="border-success bg-success text-success" />
<p class="border-primary bg-primary text-primary" />

<!-- Background opacity for highlighted lines in code -->
<code class="bg-yellow-300/5" />
<code class="bg-orange-300/5 opacity-80 line-through decoration-orange-500" />

<!-- badges for tags -->
<badge class="badge badge-success hover:badge-success" />
<badge class="badge badge-warning hover:badge-warning" />
<badge class="badge badge-error hover:badge-error" />
<badge class="badge badge-info hover:badge-info" />
<badge class="badge badge-ghost hover:badge-ghost" />
<badge class="badge badge-outline hover:badge-outline" />
<badge class="badge badge-primary hover:badge-primary" />
<badge class="badge badge-secondary hover:badge-secondary" />
<badge class="badge badge-accent hover:badge-accent" />
<badge class="badge badge-neutral hover:badge-neutral" />

<!-- choice button colors -->
<div className="hover:bg-accent/20 hover:border-accent"></div>
<div className="hover:bg-error/20 hover:border-error"></div>
<div className="hover:bg-success/20 hover:border-success"></div>

<!-- iFrame embed -->
<iframe className="w-full aspect-[16/9]"/>

<!-- toc list padding -->
<li className="pl-3"></li>

<!-- homepage -->
<a className="bg-accent text-accent-content"></a>

<!-- support -->
<div className="bg-gradient-to-tr from-secondary from-10% to-primary"></div>
<div className="bg-gradient-to-tr from-accent from-10% to-primary"></div>

<!-- colors on transparent backgrounds -->
<div class=" bg-base-100/10" />
<div class=" bg-base-200/10" />
<div class=" bg-base-300/10" />
<div class="  bg-primary/10" />
<div class="bg-secondary/10" />
<div class="  bg-neutral/10" />
<div class="   bg-accent/10" />
<div class="  bg-success/10" />
<div class="     bg-info/10" />
<div class="  bg-warning/10" />
<div class="    bg-error/10" />

<div class=" bg-base-100/70" />
<div class=" bg-base-200/70" />
<div class=" bg-base-300/70" />
<div class="  bg-primary/70" />
<div class="bg-secondary/70" />
<div class="  bg-neutral/70" />
<div class="   bg-accent/70" />
<div class="  bg-success/70" />
<div class="     bg-info/70" />
<div class="  bg-warning/70" />
<div class="    bg-error/70" />

<div class=" bg-base-100/80" />
<div class=" bg-base-200/80" />
<div class=" bg-base-300/80" />
<div class="  bg-primary/80" />
<div class="bg-secondary/80" />
<div class="  bg-neutral/80" />
<div class="   bg-accent/80" />
<div class="  bg-success/80" />
<div class="     bg-info/80" />
<div class="  bg-warning/80" />
<div class="    bg-error/80" />