css-zero 0.0.64 → 0.0.65
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/css_zero/version.rb +1 -1
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/button.css +8 -6
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/flash.css +1 -1
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/prose.css +2 -2
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/table.css +1 -1
- data/lib/generators/css_zero/add/templates/app/javascript/controllers/sortable_controller.js +1 -1
- data/lib/generators/css_zero/install/templates/app/assets/stylesheets/base.css +4 -4
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 41b8902cee3601cc793967b7432e7ea57043e18d2da5e0ce94659b105556975b
|
|
4
|
+
data.tar.gz: acbf6878894b7a3769427df3e5a2676ce8a1cef5a675693f22af03a306b39dee
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 7c69c3257042bec1ddee550883b3c83e3237fa472ea5890b554eba281d98ac97754b33914135cf815c3b312fb451ec394076fff1582ed8d987e882a330353123
|
|
7
|
+
data.tar.gz: b4b699721b43d7d4a239a2fda982ee26251d9d7350a55bf7f98cefae448f6ec6fa39313f84e098b75c7e9e0c1b40b9c82724755908b3f481344d747dc31dc337
|
data/lib/css_zero/version.rb
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--btn-background: var(--color-bg);
|
|
3
|
+
}
|
|
4
|
+
|
|
1
5
|
.btn {
|
|
2
6
|
align-items: center;
|
|
3
|
-
background-color: var(--btn-background
|
|
7
|
+
background-color: var(--btn-background);
|
|
4
8
|
border-radius: var(--btn-radius, var(--rounded-md));
|
|
5
9
|
border: 1px solid var(--btn-border-color, var(--color-border));
|
|
6
10
|
color: var(--btn-color, var(--color-text));
|
|
@@ -20,9 +24,7 @@
|
|
|
20
24
|
}
|
|
21
25
|
|
|
22
26
|
&:hover {
|
|
23
|
-
|
|
24
|
-
--hover-color: oklch(from var(--hover-color-from) calc(l * .96) c h);
|
|
25
|
-
background-color: var(--btn-hover-color, var(--hover-color));
|
|
27
|
+
background-color: var(--btn-hover-color, oklch(from var(--btn-background) calc(l * .95) c h));
|
|
26
28
|
}
|
|
27
29
|
|
|
28
30
|
&:focus-visible {
|
|
@@ -55,14 +57,14 @@
|
|
|
55
57
|
.btn--positive {
|
|
56
58
|
--btn-background: var(--color-positive);
|
|
57
59
|
--btn-border-color: transparent;
|
|
58
|
-
--btn-color:
|
|
60
|
+
--btn-color: white;
|
|
59
61
|
--btn-icon-color: var(--color-filter-text-reversed);
|
|
60
62
|
}
|
|
61
63
|
|
|
62
64
|
.btn--negative {
|
|
63
65
|
--btn-background: var(--color-negative);
|
|
64
66
|
--btn-border-color: transparent;
|
|
65
|
-
--btn-color:
|
|
67
|
+
--btn-color: white;
|
|
66
68
|
--btn-icon-color: var(--color-filter-text-reversed);
|
|
67
69
|
}
|
|
68
70
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
align-items: center;
|
|
3
3
|
animation: appear-then-fade 4s 300ms both;
|
|
4
4
|
backdrop-filter: var(--blur) var(--contrast-75);
|
|
5
|
-
background-color:
|
|
5
|
+
background-color: rgb(from var(--color-text) r g b / .65);
|
|
6
6
|
border-radius: var(--rounded-full);
|
|
7
7
|
color: var(--color-text-reversed);
|
|
8
8
|
display: flex;
|
|
@@ -122,12 +122,12 @@
|
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
del {
|
|
125
|
-
background-color:
|
|
125
|
+
background-color: rgb(from var(--color-negative) r g b / .1);
|
|
126
126
|
color: var(--color-negative);
|
|
127
127
|
}
|
|
128
128
|
|
|
129
129
|
ins {
|
|
130
|
-
background-color:
|
|
130
|
+
background-color: rgb(from var(--color-positive) r g b / .1);
|
|
131
131
|
color: var(--color-positive);
|
|
132
132
|
}
|
|
133
133
|
|
data/lib/generators/css_zero/add/templates/app/javascript/controllers/sortable_controller.js
CHANGED
|
@@ -14,7 +14,7 @@ export default class extends Controller {
|
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
#submit({ item, newIndex, to }) {
|
|
17
|
-
put(item.dataset.urlValue, {
|
|
17
|
+
put(item.dataset.urlValue, { query: { position: newIndex, parent_id: to.dataset.parentId } })
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
get #options() {
|
|
@@ -41,14 +41,14 @@
|
|
|
41
41
|
/* Accent colors */
|
|
42
42
|
--color-primary: var(--zinc-50);
|
|
43
43
|
--color-secondary: var(--zinc-800);
|
|
44
|
-
--color-negative: var(--red-
|
|
45
|
-
--color-positive: var(--green-
|
|
44
|
+
--color-negative: var(--red-900);
|
|
45
|
+
--color-positive: var(--green-900);
|
|
46
46
|
|
|
47
47
|
/* SVG color values */
|
|
48
48
|
--color-filter-text: invert(1);
|
|
49
49
|
--color-filter-text-reversed: invert(0);
|
|
50
|
-
--color-filter-negative: invert(
|
|
51
|
-
--color-filter-positive: invert(
|
|
50
|
+
--color-filter-negative: invert(15%) sepia(65%) saturate(2067%) hue-rotate(339deg) brightness(102%) contrast(97%);
|
|
51
|
+
--color-filter-positive: invert(23%) sepia(62%) saturate(554%) hue-rotate(91deg) brightness(93%) contrast(91%);
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
|
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.65
|
|
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-
|
|
11
|
+
date: 2024-11-22 00:00:00.000000000 Z
|
|
12
12
|
dependencies: []
|
|
13
13
|
description:
|
|
14
14
|
email: lazaronixon@hotmail.com
|