css-zero 0.0.63 → 0.0.65

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1dcad18cf8b767d6b04eeffa882dc11a58855ccfee8bc4bbfc5b0f53dee40ba5
-  data.tar.gz: f508def8ee8def3ed3046af44ee40ed506b528d9d200c780a3d4f5581197e192
+  metadata.gz: 41b8902cee3601cc793967b7432e7ea57043e18d2da5e0ce94659b105556975b
+  data.tar.gz: acbf6878894b7a3769427df3e5a2676ce8a1cef5a675693f22af03a306b39dee
 SHA512:
-  metadata.gz: 8aa4e8e29b184bcd7d9c131d0c8990abf0c95e72650e95638d97668682607162549dbad1232acf774470c5ee8908992f486004d1fd012ca19f344f813d834992
-  data.tar.gz: 0f905749c2d50d27191ae171f6337859fa1217f4f1d8b2660cf7372b4c8228f4baa15b18a53d84a2a13455e078db2b047e8c35c4730faece0465d4aedf14820b
+  metadata.gz: 7c69c3257042bec1ddee550883b3c83e3237fa472ea5890b554eba281d98ac97754b33914135cf815c3b312fb451ec394076fff1582ed8d987e882a330353123
+  data.tar.gz: b4b699721b43d7d4a239a2fda982ee26251d9d7350a55bf7f98cefae448f6ec6fa39313f84e098b75c7e9e0c1b40b9c82724755908b3f481344d747dc31dc337

data/lib/css_zero/version.rb

@@ -1,3 +1,3 @@
 module CssZero
-  VERSION = "0.0.63"
+  VERSION = "0.0.65"
 end

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/button.css

@@ -1,6 +1,10 @@
+:root {
+  --btn-background: var(--color-bg);
+}
+
 .btn {
   align-items: center;
-  background-color: var(--btn-background, var(--color-bg));
+  background-color: var(--btn-background);
   border-radius: var(--btn-radius, var(--rounded-md));
   border: 1px solid var(--btn-border-color, var(--color-border));
   color: var(--btn-color, var(--color-text));
@@ -20,9 +24,7 @@
   }
 
   &:hover {
-    --hover-color-from: var(--btn-background, var(--color-bg));
-    --hover-color: oklch(from var(--hover-color-from) calc(l * .96) c h);
-    background-color: var(--btn-hover-color, var(--hover-color));
+    background-color: var(--btn-hover-color, oklch(from var(--btn-background) calc(l * .95) c h));
   }
 
   &:focus-visible {
@@ -55,14 +57,14 @@
 .btn--positive {
   --btn-background: var(--color-positive);
   --btn-border-color: transparent;
-  --btn-color: var(--color-text-reversed);
+  --btn-color: white;
   --btn-icon-color: var(--color-filter-text-reversed);
 }
 
 .btn--negative {
   --btn-background: var(--color-negative);
   --btn-border-color: transparent;
-  --btn-color: var(--color-text-reversed);
+  --btn-color: white;
   --btn-icon-color: var(--color-filter-text-reversed);
 }
 

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/flash.css

@@ -2,7 +2,7 @@
   align-items: center;
   animation: appear-then-fade 4s 300ms both;
   backdrop-filter: var(--blur) var(--contrast-75);
-  background-color: hsl(from var(--color-text) h s l / .65);
+  background-color: rgb(from var(--color-text) r g b / .65);
   border-radius: var(--rounded-full);
   color: var(--color-text-reversed);
   display: flex;

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/prose.css

@@ -71,12 +71,13 @@
 
   code {
     padding: 0.1em 0.3em;
-    white-space: pre-wrap;
   }
 
   pre {
     border-radius: 0.5em;
+    overflow-x: auto;
     padding: 0.5lh 2ch;
+    text-wrap: nowrap;
   }
 
   pre code {
@@ -121,12 +122,12 @@
   }
 
   del {
-    background-color: hsl(from var(--color-negative) h s l / .1);
+    background-color: rgb(from var(--color-negative) r g b / .1);
     color: var(--color-negative);
   }
 
   ins {
-    background-color: hsl(from var(--color-positive) h s l / .1);
+    background-color: rgb(from var(--color-positive) r g b / .1);
     color: var(--color-positive);
   }
 
@@ -135,4 +136,9 @@
     text-decoration: underline;
     text-decoration-skip-ink: auto;
   }
+
+  mark {
+    color: var(--color-text);
+    background-color: var(--color-highlight);
+  }
 }

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/table.css

