@pushword/js-helper 0.0.123 → 0.0.124
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.
- package/package.json +10 -9
- package/src/app.css +1 -65
- package/src/utility.css +62 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pushword/js-helper",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.124",
|
|
4
4
|
"description": "Pushword front end helpers. ",
|
|
5
5
|
"author": "Robin@PiedWeb <contact@piedweb.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -8,18 +8,19 @@
|
|
|
8
8
|
"prettier": "prettier ./src/*.{js,scss} --write"
|
|
9
9
|
},
|
|
10
10
|
"dependencies": {
|
|
11
|
-
"
|
|
12
|
-
"@tailwindcss/vite": "^4.1.16",
|
|
13
|
-
"vite-plugin-static-copy": "^3.1.4",
|
|
14
|
-
"vite-plugin-symfony": "^8.2.2",
|
|
15
|
-
"@tailwindcss/typography": "^0.5",
|
|
16
|
-
"tailwindcss-animated": "^2",
|
|
11
|
+
"140.css": "^1.0",
|
|
17
12
|
"@tailwindcss/forms": "^0.5",
|
|
18
|
-
"
|
|
13
|
+
"@tailwindcss/typography": "^0.5",
|
|
14
|
+
"@tailwindcss/vite": "^4.1",
|
|
19
15
|
"codemirror": "^6.0",
|
|
20
16
|
"core-js": "^3.38",
|
|
21
17
|
"easymde": "^2.18",
|
|
22
|
-
"glightbox": "^3.3"
|
|
18
|
+
"glightbox": "^3.3",
|
|
19
|
+
"tailwindcss-animated": "^2",
|
|
20
|
+
"vite": "^7.1.12",
|
|
21
|
+
"vite-plugin-compression2": "^2.3.1",
|
|
22
|
+
"vite-plugin-static-copy": "^3.1",
|
|
23
|
+
"vite-plugin-symfony": "^8.2"
|
|
23
24
|
},
|
|
24
25
|
"repository": {
|
|
25
26
|
"type": "git",
|
package/src/app.css
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
@import 'tailwindcss';
|
|
2
|
-
|
|
3
2
|
@import 'tailwindcss-animated';
|
|
4
|
-
|
|
5
3
|
@plugin '@tailwindcss/typography';
|
|
4
|
+
@import './utility.css'; /* node_modules/@pushword/js-helper/src/utility.css */
|
|
6
5
|
/* @plugin "@tailwindcss/forms"; */
|
|
7
6
|
|
|
8
7
|
/*
|
|
@@ -18,66 +17,3 @@ Tailwind content sources for all packages
|
|
|
18
17
|
@source "./../../core/src/Twig/**.php";
|
|
19
18
|
@source "./../../../../vendor/pushword/admin/src/templates/markdown_cheatsheet.html.twig";
|
|
20
19
|
@source "./../../admin/src/templates/markdown_cheatsheet.html.twig";
|
|
21
|
-
|
|
22
|
-
/* Tailwind v4 CSS-first configuration */
|
|
23
|
-
@theme {
|
|
24
|
-
/* Custom minHeight values */
|
|
25
|
-
--min-height-screen-1-4: 25vh;
|
|
26
|
-
--min-height-screen-3-4: 75vh;
|
|
27
|
-
--min-height-screen-1-3: 33vh;
|
|
28
|
-
--min-height-screen-2-3: 66vh;
|
|
29
|
-
--min-height-screen-1-2: 50vh;
|
|
30
|
-
|
|
31
|
-
/* Custom colors */
|
|
32
|
-
--color-primary: var(--primary);
|
|
33
|
-
--color-secondary: var(--secondary);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
/* Custom variants for first-letter */
|
|
37
|
-
@variant first-letter (&:first-letter);
|
|
38
|
-
|
|
39
|
-
/* Custom variants for first-child */
|
|
40
|
-
@variant first-child (&:first-child);
|
|
41
|
-
|
|
42
|
-
/* Custom utilities - Bleed plugin replacement */
|
|
43
|
-
@utility bleed {
|
|
44
|
-
width: 100vw;
|
|
45
|
-
margin-inline-start: 50%;
|
|
46
|
-
margin-inline-end: unset;
|
|
47
|
-
transform: translateX(-50%);
|
|
48
|
-
max-width: none;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
@utility bleed-disable {
|
|
52
|
-
width: inherit;
|
|
53
|
-
margin-inline-start: inherit;
|
|
54
|
-
margin-inline-end: inherit;
|
|
55
|
-
transform: default;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
/* Custom utilities - Justify safe center */
|
|
59
|
-
@utility justify-safe-center {
|
|
60
|
-
justify-content: safe center;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
/* Typography customization */
|
|
64
|
-
.prose a:not(.not-prose a),
|
|
65
|
-
.prose span[data-rot]:not(.not-prose span[data-rot]),
|
|
66
|
-
.prose .link:not(.not-prose .link) {
|
|
67
|
-
text-decoration: none;
|
|
68
|
-
color: var(--primary);
|
|
69
|
-
font-weight: 500;
|
|
70
|
-
border-bottom: 1px solid;
|
|
71
|
-
}
|
|
72
|
-
.prose a:hover:not(.not-prose a:hover),
|
|
73
|
-
.prose span[data-rot]:hover:not(.not-prose span[data-rot]:hover),
|
|
74
|
-
.prose .link:hover:not(.not-prose .link:hover) {
|
|
75
|
-
opacity: 0.75;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.img-stretched {
|
|
79
|
-
@apply w-screen relative left-1/2 right-1/2 mr-[-50vw] ml-[-50vw];
|
|
80
|
-
}
|
|
81
|
-
.img-background {
|
|
82
|
-
@apply px-6 sm:px-12 py-1 text-center bg-gray-200 rounded;
|
|
83
|
-
}
|
package/src/utility.css
ADDED
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
/* Tailwind v4 CSS-first configuration */
|
|
2
|
+
@theme {
|
|
3
|
+
/* Custom minHeight values */
|
|
4
|
+
--min-height-screen-1-4: 25vh;
|
|
5
|
+
--min-height-screen-3-4: 75vh;
|
|
6
|
+
--min-height-screen-1-3: 33vh;
|
|
7
|
+
--min-height-screen-2-3: 66vh;
|
|
8
|
+
--min-height-screen-1-2: 50vh;
|
|
9
|
+
|
|
10
|
+
/* Custom colors */
|
|
11
|
+
--color-primary: var(--primary);
|
|
12
|
+
--color-secondary: var(--secondary);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
/* Custom variants for first-letter */
|
|
16
|
+
@variant first-letter (&:first-letter);
|
|
17
|
+
|
|
18
|
+
/* Custom variants for first-child */
|
|
19
|
+
@variant first-child (&:first-child);
|
|
20
|
+
|
|
21
|
+
/* Custom utilities - Bleed plugin replacement */
|
|
22
|
+
@utility bleed {
|
|
23
|
+
width: 100vw;
|
|
24
|
+
margin-inline-start: 50%;
|
|
25
|
+
margin-inline-end: unset;
|
|
26
|
+
transform: translateX(-50%);
|
|
27
|
+
max-width: none;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@utility bleed-disable {
|
|
31
|
+
width: inherit;
|
|
32
|
+
margin-inline-start: inherit;
|
|
33
|
+
margin-inline-end: inherit;
|
|
34
|
+
transform: default;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
/* Custom utilities - Justify safe center */
|
|
38
|
+
@utility justify-safe-center {
|
|
39
|
+
justify-content: safe center;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
/* Typography customization */
|
|
43
|
+
.prose a:not(.not-prose a),
|
|
44
|
+
.prose span[data-rot]:not(.not-prose span[data-rot]),
|
|
45
|
+
.prose .link:not(.not-prose .link) {
|
|
46
|
+
text-decoration: none;
|
|
47
|
+
color: var(--primary);
|
|
48
|
+
font-weight: 500;
|
|
49
|
+
border-bottom: 1px solid;
|
|
50
|
+
}
|
|
51
|
+
.prose a:hover:not(.not-prose a:hover),
|
|
52
|
+
.prose span[data-rot]:hover:not(.not-prose span[data-rot]:hover),
|
|
53
|
+
.prose .link:hover:not(.not-prose .link:hover) {
|
|
54
|
+
opacity: 0.75;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.img-stretched {
|
|
58
|
+
@apply w-screen relative left-1/2 right-1/2 mr-[-50vw] ml-[-50vw];
|
|
59
|
+
}
|
|
60
|
+
.img-background {
|
|
61
|
+
@apply px-6 sm:px-12 py-1 text-center bg-gray-200 rounded;
|
|
62
|
+
}
|