css-zero 0.0.40 → 0.0.41
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/lib/css_zero/version.rb +1 -1
- data/lib/generators/css_zero/add/resources.yml +1 -2
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/breadcrumb.css +3 -3
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/button.css +1 -1
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/carousel.css +3 -2
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/command.css +14 -0
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/dialog.css +1 -0
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/flash.css +14 -2
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/sheet.css +2 -3
- data/lib/generators/css_zero/add/templates/app/javascript/controllers/copyable_input_controller.js +1 -1
- data/lib/generators/css_zero/add/templates/app/javascript/controllers/tabs_controller.js +4 -4
- metadata +2 -3
- data/lib/generators/css_zero/add/templates/app/assets/images/maximize.svg +0 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 1a6f169a735b32dc7a7d9c1e2f4796e4dbbfd7198f0aa3fcee5540e45d91f33e
|
|
4
|
+
data.tar.gz: b3b10a68322044a44c154275e2680356b2a633ed87de0e8860387c0333df30f7
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: '08bd1158769b2a955b7a3c4508567e309ece4cb923b259b87a2963546c2f844603280e6cb16f772440b14a05de2d68ea1885e76833cac5391a401a852e341858'
|
|
7
|
+
data.tar.gz: ae28b4bab6aa03bccaa82693628e54094abe8dab787ed4a82814382a088e1fc505f922c182e0fbadc31dc5dee77be1b3c7b68e0f23d02b58e22134a966554612
|
data/lib/css_zero/version.rb
CHANGED
|
@@ -35,13 +35,13 @@ flash:
|
|
|
35
35
|
- app/javascript/controllers/element_removal_controller.js
|
|
36
36
|
fullscreen:
|
|
37
37
|
- app/javascript/controllers/fullscreen_controller.js
|
|
38
|
-
- app/assets/images/maximize.svg
|
|
39
38
|
hotkey:
|
|
40
39
|
- app/javascript/controllers/hotkey_controller.js
|
|
41
40
|
input:
|
|
42
41
|
- app/assets/stylesheets/input.css
|
|
43
42
|
- app/assets/images/select-arrow.svg
|
|
44
43
|
input_concerns:
|
|
44
|
+
- app/javascript/controllers/autoselect_controller.js
|
|
45
45
|
- app/javascript/controllers/copyable_input_controller.js
|
|
46
46
|
- app/assets/images/copy.svg
|
|
47
47
|
- app/assets/images/check.svg
|
|
@@ -50,7 +50,6 @@ input_concerns:
|
|
|
50
50
|
- app/javascript/controllers/revealable_input_controller.js
|
|
51
51
|
- app/assets/images/eye.svg
|
|
52
52
|
- app/assets/images/eye-off.svg
|
|
53
|
-
- app/javascript/controllers/autoselect_controller.js
|
|
54
53
|
layouts:
|
|
55
54
|
- app/assets/stylesheets/layouts.css
|
|
56
55
|
- app/assets/images/menu.svg
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-wrap: wrap;
|
|
6
6
|
font-size: var(--text-sm);
|
|
7
|
-
gap: var(--size-
|
|
7
|
+
gap: var(--size-1);
|
|
8
8
|
overflow-wrap: break-word;
|
|
9
9
|
|
|
10
10
|
img {
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
color: var(--color-text);
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
@media (width
|
|
19
|
-
gap: var(--size-
|
|
18
|
+
@media (width >= 40rem) {
|
|
19
|
+
gap: var(--size-2);
|
|
20
20
|
}
|
|
21
21
|
}
|
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
font-weight: var(--btn-font-weight, var(--font-medium));
|
|
11
11
|
gap: var(--size-2);
|
|
12
12
|
justify-content: var(--btn-justify-content, center);
|
|
13
|
-
white-space: nowrap;
|
|
14
13
|
padding: var(--btn-padding, 0.5rem 1rem);
|
|
15
14
|
text-align: center;
|
|
15
|
+
white-space: nowrap;
|
|
16
16
|
|
|
17
17
|
img:not([class]) {
|
|
18
18
|
filter: var(--btn-icon-color, var(--color-filter-text));
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
.carousel__content {
|
|
2
2
|
display: flex;
|
|
3
3
|
gap: var(--size-6);
|
|
4
|
+
inline-size: var(--size-full);
|
|
4
5
|
overflow: hidden;
|
|
5
6
|
padding: var(--size-1);
|
|
6
7
|
scroll-snap-type: x mandatory;
|
|
7
8
|
|
|
8
9
|
> * {
|
|
9
|
-
flex: 0 0 100
|
|
10
|
+
flex: 0 0 var(--carousel-item-size, 100%);
|
|
10
11
|
scroll-snap-stop: always;
|
|
11
|
-
scroll-snap-align:
|
|
12
|
+
scroll-snap-align: start;
|
|
12
13
|
}
|
|
13
14
|
}
|
|
@@ -10,9 +10,11 @@
|
|
|
10
10
|
--input-background: transparent;
|
|
11
11
|
--input-border-color: transparent;
|
|
12
12
|
--input-outline-size: 0;
|
|
13
|
+
--input-padding: 0.75rem 1rem;
|
|
13
14
|
}
|
|
14
15
|
|
|
15
16
|
.command__list {
|
|
17
|
+
border-block-start-width: var(--border);
|
|
16
18
|
max-block-size: 300px;
|
|
17
19
|
overflow-y: auto;
|
|
18
20
|
}
|
|
@@ -30,6 +32,13 @@
|
|
|
30
32
|
padding: var(--size-1_5) var(--size-2);
|
|
31
33
|
}
|
|
32
34
|
|
|
35
|
+
.command__empty {
|
|
36
|
+
display: none;
|
|
37
|
+
font-size: var(--text-sm);
|
|
38
|
+
justify-content: center;
|
|
39
|
+
padding-block: var(--size-6);
|
|
40
|
+
}
|
|
41
|
+
|
|
33
42
|
.command__item {
|
|
34
43
|
--btn-border-color: transparent;
|
|
35
44
|
--btn-font-weight: var(--font-normal);
|
|
@@ -51,6 +60,11 @@
|
|
|
51
60
|
.command__list--filtering {
|
|
52
61
|
.command__group { display: none; }
|
|
53
62
|
.command__group:has(.selected) { display: flex; }
|
|
63
|
+
|
|
54
64
|
.command__item { display: none; }
|
|
55
65
|
.command__item:is(.selected) { display: flex; }
|
|
66
|
+
|
|
67
|
+
&:not(:has(.command__item.selected)) {
|
|
68
|
+
.command__empty { display: flex; }
|
|
69
|
+
}
|
|
56
70
|
}
|
|
@@ -1,13 +1,25 @@
|
|
|
1
1
|
.flash {
|
|
2
|
+
align-items: center;
|
|
2
3
|
animation: appear-then-fade 4s 300ms both;
|
|
3
4
|
background-color: var(--color-text);
|
|
4
5
|
border-radius: var(--rounded-full);
|
|
5
6
|
color: var(--color-text-reversed);
|
|
6
|
-
|
|
7
|
+
display: flex;
|
|
8
|
+
gap: var(--size-2);
|
|
9
|
+
line-height: var(--leading-none);
|
|
7
10
|
margin-inline: auto;
|
|
8
|
-
|
|
11
|
+
min-block-size: var(--size-11);
|
|
12
|
+
padding: var(--size-1) var(--size-4);
|
|
9
13
|
position: fixed;
|
|
10
14
|
text-align: center;
|
|
15
|
+
|
|
16
|
+
@media (width >= 40rem) {
|
|
17
|
+
font-size: var(--text-lg);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
@media (width >= 64rem) {
|
|
21
|
+
font-size: var(--text-xl);
|
|
22
|
+
}
|
|
11
23
|
}
|
|
12
24
|
|
|
13
25
|
@keyframes appear-then-fade {
|
|
@@ -7,7 +7,6 @@
|
|
|
7
7
|
inline-size: var(--size-3-4);
|
|
8
8
|
margin-inline: var(--sheet-margin);
|
|
9
9
|
max-block-size: unset;
|
|
10
|
-
max-inline-size: var(--max-i-sm);
|
|
11
10
|
|
|
12
11
|
&::backdrop {
|
|
13
12
|
background-color: rgba(0, 0, 0, .8);
|
|
@@ -46,8 +45,8 @@
|
|
|
46
45
|
}
|
|
47
46
|
}
|
|
48
47
|
|
|
49
|
-
@media (width
|
|
50
|
-
max-inline-size:
|
|
48
|
+
@media (width >= 40rem) {
|
|
49
|
+
max-inline-size: var(--max-i-sm);
|
|
51
50
|
}
|
|
52
51
|
}
|
|
53
52
|
|
|
@@ -20,10 +20,6 @@ export default class extends Controller {
|
|
|
20
20
|
if (this.indexValue < this.#lastIndex) this.indexValue++
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
get #lastIndex() {
|
|
24
|
-
return this.tabTargets.length -1
|
|
25
|
-
}
|
|
26
|
-
|
|
27
23
|
#showSelectedTab() {
|
|
28
24
|
this.buttonTargets.forEach((element, index) => {
|
|
29
25
|
element.ariaSelected = index === this.indexValue
|
|
@@ -33,4 +29,8 @@ export default class extends Controller {
|
|
|
33
29
|
element.hidden = index !== this.indexValue
|
|
34
30
|
})
|
|
35
31
|
}
|
|
32
|
+
|
|
33
|
+
get #lastIndex() {
|
|
34
|
+
return this.tabTargets.length -1
|
|
35
|
+
}
|
|
36
36
|
}
|
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.41
|
|
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-10-
|
|
11
|
+
date: 2024-10-03 00:00:00.000000000 Z
|
|
12
12
|
dependencies: []
|
|
13
13
|
description:
|
|
14
14
|
email: lazaronixon@hotmail.com
|
|
@@ -50,7 +50,6 @@ files:
|
|
|
50
50
|
- lib/generators/css_zero/add/templates/app/assets/images/eye-off.svg
|
|
51
51
|
- lib/generators/css_zero/add/templates/app/assets/images/eye.svg
|
|
52
52
|
- lib/generators/css_zero/add/templates/app/assets/images/loader-circle.svg
|
|
53
|
-
- lib/generators/css_zero/add/templates/app/assets/images/maximize.svg
|
|
54
53
|
- lib/generators/css_zero/add/templates/app/assets/images/menu.svg
|
|
55
54
|
- lib/generators/css_zero/add/templates/app/assets/images/minus.svg
|
|
56
55
|
- lib/generators/css_zero/add/templates/app/assets/images/search.svg
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3"/><path d="M21 8V5a2 2 0 0 0-2-2h-3"/><path d="M3 16v3a2 2 0 0 0 2 2h3"/><path d="M16 21h3a2 2 0 0 0 2-2v-3"/></svg>
|