103 lines
4.1 KiB
HTML
103 lines
4.1 KiB
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" />
|
|
|