0.8.0 • Published 11 months ago
@s9a/tape v0.8.0
tape neon color
<html lang class="tape-blaq tape-flow">
<meta charset="utf-8">
<meta name="color-scheme" content="dark light">
<meta name="theme-color" content="#0e0e0e">
<title>play</title>seek release~s~ aura wurmbath
tape.css
palette
.tape-wattblaq on watt.tape-loudblaq on loud.tape-playblaq on play.tape-bluvblaq on bluv.tape-luvublaq on luvu.tape-blaqperm on blaq
compose
.tape-blaq.tape-wattwatt on blaq.tape-blaq.tape-loudloud on blaq.tape-blaq.tape-playplay on blaq.tape-blaq.tape-bluvbluv on blaq.tape-blaq.tape-luvuluvu on blaq
distribute
.tape-flowflow color within scope.tape-skipskip color within flow.tape-flatbordertransparent.tape-flapbordercurrentColor.tape-eraseerase text for screenshot art
var
--tape-blaqmesh--tape-wattbulb--tape-playwarm--tape-loudwind--tape-luvulush--tape-bluvcull--tape-hexis current neon--tape-mixis current background color--tape-remiximagine--tape-filterhue
samples
tape flow
<html class="tape-flow tape-blaq">having tape-flow on your root or body to flow color thru the whole page
tape anywhere
<aside class="tape-loud">
<em>So</em> fresh!
</aside>cool quote
<blockquote class="tape-bluv">
I said empty your mind.
Be formless.
Shapeless.
Like tape.
Now you put tape onto walls, it becomes the walls.
You put tape onto floors, it becomes the floors.
You put it in you, it becomes yours.
Now tape can flow or it can shred.
Be tape my friend.
</blockquote>blaq link
<a class="tape-blaq" href="#sample">tape</a>blaq play
<a class="tape-blaq tape-play" href="#sample">tape</a><aside class="tape-play">
Stick 4ever.
Apply <a class="tape-blaq" href="#sample">tape</a>
</aside>neon link
<a class="tape-play" href="#sample">tape</a><aside class="tape-play tape-flow">
Stick 4ever.
Apply <a href="#sample">tape</a>
</aside><aside class="tape-play">
Stick 4ever.
Apply <a class="tape-flow" href="#sample">tape</a>
</aside>freestyle
<a href="#sample" class="tape-play" style="--tape-hex:hotplay">hotplay</a><nav class="tape-flow" style="--tape-play:deepplay">
<a href="#sample" class="tape-play">deepplay</a>
</nav>creative tone
<label class="tape-play">
<b>create name</b>
<input class="tape-watt">
<strong>imagine :)</strong>
</label>sting tone
<label class="tape-loud">
<b>create name</b>
<input class="tape-watt">
<strong>taken :(</strong>
</label>peace tone
<label class="tape-bluv">
<b>Create name</b>
<input class="tape-watt">
<strong>Yes =)</strong>
</label>saving grace
<button class="tape-flap tape-luvu">Save</button>
<button class="tape-flap tape-flow">Cancel</button>imagine
:root {
--tape-remix: radial-gradient(coral, violet);
}filter
:focus {
--tape-filter: invert(100%);
}
:link:hover {
--tape-filter: hue-rotate(120deg);
}trine
.twist {
--tape-filter: hue-rotate(120deg);
}
.shout {
--tape-filter: hue-rotate(240deg);
}