@ostendis/grapesjs-preset-ostendis-adv 1.3.0 → 1.3.1

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.
Files changed (5) hide show
  1. package/README.md +118 -118
  2. package/dist/grapesjs-preset-ostendis-adv.min.js +12 -70
  3. package/dist/grapesjs-preset-ostendis-adv.min.js.map +1 -1
  4. package/package.json +1 -1
  5. package/style/tooltip.css +89 -89
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ostendis/grapesjs-preset-ostendis-adv",
3
- "version": "1.3.0",
3
+ "version": "1.3.1",
4
4
  "description": "GrapesJS preset configuration for the Ostendis editor",
5
5
  "main": "dist/grapesjs-preset-ostendis-adv.min.js",
6
6
  "files": [
package/style/tooltip.css CHANGED
@@ -1,89 +1,89 @@
1
- [data-tooltip] {
2
- position: relative;
3
- }
4
-
5
- [data-tooltip]::after {
6
- font-family: Helvetica, sans-serif;
7
- background: rgba(51, 51, 51, 0.9);
8
- background: rgba(55, 61, 73, 0.9);
9
- border-radius: 3px;
10
- bottom: 100%;
11
- color: #fff;
12
- content: attr(data-tooltip);
13
- display: block;
14
- font-size: 12px;
15
- font-weight: 400;
16
- left: 50%;
17
- line-height: normal;
18
- max-width: 32rem;
19
- opacity: 0;
20
- overflow: hidden;
21
- padding: 0.6rem 1rem;
22
- pointer-events: none;
23
- position: absolute;
24
- text-overflow: ellipsis;
25
- -webkit-transform: translate(-50%, 0);
26
- -ms-transform: translate(-50%, 0);
27
- transform: translate(-50%, 0);
28
- transition: all 0.216s ease;
29
- z-index: 99;
30
- }
31
-
32
- [data-tooltip]:focus::after,
33
- [data-tooltip]:hover::after {
34
- opacity: 1;
35
- -webkit-transform: translate(-50%, -0.5rem);
36
- -ms-transform: translate(-50%, -0.5rem);
37
- transform: translate(-50%, -0.5rem);
38
- }
39
-
40
- [data-tooltip][disabled],
41
- [data-tooltip].disabled {
42
- pointer-events: auto;
43
- }
44
-
45
- [data-tooltip-pos="right"]::after {
46
- bottom: 50%;
47
- left: 100%;
48
- -webkit-transform: translate(0, 50%);
49
- -ms-transform: translate(0, 50%);
50
- transform: translate(0, 50%);
51
- }
52
-
53
- [data-tooltip-pos="right"]:focus::after,
54
- [data-tooltip-pos="right"]:hover::after {
55
- -webkit-transform: translate(0.5rem, 50%);
56
- -ms-transform: translate(0.5rem, 50%);
57
- transform: translate(0.5rem, 50%);
58
- }
59
-
60
- [data-tooltip-pos="bottom"]::after {
61
- bottom: auto;
62
- top: 100%;
63
- -webkit-transform: translate(-50%, 0);
64
- -ms-transform: translate(-50%, 0);
65
- transform: translate(-50%, 0);
66
- }
67
-
68
- [data-tooltip-pos="bottom"]:focus::after,
69
- [data-tooltip-pos="bottom"]:hover::after {
70
- -webkit-transform: translate(-50%, 0.5rem);
71
- -ms-transform: translate(-50%, 0.5rem);
72
- transform: translate(-50%, 0.5rem);
73
- }
74
-
75
- [data-tooltip-pos="left"]::after {
76
- bottom: 50%;
77
- left: auto;
78
- right: 100%;
79
- -webkit-transform: translate(0, 50%);
80
- -ms-transform: translate(0, 50%);
81
- transform: translate(0, 50%);
82
- }
83
-
84
- [data-tooltip-pos="left"]:focus::after,
85
- [data-tooltip-pos="left"]:hover::after {
86
- -webkit-transform: translate(-0.5rem, 50%);
87
- -ms-transform: translate(-0.5rem, 50%);
88
- transform: translate(-0.5rem, 50%);
89
- }
1
+ [data-tooltip] {
2
+ position: relative;
3
+ }
4
+
5
+ [data-tooltip]::after {
6
+ font-family: Helvetica, sans-serif;
7
+ background: rgba(51, 51, 51, 0.9);
8
+ background: rgba(55, 61, 73, 0.9);
9
+ border-radius: 3px;
10
+ bottom: 100%;
11
+ color: #fff;
12
+ content: attr(data-tooltip);
13
+ display: block;
14
+ font-size: 12px;
15
+ font-weight: 400;
16
+ left: 50%;
17
+ line-height: normal;
18
+ max-width: 32rem;
19
+ opacity: 0;
20
+ overflow: hidden;
21
+ padding: 0.6rem 1rem;
22
+ pointer-events: none;
23
+ position: absolute;
24
+ text-overflow: ellipsis;
25
+ -webkit-transform: translate(-50%, 0);
26
+ -ms-transform: translate(-50%, 0);
27
+ transform: translate(-50%, 0);
28
+ transition: all 0.216s ease;
29
+ z-index: 99;
30
+ }
31
+
32
+ [data-tooltip]:focus::after,
33
+ [data-tooltip]:hover::after {
34
+ opacity: 1;
35
+ -webkit-transform: translate(-50%, -0.5rem);
36
+ -ms-transform: translate(-50%, -0.5rem);
37
+ transform: translate(-50%, -0.5rem);
38
+ }
39
+
40
+ [data-tooltip][disabled],
41
+ [data-tooltip].disabled {
42
+ pointer-events: auto;
43
+ }
44
+
45
+ [data-tooltip-pos="right"]::after {
46
+ bottom: 50%;
47
+ left: 100%;
48
+ -webkit-transform: translate(0, 50%);
49
+ -ms-transform: translate(0, 50%);
50
+ transform: translate(0, 50%);
51
+ }
52
+
53
+ [data-tooltip-pos="right"]:focus::after,
54
+ [data-tooltip-pos="right"]:hover::after {
55
+ -webkit-transform: translate(0.5rem, 50%);
56
+ -ms-transform: translate(0.5rem, 50%);
57
+ transform: translate(0.5rem, 50%);
58
+ }
59
+
60
+ [data-tooltip-pos="bottom"]::after {
61
+ bottom: auto;
62
+ top: 100%;
63
+ -webkit-transform: translate(-50%, 0);
64
+ -ms-transform: translate(-50%, 0);
65
+ transform: translate(-50%, 0);
66
+ }
67
+
68
+ [data-tooltip-pos="bottom"]:focus::after,
69
+ [data-tooltip-pos="bottom"]:hover::after {
70
+ -webkit-transform: translate(-50%, 0.5rem);
71
+ -ms-transform: translate(-50%, 0.5rem);
72
+ transform: translate(-50%, 0.5rem);
73
+ }
74
+
75
+ [data-tooltip-pos="left"]::after {
76
+ bottom: 50%;
77
+ left: auto;
78
+ right: 100%;
79
+ -webkit-transform: translate(0, 50%);
80
+ -ms-transform: translate(0, 50%);
81
+ transform: translate(0, 50%);
82
+ }
83
+
84
+ [data-tooltip-pos="left"]:focus::after,
85
+ [data-tooltip-pos="left"]:hover::after {
86
+ -webkit-transform: translate(-0.5rem, 50%);
87
+ -ms-transform: translate(-0.5rem, 50%);
88
+ transform: translate(-0.5rem, 50%);
89
+ }