rrrapples #66

Author: ryanve

Diff for: index.html

@@ -5,7 +5,7 @@
 <meta name="color-scheme" content="light">
 <meta name="viewport" content="width=device-width">
 
-<title>tape: vivid colors that stick</title>
+<title>tape: vivid colors that stick to:ur gums</title>
 
 <link rel="stylesheet" href="tape.css">
 <link rel="stylesheet" href="demo.css">
@@ -82,6 +82,9 @@ <h1 class="volume-8 pad-0">
 <a id="deep"></a>
 
 <figure class="m-auto m-down tape-black pad-5">
+  <figcaption class="volume-0">
+    black absorbs color
+  </figcaption>
   <figure class="tape-yellow pad-1 volume-4 m-auto">
     <span class="tape-black">black</span> in yellow
   </figure>

Diff for: package.json

@@ -1,7 +1,7 @@
 {
   "name": "@s9a/tape",
   "version": "0.5.0",
-  "description": "vivid colors that stick since 2018",
+  "description": "vivid colors that stick to:ur gums",
   "main": "tape.css",
   "license": "Zlib",
   "homepage": "https://s9a.github.io/tape",
@@ -27,6 +27,7 @@
     "colors",
     "colour",
     "color",
+    "music",
     "vivid",
     "neon",
     "vibe",

Diff for: tape.css

@@ -7,6 +7,7 @@
   --tape-green: #44f477;
   --tape-filter: none;
   --tape-mix: transparent;
+  --tape-hex: var(--tape-white);
 }
 
 @media (prefers-contrast: less) {
@@ -16,8 +17,6 @@
   }
 }
 
-.tape-black,
-.tape-white { --tape-hex: var(--tape-white) }
 .tape-blue { --tape-hex: var(--tape-blue) }
 .tape-pink { --tape-hex: var(--tape-pink) }
 .tape-green { --tape-hex: var(--tape-green) }