css-zero 0.0.67 → 0.0.69
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/zutilities.css +1 -1
- data/lib/css_zero/version.rb +1 -1
- data/lib/generators/css_zero/add/USAGE +1 -1
- data/lib/generators/css_zero/add/resources.yml +2 -0
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/autoanimate.css +2 -2
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/badge.css +2 -2
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/button.css +2 -2
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/group.css +23 -0
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: '092dc8d5fe0b1d2cc2ea40122f13bfffdfad7018fc13e183da1c21a936270b46'
|
|
4
|
+
data.tar.gz: 68faabd43e69681e329fa0c2f884de5b0117f9c86ef3b1dce6eba761979985d7
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: cd1e54993ab4412a67b0309de8a98e0410fd559af067c1b1d43877614312f2315c84eb8c8a766d18f00b6c4465e887aa0e1ecff5afc8647915bacdd18304fdfe
|
|
7
|
+
data.tar.gz: 838e24dcf1535a8f508b868c042ba60692b7586ad33ad635a0560a25386472e80501a4517234749256ed78d1731aed79c8aa3706ef4f34193a6a8f303d5ec46e
|
|
@@ -121,7 +121,7 @@
|
|
|
121
121
|
.border-main { border-color: var(--color-border); }
|
|
122
122
|
.border-dark { border-color: var(--color-border-dark); }
|
|
123
123
|
|
|
124
|
-
.rounded-none { border-radius:
|
|
124
|
+
.rounded-none { border-radius: 0; }
|
|
125
125
|
.rounded-sm { border-radius: var(--rounded-sm); }
|
|
126
126
|
.rounded { border-radius: var(--rounded); }
|
|
127
127
|
.rounded-md { border-radius: var(--rounded-md); }
|
data/lib/css_zero/version.rb
CHANGED
|
@@ -2,7 +2,7 @@ Description:
|
|
|
2
2
|
This will add components into your project.
|
|
3
3
|
|
|
4
4
|
Components:
|
|
5
|
-
accordion alert autoanimate autosave avatar badge breadcrumb button card carousel chart check_all combobox command collapsible datepicker dialog dropdown flash form fullscreen hotkey input input_concerns inputmask layouts lightbox local_time navigation pagination progress prose sheet skeleton sortable switch table tabs tooltip trix upload_preview toggle web_share
|
|
5
|
+
accordion alert autoanimate autosave avatar badge breadcrumb button card carousel chart check_all combobox command collapsible datepicker dialog dropdown flash form fullscreen group hotkey input input_concerns inputmask layouts lightbox local_time navigation pagination progress prose sheet skeleton sortable switch table tabs tooltip trix upload_preview toggle web_share
|
|
6
6
|
|
|
7
7
|
Example:
|
|
8
8
|
bin/rails generate css_zero:add [components...]
|
|
@@ -4,12 +4,12 @@
|
|
|
4
4
|
|
|
5
5
|
::view-transition-old(.auto-animation):only-child {
|
|
6
6
|
animation: var(--animate-fade-out) forwards;
|
|
7
|
-
animation-duration: var(--time-
|
|
7
|
+
animation-duration: var(--time-300);
|
|
8
8
|
opacity: 1;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
::view-transition-new(.auto-animation):only-child {
|
|
12
12
|
animation: var(--animate-fade-in) forwards;
|
|
13
|
-
animation-duration: var(--time-
|
|
13
|
+
animation-duration: var(--time-300);
|
|
14
14
|
opacity: 0;
|
|
15
15
|
}
|
|
@@ -24,11 +24,11 @@
|
|
|
24
24
|
.badge--positive {
|
|
25
25
|
--badge-background: var(--color-positive);
|
|
26
26
|
--badge-border-color: transparent;
|
|
27
|
-
--badge-color:
|
|
27
|
+
--badge-color: white;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
.badge--negative {
|
|
31
31
|
--badge-background: var(--color-negative);
|
|
32
32
|
--badge-border-color: transparent;
|
|
33
|
-
--badge-color:
|
|
33
|
+
--badge-color: white;
|
|
34
34
|
}
|
|
@@ -58,14 +58,14 @@
|
|
|
58
58
|
--btn-background: var(--color-positive);
|
|
59
59
|
--btn-border-color: transparent;
|
|
60
60
|
--btn-color: white;
|
|
61
|
-
--btn-icon-color:
|
|
61
|
+
--btn-icon-color: invert(1);
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
.btn--negative {
|
|
65
65
|
--btn-background: var(--color-negative);
|
|
66
66
|
--btn-border-color: transparent;
|
|
67
67
|
--btn-color: white;
|
|
68
|
-
--btn-icon-color:
|
|
68
|
+
--btn-icon-color: invert(1);
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
.btn--plain {
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
.group {
|
|
2
|
+
align-items: center;
|
|
3
|
+
display: flex;
|
|
4
|
+
|
|
5
|
+
:first-child {
|
|
6
|
+
border-end-end-radius: 0;
|
|
7
|
+
border-start-end-radius: 0;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
:last-child {
|
|
11
|
+
border-end-start-radius: 0;
|
|
12
|
+
border-start-start-radius: 0;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
:not(:first-child, :last-child) {
|
|
16
|
+
border-radius: 0;
|
|
17
|
+
margin-inline: -1px;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
> :focus-visible {
|
|
21
|
+
z-index: 1;
|
|
22
|
+
}
|
|
23
|
+
}
|
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.69
|
|
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-27 00:00:00.000000000 Z
|
|
12
12
|
dependencies: []
|
|
13
13
|
description:
|
|
14
14
|
email: lazaronixon@hotmail.com
|
|
@@ -69,6 +69,7 @@ files:
|
|
|
69
69
|
- lib/generators/css_zero/add/templates/app/assets/stylesheets/dialog.css
|
|
70
70
|
- lib/generators/css_zero/add/templates/app/assets/stylesheets/flash.css
|
|
71
71
|
- lib/generators/css_zero/add/templates/app/assets/stylesheets/flatpickr.css
|
|
72
|
+
- lib/generators/css_zero/add/templates/app/assets/stylesheets/group.css
|
|
72
73
|
- lib/generators/css_zero/add/templates/app/assets/stylesheets/input.css
|
|
73
74
|
- lib/generators/css_zero/add/templates/app/assets/stylesheets/layouts.css
|
|
74
75
|
- lib/generators/css_zero/add/templates/app/assets/stylesheets/lightbox.css
|