css-zero 0.0.39 → 0.0.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/zutilities.css +6 -1
- data/lib/css_zero/version.rb +1 -1
- data/lib/generators/css_zero/add/resources.yml +0 -1
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/avatar.css +10 -6
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/layouts.css +38 -6
- metadata +2 -3
- data/lib/generators/css_zero/add/templates/app/javascript/controllers/check_all_controller.js +0 -9
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 4b3d3e06335e4a698ebc061696a679ed778bb627ec9d7d7ecf860aab7e802212
|
|
4
|
+
data.tar.gz: f78370339a7f2608e198498814810f3601b5ee77556fc548edf6461a611a7e4d
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 25d4acd29c0c630f307c20e49d1650b4f54df0f5afe49cfd20016c293edbdc54e296b631fa3e66cad4b5f90adec0fd3383f9252107716bc90c9fd353cad7c736
|
|
7
|
+
data.tar.gz: d4b932c7b8114c315634fe90f52f30f6570faa360c6ef9bdeaabf2fe1432b1ea791cff439b8d97a0b2aa1ed78da940c1eb0633d698c3dfdbb3de8eea9ea88693
|
|
@@ -319,7 +319,7 @@
|
|
|
319
319
|
.pie-10 { padding-inline-end: var(--size-10); }
|
|
320
320
|
|
|
321
321
|
/****************************************************************
|
|
322
|
-
* Hiding/Showing
|
|
322
|
+
* Hiding/Showing
|
|
323
323
|
*****************************************************************/
|
|
324
324
|
.show\@sm, .show\@md, .show\@lg { display: none; }
|
|
325
325
|
|
|
@@ -331,6 +331,11 @@
|
|
|
331
331
|
.hide\@md { @media (width >= 48rem) { display: none; } }
|
|
332
332
|
.hide\@lg { @media (width >= 64rem) { display: none; } }
|
|
333
333
|
|
|
334
|
+
.hide\@pwa { @media (display-mode: standalone) { display: none; } }
|
|
335
|
+
.hide\@browser { @media (display-mode: browser) { display: none; } }
|
|
336
|
+
|
|
337
|
+
.hide\@print { @media print { display: none; } }
|
|
338
|
+
|
|
334
339
|
/****************************************************************
|
|
335
340
|
* Accessibility
|
|
336
341
|
*****************************************************************/
|
data/lib/css_zero/version.rb
CHANGED
|
@@ -41,7 +41,6 @@ hotkey:
|
|
|
41
41
|
input:
|
|
42
42
|
- app/assets/stylesheets/input.css
|
|
43
43
|
- app/assets/images/select-arrow.svg
|
|
44
|
-
- app/javascript/controllers/check_all_controller.js
|
|
45
44
|
input_concerns:
|
|
46
45
|
- app/javascript/controllers/copyable_input_controller.js
|
|
47
46
|
- app/assets/images/copy.svg
|
|
@@ -9,6 +9,16 @@
|
|
|
9
9
|
inline-size: var(--size);
|
|
10
10
|
overflow: hidden;
|
|
11
11
|
|
|
12
|
+
&:is(.btn) {
|
|
13
|
+
--btn-padding: 0;
|
|
14
|
+
--btn-icon-color: none;
|
|
15
|
+
--btn-radius: var(--radius);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
&:is(.btn):hover {
|
|
19
|
+
filter: var(--brightness-90);
|
|
20
|
+
}
|
|
21
|
+
|
|
12
22
|
img {
|
|
13
23
|
aspect-ratio: var(--aspect-square);
|
|
14
24
|
block-size: var(--size-full);
|
|
@@ -28,9 +38,3 @@
|
|
|
28
38
|
user-select: none;
|
|
29
39
|
}
|
|
30
40
|
}
|
|
31
|
-
|
|
32
|
-
.btn--avatar {
|
|
33
|
-
--btn-padding: 0;
|
|
34
|
-
--btn-icon-color: none;
|
|
35
|
-
--btn-radius: var(--radius);
|
|
36
|
-
}
|
|
@@ -4,44 +4,76 @@
|
|
|
4
4
|
grid-template-columns: var(--sidebar-width, 0) 1fr;
|
|
5
5
|
grid-template-rows: auto 1fr;
|
|
6
6
|
min-block-size: 100dvh;
|
|
7
|
+
max-block-size: 100dvh;
|
|
7
8
|
|
|
8
9
|
@media (width >= 48rem) {
|
|
10
|
+
--sidebar-border-width: var(--border);
|
|
11
|
+
--sidebar-padding: var(--size-2);
|
|
9
12
|
--sidebar-width: 220px;
|
|
10
13
|
}
|
|
11
14
|
|
|
12
15
|
@media (width >= 64rem) {
|
|
16
|
+
--sidebar-border-width: var(--border);
|
|
17
|
+
--sidebar-padding: var(--size-4);
|
|
13
18
|
--sidebar-width: 280px;
|
|
14
19
|
}
|
|
15
20
|
}
|
|
16
21
|
|
|
17
|
-
.
|
|
22
|
+
.header-layout {
|
|
18
23
|
display: grid;
|
|
19
|
-
grid-template-
|
|
24
|
+
grid-template-areas: "header" "main";
|
|
25
|
+
grid-template-rows: auto 1fr;
|
|
20
26
|
min-block-size: 100dvh;
|
|
21
27
|
}
|
|
22
28
|
|
|
23
|
-
.
|
|
29
|
+
.centered-layout {
|
|
24
30
|
display: grid;
|
|
25
31
|
place-items: center;
|
|
26
32
|
min-block-size: 100dvh;
|
|
27
33
|
}
|
|
28
34
|
|
|
29
35
|
.container {
|
|
36
|
+
inline-size: 100%;
|
|
30
37
|
margin-inline: auto;
|
|
31
38
|
max-inline-size: var(--container-width, 64rem);
|
|
32
|
-
min-block-size: 100dvh;
|
|
33
39
|
}
|
|
34
40
|
|
|
35
|
-
/* Grid areas definition */
|
|
36
|
-
|
|
37
41
|
#header {
|
|
42
|
+
align-items: center;
|
|
43
|
+
background-color: var(--color-bg);
|
|
44
|
+
border-block-end-width: var(--border);
|
|
45
|
+
block-size: var(--size-16);
|
|
46
|
+
display: flex;
|
|
47
|
+
gap: var(--size-4);
|
|
38
48
|
grid-area: header;
|
|
49
|
+
inset-block-start: 0;
|
|
50
|
+
padding-inline: var(--size-4);
|
|
51
|
+
position: sticky;
|
|
52
|
+
|
|
53
|
+
@media (width >= 64rem) {
|
|
54
|
+
padding-inline: var(--size-6);
|
|
55
|
+
}
|
|
39
56
|
}
|
|
40
57
|
|
|
41
58
|
#sidebar {
|
|
59
|
+
border-inline-end-width: var(--sidebar-border-width, 0);
|
|
60
|
+
display: flex;
|
|
61
|
+
flex-direction: column;
|
|
42
62
|
grid-area: sidebar;
|
|
63
|
+
gap: var(--size-2);
|
|
64
|
+
overflow-x: hidden;
|
|
65
|
+
padding: var(--sidebar-padding, 0);
|
|
43
66
|
}
|
|
44
67
|
|
|
45
68
|
#main {
|
|
69
|
+
display: flex;
|
|
70
|
+
flex-direction: column;
|
|
71
|
+
gap: var(--size-4);
|
|
46
72
|
grid-area: main;
|
|
73
|
+
overflow-y: auto;
|
|
74
|
+
padding: var(--size-4);
|
|
75
|
+
|
|
76
|
+
@media (width >= 64rem) {
|
|
77
|
+
gap: var(--size-6); padding: var(--size-6);
|
|
78
|
+
}
|
|
47
79
|
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: css-zero
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.0.
|
|
4
|
+
version: 0.0.40
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Lázaro Nixon
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2024-
|
|
11
|
+
date: 2024-10-01 00:00:00.000000000 Z
|
|
12
12
|
dependencies: []
|
|
13
13
|
description:
|
|
14
14
|
email: lazaronixon@hotmail.com
|
|
@@ -81,7 +81,6 @@ files:
|
|
|
81
81
|
- lib/generators/css_zero/add/templates/app/assets/stylesheets/toggle.css
|
|
82
82
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/autoselect_controller.js
|
|
83
83
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/carousel_controller.js
|
|
84
|
-
- lib/generators/css_zero/add/templates/app/javascript/controllers/check_all_controller.js
|
|
85
84
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/clearable_input_controller.js
|
|
86
85
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/collapsible_controller.js
|
|
87
86
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/command_controller.js
|