@@ -11,7 +11,7 @@
   }
 
   tr:hover {
-    background-color: hsl(from var(--color-border-light) h s l / .5);
+    background-color: rgb(from var(--color-border-light) r g b / .5);
   }
 
   th {

data/lib/generators/css_zero/add/templates/app/javascript/controllers/sortable_controller.js

@@ -14,7 +14,7 @@ export default class extends Controller {
   }
 
   #submit({ item, newIndex, to }) {
-    put(item.dataset.urlValue, { responseKind: "plain", query: { position: newIndex, parent_id: to.dataset.parentId } })
+    put(item.dataset.urlValue, { query: { position: newIndex, parent_id: to.dataset.parentId } })
   }
 
   get #options() {

data/lib/generators/css_zero/install/templates/app/assets/stylesheets/base.css

@@ -10,6 +10,7 @@
   --color-border-dark: var(--zinc-400);
   --color-selected: var(--blue-100);
   --color-selected-dark: var(--blue-300);
+  --color-highlight: var(--yellow-200);
 
   /* Accent colors */
   --color-primary: var(--zinc-900);
@@ -35,18 +36,19 @@
     --color-border-dark: var(--zinc-600);
     --color-selected: var(--blue-950);
     --color-selected-dark: var(--blue-800);
+    --color-highlight: var(--yellow-800);
 
     /* Accent colors */
     --color-primary: var(--zinc-50);
     --color-secondary: var(--zinc-800);
-    --color-negative: var(--red-400);
-    --color-positive: var(--green-400);
+    --color-negative: var(--red-900);
+    --color-positive: var(--green-900);
 
     /* SVG color values */
     --color-filter-text: invert(1);
     --color-filter-text-reversed: invert(0);
-    --color-filter-negative: invert(54%) sepia(16%) saturate(2119%) hue-rotate(313deg) brightness(111%) contrast(94%);
-    --color-filter-positive: invert(81%) sepia(23%) saturate(1237%) hue-rotate(80deg) brightness(95%) contrast(83%);
+    --color-filter-negative: invert(15%) sepia(65%) saturate(2067%) hue-rotate(339deg) brightness(102%) contrast(97%);
+    --color-filter-positive: invert(23%) sepia(62%) saturate(554%) hue-rotate(91deg) brightness(93%) contrast(91%);
   }
 }
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: css-zero
 version: !ruby/object:Gem::Version
-  version: 0.0.63
+  version: 0.0.65
 platform: ruby
 authors:
 - Lázaro Nixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-11-15 00:00:00.000000000 Z
+date: 2024-11-22 00:00:00.000000000 Z
 dependencies: []
 description:
 email: lazaronixon@hotmail.com
@@ -120,18 +120,18 @@ files:
 - lib/generators/css_zero/authentication/templates/app/views/passwords/edit.html.erb.tt
 - lib/generators/css_zero/authentication/templates/app/views/passwords/new.html.erb.tt
 - lib/generators/css_zero/authentication/templates/app/views/sessions/new.html.erb.tt
+- lib/generators/css_zero/controller/controller_generator.rb
+- lib/generators/css_zero/controller/templates/view.html.erb.tt
 - lib/generators/css_zero/install/USAGE
 - lib/generators/css_zero/install/install_generator.rb
 - lib/generators/css_zero/install/templates/app/assets/stylesheets/application.css
 - lib/generators/css_zero/install/templates/app/assets/stylesheets/base.css
 - lib/generators/css_zero/install/templates/app/views/layouts/application.html.erb
-- lib/generators/css_zero/scaffold/controller/controller_generator.rb
-- lib/generators/css_zero/scaffold/controller/templates/view.html.erb.tt
-- lib/generators/css_zero/scaffold/mailer/mailer_generator.rb
-- lib/generators/css_zero/scaffold/mailer/templates/layout.html.erb.tt
-- lib/generators/css_zero/scaffold/mailer/templates/layout.text.erb.tt
-- lib/generators/css_zero/scaffold/mailer/templates/view.html.erb.tt
-- lib/generators/css_zero/scaffold/mailer/templates/view.text.erb.tt
+- lib/generators/css_zero/mailer/mailer_generator.rb
+- lib/generators/css_zero/mailer/templates/layout.html.erb.tt
+- lib/generators/css_zero/mailer/templates/layout.text.erb.tt
+- lib/generators/css_zero/mailer/templates/view.html.erb.tt
+- lib/generators/css_zero/mailer/templates/view.text.erb.tt
 - lib/generators/css_zero/scaffold/scaffold_generator.rb
 - lib/generators/css_zero/scaffold/templates/_form.html.erb.tt
 - lib/generators/css_zero/scaffold/templates/edit.html.erb.tt