Cleaned About page by moving CSS test to separate route
This commit is contained in:
parent
8854b1dcf9
commit
d054e2ec41
2 changed files with 29 additions and 24 deletions
|
@ -17,27 +17,3 @@
|
|||
</a>
|
||||
</p>
|
||||
|
||||
<p class="text-background">Background</p>
|
||||
<p class="text-foreground">Foreground</p>
|
||||
<p class="text-muted">Muted</p>
|
||||
<p class="text-muted-foreground">Muted Foreground</p>
|
||||
<p class="text-popover">Popover</p>
|
||||
<p class="text-popover-foreground">Popover Foreground</p>
|
||||
<p class="text-card">card</p>
|
||||
<p class="text-card-foreground">card-foreground</p>
|
||||
<p class="text-border">border</p>
|
||||
<p class="text-input">input</p>
|
||||
<p class="text-primary">Primary</p>
|
||||
<p class="text-primary-foreground">primary-foreground</p>
|
||||
<p class="text-secondary">secondary</p>
|
||||
<p class="text-secondary-foreground">secondary-foreground</p>
|
||||
<p class="text-accent">accent</p>
|
||||
<p class="text-secondary-foreground">secondary-foreground</p>
|
||||
<p class="text-accent">accent</p>
|
||||
<p class="text-accent-foreground">accent-foreground</p>
|
||||
<p class="text-destructive">destructive</p>
|
||||
<p class="text-destructive-foreground">destructive-foreground</p>
|
||||
<p class="text-offline">offline</p>
|
||||
<p class="text-online">online</p>
|
||||
<p class="text-pending">pending</p>
|
||||
<p class="text-maintenance">maintenance</p>
|
||||
|
|
29
src/routes/css/+page.svelte
Normal file
29
src/routes/css/+page.svelte
Normal file
|
@ -0,0 +1,29 @@
|
|||
<svelte:head>
|
||||
<title>CSS Test</title>
|
||||
<meta name="description" content="CSS playground" />
|
||||
</svelte:head>
|
||||
|
||||
<p class="text-background">Background</p>
|
||||
<p class="text-foreground">Foreground</p>
|
||||
<p class="text-muted">Muted</p>
|
||||
<p class="text-muted-foreground">Muted Foreground</p>
|
||||
<p class="text-popover">Popover</p>
|
||||
<p class="text-popover-foreground">Popover Foreground</p>
|
||||
<p class="text-card">card</p>
|
||||
<p class="text-card-foreground">card-foreground</p>
|
||||
<p class="text-border">border</p>
|
||||
<p class="text-input">input</p>
|
||||
<p class="text-primary">Primary</p>
|
||||
<p class="text-primary-foreground">primary-foreground</p>
|
||||
<p class="text-secondary">secondary</p>
|
||||
<p class="text-secondary-foreground">secondary-foreground</p>
|
||||
<p class="text-accent">accent</p>
|
||||
<p class="text-secondary-foreground">secondary-foreground</p>
|
||||
<p class="text-accent">accent</p>
|
||||
<p class="text-accent-foreground">accent-foreground</p>
|
||||
<p class="text-destructive">destructive</p>
|
||||
<p class="text-destructive-foreground">destructive-foreground</p>
|
||||
<p class="text-offline">offline</p>
|
||||
<p class="text-online">online</p>
|
||||
<p class="text-pending">pending</p>
|
||||
<p class="text-maintenance">maintenance</p>
|
Loading…
Reference in a new issue