TranspHormers #13

s9a · Oct 9, 2024 · 502aa1d · 502aa1d
1 parent fae1b76
commit 502aa1d
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/freestyle.css b/freestyle.css
@@ -54,6 +54,14 @@ dfn {
   font: unset;
 }
 
+:root {
+  --tilt: 0deg;
+}
+
+.tilt {
+  transform: rotate(var(--tilt));
+}
+
 html {
   font-family: sans-serif;
   font-size: max(20pt, 2vmax);
@@ -172,6 +180,7 @@ button {
 }
 
 button {
+  contain: content;
   flex-basis: 61.8%;
   font-size: 1.618em;
   margin: 1em auto;

diff --git a/index.html b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" class="tape-flow tape-blaq" data-varam="tape-watt tape-play tape-loud tape-luvu tape-blaq tape-bluv">
+<html lang="en" class="tape-flow tape-blaq" data-varam="tilt tape-watt tape-play tape-loud tape-luvu tape-blaq tape-bluv">
 <meta charset="utf-8">
 
 <title>illbang ¡! remixer</title>
@@ -19,7 +19,7 @@
 <figure>
   <div>
     <svg
-      class="tape-blaq"
+      class="tilt tape-blaq"
       width="100vmin"
       height="100vmin"
       viewBox="0 0 2400 2400"
@@ -61,7 +61,7 @@ <h1>illbang color<wbr>fill remixer</h1>
       </label>
       <button class="tape-blaq" aria-label="remix">
         <svg
-          class="tape-blaq"
+          class="tilt tape-blaq"
           width="20vmax"
           height="20vmax"
           viewBox="0 0 2400 2400"