@kamen/create-webapp 1.0.56 → 1.0.58

package/css/color-wheel.css

@@ -0,0 +1,21 @@
+@layer color-wheel {
+  @property --color-wheel-angle {
+    syntax: "<angle>";
+    inherits: false;
+    initial-value: 0turn;
+  }
+
+  @keyframes color-wheel-rotation {
+    to {
+      --color-wheel-angle: 1turn;
+    }
+  }
+
+  .color-wheel {
+    background-image: conic-gradient(from var(--color-wheel-angle) at center in oklch longer hue, oklch(0.7 0.3 0 / 0.4), oklch(0.7 0.3 0 / 0.4));
+  }
+
+  .color-wheel-rotating {
+    animation: var(--color-wheel-duration, 60s) linear infinite color-wheel-rotation;
+  }
+}

package/css/input.css

@@ -0,0 +1,14 @@
+@layer input {
+  button,
+  input,
+  optgroup,
+  select,
+  textarea {
+    font: inherit;
+    accent-color: var(--accent-color, gray);
+  }
+
+  select option:checked {
+    background-color: var(--accent-color, gray);
+  }
+}

package/css/reset.css

@@ -1,39 +1,24 @@
-*,
-*::before,
-*::after {
-  box-sizing: inherit;
-}
-
-:root {
-  color-scheme: light dark;
-  box-sizing: border-box;
-  font-family: system-ui, monospace, sans-serif;
-  interpolate-size: allow-keywords;
-  @media (prefers-reduced-motion: no-preference) {
-    scroll-behavior: smooth;
+@layer reset {
+  *,
+  *::before,
+  *::after {
+    box-sizing: inherit;
   }
-  --accent-color: gray;
-}
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font: inherit;
-  accent-color: var(--accent-color);
-}
 
-select option:checked {
-  background-color: var(--accent-color);
-}
+  :root {
+    color-scheme: light dark;
+    box-sizing: border-box;
+    font-family: system-ui, monospace, sans-serif;
+    interpolate-size: allow-keywords;
+  }
 
-canvas,
-iframe,
-img,
-picture,
-svg,
-video {
-  display: block;
-  max-width: 100%;
+  canvas,
+  iframe,
+  img,
+  picture,
+  svg,
+  video {
+    display: block;
+    max-width: 100%;
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kamen/create-webapp",
-  "version": "1.0.56",
+  "version": "1.0.58",
   "description": "npm init @kamen/webapp",
   "keywords": [
     "init",