css-zero 0.0.39 → 0.0.40

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c1bd36382642c26e7ccfb6659948ab080b708909dd80e8168b3e7149dc2f27ab
-  data.tar.gz: cb7f89e2c79deb6b134accafbcc012928045d6f155a331cd7a11abdba45bc771
+  metadata.gz: 4b3d3e06335e4a698ebc061696a679ed778bb627ec9d7d7ecf860aab7e802212
+  data.tar.gz: f78370339a7f2608e198498814810f3601b5ee77556fc548edf6461a611a7e4d
 SHA512:
-  metadata.gz: c7b281b3c1fd86decc8cd6df0a14859c6ee2565625f933a14e0f18d9a733d8cb89a75303e7500450af83eda10f82ea9aa744c9d7284c252b3488412aabb92797
-  data.tar.gz: 73ce63baeb7fef096081772831efcdff2319262c5f59ab3bcf8ca04d8951811c8b1b8e5738f3c8e41f717186ed218cc52ab1491b231427a8a16ca58d42c1b0e0
+  metadata.gz: 25d4acd29c0c630f307c20e49d1650b4f54df0f5afe49cfd20016c293edbdc54e296b631fa3e66cad4b5f90adec0fd3383f9252107716bc90c9fd353cad7c736
+  data.tar.gz: d4b932c7b8114c315634fe90f52f30f6570faa360c6ef9bdeaabf2fe1432b1ea791cff439b8d97a0b2aa1ed78da940c1eb0633d698c3dfdbb3de8eea9ea88693

data/app/assets/stylesheets/zutilities.css

@@ -319,7 +319,7 @@
 .pie-10 { padding-inline-end: var(--size-10); }
 
 /****************************************************************
-* Hiding/Showing based on media query size
+* Hiding/Showing
 *****************************************************************/
 .show\@sm, .show\@md, .show\@lg { display: none; }
 
@@ -331,6 +331,11 @@
 .hide\@md { @media (width >= 48rem) { display: none; } }
 .hide\@lg { @media (width >= 64rem) { display: none; } }
 
+.hide\@pwa { @media (display-mode: standalone) { display: none; } }
+.hide\@browser { @media (display-mode: browser) { display: none; } }
+
+.hide\@print { @media print { display: none; } }
+
 /****************************************************************
 * Accessibility
 *****************************************************************/

data/lib/css_zero/version.rb

@@ -1,3 +1,3 @@
 module CssZero
-  VERSION = "0.0.39"
+  VERSION = "0.0.40"
 end

data/lib/generators/css_zero/add/resources.yml

@@ -41,7 +41,6 @@ hotkey:
 input:
   - app/assets/stylesheets/input.css
   - app/assets/images/select-arrow.svg
-  - app/javascript/controllers/check_all_controller.js
 input_concerns:
   - app/javascript/controllers/copyable_input_controller.js
   - app/assets/images/copy.svg

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

@@ -9,6 +9,16 @@
   inline-size: var(--size);
   overflow: hidden;
 
+  &:is(.btn) {
+    --btn-padding: 0;
+    --btn-icon-color: none;
+    --btn-radius: var(--radius);
+  }
+
+  &:is(.btn):hover {
+    filter: var(--brightness-90);
+  }
+
   img {
     aspect-ratio: var(--aspect-square);
     block-size: var(--size-full);
@@ -28,9 +38,3 @@
     user-select: none;
   }
 }
-
-.btn--avatar {
-  --btn-padding: 0;
-  --btn-icon-color: none;
-  --btn-radius: var(--radius);
-}

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

@@ -4,44 +4,76 @@
   grid-template-columns: var(--sidebar-width, 0) 1fr;
   grid-template-rows: auto 1fr;
   min-block-size: 100dvh;
+  max-block-size: 100dvh;
 
   @media (width >= 48rem) {
+    --sidebar-border-width: var(--border);
+    --sidebar-padding: var(--size-2);
     --sidebar-width: 220px;
   }
 
   @media (width >= 64rem) {
+    --sidebar-border-width: var(--border);
+    --sidebar-padding: var(--size-4);
     --sidebar-width: 280px;
   }
 }
 
-.pancake-stack {
+.header-layout {
   display: grid;
-  grid-template-rows: auto 1fr auto;
+  grid-template-areas: "header" "main";
+  grid-template-rows: auto 1fr;
   min-block-size: 100dvh;
 }
 
-.super-centered {
+.centered-layout {
   display: grid;
   place-items: center;
   min-block-size: 100dvh;
 }
 
 .container {
+  inline-size: 100%;
   margin-inline: auto;
   max-inline-size: var(--container-width, 64rem);
-  min-block-size: 100dvh;
 }
 
-/* Grid areas definition */
-
 #header {
+  align-items: center;
+  background-color: var(--color-bg);
+  border-block-end-width: var(--border);
+  block-size: var(--size-16);
+  display: flex;
+  gap: var(--size-4);
   grid-area: header;
+  inset-block-start: 0;
+  padding-inline: var(--size-4);
+  position: sticky;
+
+  @media (width >= 64rem) {
+    padding-inline: var(--size-6);
+  }
 }
 
 #sidebar {
+  border-inline-end-width: var(--sidebar-border-width, 0);
+  display: flex;
+  flex-direction: column;
   grid-area: sidebar;
+  gap: var(--size-2);
+  overflow-x: hidden;
+  padding: var(--sidebar-padding, 0);
 }
 
 #main {
+  display: flex;
+  flex-direction: column;
+  gap: var(--size-4);
   grid-area: main;
+  overflow-y: auto;
+  padding: var(--size-4);
+
+  @media (width >= 64rem) {
+    gap: var(--size-6); padding: var(--size-6);
+  }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: css-zero
 version: !ruby/object:Gem::Version
-  version: 0.0.39
+  version: 0.0.40
 platform: ruby
 authors:
 - Lázaro Nixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-09-30 00:00:00.000000000 Z
+date: 2024-10-01 00:00:00.000000000 Z
 dependencies: []
 description:
 email: lazaronixon@hotmail.com
@@ -81,7 +81,6 @@ files:
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/toggle.css
 - lib/generators/css_zero/add/templates/app/javascript/controllers/autoselect_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/carousel_controller.js
-- lib/generators/css_zero/add/templates/app/javascript/controllers/check_all_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/clearable_input_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/collapsible_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/command_controller.js

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

@@ -1,9 +0,0 @@
-import { Controller } from "@hotwired/stimulus"
-
-export default class extends Controller {
-  static targets = [ "dependent" ]
-
-  check({ target }) {
-    this.dependentTargets.forEach(element => element.checked = target.checked)
-  }
-}