css-zero 3.0.1 → 3.1.0
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 +2 -1
- data/lib/generators/css_zero/add/templates/app/assets/images/{menu.svg → panel-left.svg} +1 -1
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/icons.css +2 -2
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/input_clearable.css +1 -1
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/layouts.css +6 -0
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/separator.css +4 -4
- data/lib/generators/css_zero/add/templates/app/javascript/controllers/toggle_class_controller.js +17 -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: 22cad6388c9cea921cb6ff17c664968913b14b53f417544119a53dded1188d3a
|
|
4
|
+
data.tar.gz: c1fd19b8ac5298ff719522e9713bedd8efa9d75aea377e160aa30a190c1daa26
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 22c97f44e7ceb41bec21bfa70f4744099a88a6c0220e4294bbc3db76675c163373b39116e0589f98408bc9ae3dd8d7c64662aeca2624cfcb8c72fe611bdcbe60
|
|
7
|
+
data.tar.gz: 93de8408b61ce6215057fc06dd643708166098f7ee1806036544ed87c061ff0b2bb220c28cebd9600c1df5c5661701631c50274b6f6f6d7eb1670ad60d001c8e
|
data/lib/css_zero/version.rb
CHANGED
|
@@ -117,7 +117,8 @@ inputmask:
|
|
|
117
117
|
layouts:
|
|
118
118
|
- app/assets/stylesheets/layouts.css
|
|
119
119
|
- app/assets/stylesheets/sidebar_menu.css
|
|
120
|
-
- app/
|
|
120
|
+
- app/javascript/controllers/toggle_class_controller.js
|
|
121
|
+
- app/assets/images/panel-left.svg
|
|
121
122
|
lightbox:
|
|
122
123
|
- app/assets/stylesheets/lightbox.css
|
|
123
124
|
- app/javascript/controllers/lightbox_controller.js
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-panel-left-icon lucide-panel-left"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M9 3v18"/></svg>
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
mask-image: var(--svg);
|
|
8
8
|
mask-position: center;
|
|
9
9
|
mask-repeat: no-repeat;
|
|
10
|
-
mask-size: var(--icon-size,
|
|
10
|
+
mask-size: var(--icon-size, 1rem);
|
|
11
11
|
pointer-events: none;
|
|
12
12
|
user-select: none;
|
|
13
13
|
}
|
|
@@ -35,9 +35,9 @@ img.icon {
|
|
|
35
35
|
.icon--copy { --svg: url("copy.svg"); }
|
|
36
36
|
.icon--download { --svg: url("download.svg"); }
|
|
37
37
|
.icon--ellipsis { --svg: url("ellipsis.svg"); }
|
|
38
|
-
.icon--menu { --svg: url("menu.svg"); }
|
|
39
38
|
.icon--minus { --svg: url("minus.svg"); }
|
|
40
39
|
.icon--moon { --svg: url("moon.svg"); }
|
|
40
|
+
.icon--panel-left { --svg: url("panel-left.svg"); }
|
|
41
41
|
.icon--search { --svg: url("search.svg"); }
|
|
42
42
|
.icon--share { --svg: url("share.svg"); }
|
|
43
43
|
.icon--sun { --svg: url("sun.svg"); }
|
|
@@ -5,6 +5,12 @@
|
|
|
5
5
|
grid-template-columns: var(--sidebar-width, 0) 1fr;
|
|
6
6
|
grid-template-rows: auto 1fr;
|
|
7
7
|
|
|
8
|
+
&:is(.closed) {
|
|
9
|
+
--sidebar-border-width: 0;
|
|
10
|
+
--sidebar-padding: 0;
|
|
11
|
+
--sidebar-width: 0;
|
|
12
|
+
}
|
|
13
|
+
|
|
8
14
|
@media (width >= 48rem) {
|
|
9
15
|
--sidebar-border-width: var(--border);
|
|
10
16
|
--sidebar-padding: var(--size-2);
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
.separator {
|
|
2
|
-
background-color: var(--color-border
|
|
2
|
+
background-color: var(--sep-color, var(--color-border));
|
|
3
3
|
block-size: 1px;
|
|
4
4
|
flex-shrink: 0;
|
|
5
|
-
inline-size: var(--size-full);
|
|
5
|
+
inline-size: var(--sep-size, var(--size-full));
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.separator-vertical {
|
|
9
|
-
background-color: var(--color-border
|
|
10
|
-
block-size: var(--size-full);
|
|
9
|
+
background-color: var(--sep-color, var(--color-border));
|
|
10
|
+
block-size: var(--sep-size, var(--size-full));
|
|
11
11
|
flex-shrink: 0;
|
|
12
12
|
inline-size: 1px;
|
|
13
13
|
}
|
data/lib/generators/css_zero/add/templates/app/javascript/controllers/toggle_class_controller.js
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Controller } from "@hotwired/stimulus"
|
|
2
|
+
|
|
3
|
+
export default class extends Controller {
|
|
4
|
+
static classes = [ "toggle" ]
|
|
5
|
+
|
|
6
|
+
toggle() {
|
|
7
|
+
this.element.classList.toggle(this.toggleClass)
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
add() {
|
|
11
|
+
this.element.classList.add(this.toggleClass)
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
remove() {
|
|
15
|
+
this.element.classList.remove(this.toggleClass)
|
|
16
|
+
}
|
|
17
|
+
}
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: css-zero
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 3.0
|
|
4
|
+
version: 3.1.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Lázaro Nixon
|
|
@@ -51,9 +51,9 @@ files:
|
|
|
51
51
|
- lib/generators/css_zero/add/templates/app/assets/images/grip-horizontal-zink-500.svg
|
|
52
52
|
- lib/generators/css_zero/add/templates/app/assets/images/grip-vertical-zink-500.svg
|
|
53
53
|
- lib/generators/css_zero/add/templates/app/assets/images/loading.svg
|
|
54
|
-
- 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/moon.svg
|
|
56
|
+
- lib/generators/css_zero/add/templates/app/assets/images/panel-left.svg
|
|
57
57
|
- lib/generators/css_zero/add/templates/app/assets/images/search.svg
|
|
58
58
|
- lib/generators/css_zero/add/templates/app/assets/images/share.svg
|
|
59
59
|
- lib/generators/css_zero/add/templates/app/assets/images/sun.svg
|
|
@@ -130,6 +130,7 @@ files:
|
|
|
130
130
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/sortable_controller.js
|
|
131
131
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/tabs_controller.js
|
|
132
132
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/timezone_cookie_controller.js
|
|
133
|
+
- lib/generators/css_zero/add/templates/app/javascript/controllers/toggle_class_controller.js
|
|
133
134
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/turbo_confirm_controller.js
|
|
134
135
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
|
|
135
136
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/web_share_controller.js
|