@gem-sdk/styles 1.9.13 → 1.9.20

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 (4) hide show
  1. package/dist/builder.css +14 -9
  2. package/dist/builder.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/css/builds/builder.css +27 -12
package/dist/builder.css CHANGED
@@ -8,6 +8,7 @@
8
8
  border: 1px dashed #9e9e9e;
9
9
  border-radius: 3px;
10
10
  }
11
+
11
12
  /* &:hover {
12
13
  background: #e5e6e8;
13
14
  } */
@@ -50,6 +51,7 @@
50
51
  height: 100%;
51
52
  top: 0;
52
53
  left: 0;
54
+ font-family: Inter, sans-serif, ui-sans-serif, system-ui;
53
55
  }
54
56
 
55
57
  #visual-content .fake-placeholder {
@@ -88,6 +90,7 @@
88
90
  }
89
91
 
90
92
  #visual-content .fake-placeholder.visual-placeholder-error {
93
+ font-family: Inter, sans-serif, ui-sans-serif, system-ui;
91
94
  border: 1px dashed #f44336 !important;
92
95
  visibility: visible;
93
96
  color: #f44336 !important;
@@ -95,6 +98,7 @@
95
98
  font-size: 14px;
96
99
  line-height: 150%;
97
100
  position: relative;
101
+ text-align: center;
98
102
  }
99
103
 
100
104
  /* border-radius: 3px; */
@@ -105,12 +109,12 @@
105
109
  }
106
110
 
107
111
  #visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content {
108
- display: flex;
109
- align-items: center;
110
- background-color: #fee4e3 !important;
111
- height: 29px;
112
- padding: 4px 8px;
113
- border-radius: 3px;
112
+ display: flex;
113
+ align-items: center;
114
+ background-color: #fee4e3 !important;
115
+ height: 29px;
116
+ padding: 4px 8px;
117
+ border-radius: 3px;
114
118
  }
115
119
 
116
120
  #visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content span {
@@ -118,7 +122,8 @@
118
122
  font-weight: 500;
119
123
  font-size: 14px;
120
124
  line-height: 150%;
121
- }
125
+
126
+ }
122
127
 
123
128
  #visual-content .fake-placeholder.visual-placeholder {
124
129
  z-index: 20;
@@ -154,7 +159,7 @@
154
159
  } */
155
160
 
156
161
  [contenteditable='true']:active,
157
- [contenteditable='true']:focus,
162
+ [contenteditable='true']:focus,
158
163
  [contenteditable='true']:focus-visible {
159
164
  outline: none;
160
- }
165
+ }
package/dist/builder.min.css CHANGED
@@ -1 +1 @@
1
- .builder [data-slot=children]{border:1px dashed #9e9e9e;border-radius:3px;display:block;height:100%;min-height:60px;min-width:112px;position:relative;width:100%}.builder [data-slot=children]:after{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#aaa;content:"Drop element here";display:-webkit-box;font-size:14px;font-weight:700;left:50%;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.builder [data-slot=children] .drag-placeholder{height:100%}.drag-placeholder{display:none;width:100%}#storefront{position:relative;z-index:20}#visual-content{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:50}#visual-content .fake-placeholder{background:transparent;background-image:url(//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png);left:0;position:absolute;top:0;visibility:hidden;z-index:10}#visual-content .fake-placeholder.fake-placeholder-slot{background:transparent}#visual-content .fake-placeholder.has-section{background-color:#3c67ff!important;background-image:none;border:none!important;height:6px;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error{background-color:#fee4e3!important}#visual-content .fake-placeholder.visual-placeholder-error .limitation-error-content{display:none}#visual-content .fake-placeholder.visual-placeholder-error{border:1px dashed #f44336!important;color:#f44336!important;font-size:14px;font-weight:500;line-height:150%;position:relative;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error.children-error{background-color:#f44336!important;border:none!important}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content{align-items:center;background-color:#fee4e3!important;border-radius:3px;display:flex;height:29px;padding:4px 8px}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content span{font-size:14px;font-weight:500;line-height:150%;margin-left:8px}#visual-content .fake-placeholder.visual-placeholder{align-items:center;background-color:#d8e1ff;border:1px dashed #3c67ff;color:#3c67ff;display:flex;font-size:14px;font-weight:500;justify-content:center;line-height:150%;visibility:visible;z-index:20}#visual-content .fake-placeholder.visual-placeholder-between-sections{background-color:#3c67ff;background-image:none;border:none;height:6px;visibility:visible}#visual-content .fake-placeholder.not-show{display:none}[contenteditable=true]:active,[contenteditable=true]:focus,[contenteditable=true]:focus-visible{outline:none}
1
+ .builder [data-slot=children]{border:1px dashed #9e9e9e;border-radius:3px;display:block;height:100%;min-height:60px;min-width:112px;position:relative;width:100%}.builder [data-slot=children]:after{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#aaa;content:"Drop element here";display:-webkit-box;font-size:14px;font-weight:700;left:50%;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.builder [data-slot=children] .drag-placeholder{height:100%}.drag-placeholder{display:none;width:100%}#storefront{position:relative;z-index:20}#visual-content{display:none;font-family:Inter,sans-serif,ui-sans-serif,system-ui;height:100%;left:0;position:absolute;top:0;width:100%;z-index:50}#visual-content .fake-placeholder{background:transparent;background-image:url(//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png);left:0;position:absolute;top:0;visibility:hidden;z-index:10}#visual-content .fake-placeholder.fake-placeholder-slot{background:transparent}#visual-content .fake-placeholder.has-section{background-color:#3c67ff!important;background-image:none;border:none!important;height:6px;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error{background-color:#fee4e3!important}#visual-content .fake-placeholder.visual-placeholder-error .limitation-error-content{display:none}#visual-content .fake-placeholder.visual-placeholder-error{border:1px dashed #f44336!important;color:#f44336!important;font-family:Inter,sans-serif,ui-sans-serif,system-ui;font-size:14px;font-weight:500;line-height:150%;position:relative;text-align:center;visibility:visible}#visual-content .fake-placeholder.visual-placeholder-error.children-error{background-color:#f44336!important;border:none!important}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content{align-items:center;background-color:#fee4e3!important;border-radius:3px;display:flex;height:29px;padding:4px 8px}#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content span{font-size:14px;font-weight:500;line-height:150%;margin-left:8px}#visual-content .fake-placeholder.visual-placeholder{align-items:center;background-color:#d8e1ff;border:1px dashed #3c67ff;color:#3c67ff;display:flex;font-size:14px;font-weight:500;justify-content:center;line-height:150%;visibility:visible;z-index:20}#visual-content .fake-placeholder.visual-placeholder-between-sections{background-color:#3c67ff;background-image:none;border:none;height:6px;visibility:visible}#visual-content .fake-placeholder.not-show{display:none}[contenteditable=true]:active,[contenteditable=true]:focus,[contenteditable=true]:focus-visible{outline:none}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/styles",
3
- "version": "1.9.13",
3
+ "version": "1.9.20",
4
4
  "description": "Largely classless, blazing fast and super light-weight. Bonsai, a base CSS framework for modern browsers",
5
5
  "license": "MIT",
6
6
  "main": "src/index.js",
package/src/css/builds/builder.css CHANGED
@@ -8,6 +8,7 @@
8
8
  height: 100%;
9
9
  border: 1px dashed #9e9e9e;
10
10
  border-radius: 3px;
11
+
11
12
  /* &:hover {
12
13
  background: #e5e6e8;
13
14
  } */
@@ -27,6 +28,7 @@
27
28
  -webkit-line-clamp: 2;
28
29
  -webkit-box-orient: vertical;
29
30
  }
31
+
30
32
  .drag-placeholder {
31
33
  height: 100%;
32
34
  }
@@ -51,6 +53,7 @@
51
53
  height: 100%;
52
54
  top: 0;
53
55
  left: 0;
56
+ font-family: Inter, sans-serif, ui-sans-serif, system-ui;
54
57
  .fake-placeholder {
55
58
  position: absolute;
56
59
  top: 0px;
@@ -60,9 +63,11 @@
60
63
  visibility: hidden;
61
64
  /* display: none; */
62
65
  background-image: url('//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png');
66
+
63
67
  &.fake-placeholder-slot {
64
68
  background: transparent;
65
69
  }
70
+
66
71
  &.has-section {
67
72
  /* background-color: transparent !important;
68
73
  border: none !important;
@@ -74,12 +79,14 @@
74
79
  background-image: none;
75
80
  height: 6px;
76
81
  }
77
-
82
+
78
83
  &.visual-placeholder-error {
79
84
  background-color: #fee4e3 !important;
85
+
80
86
  .limitation-error-content {
81
87
  display: none;
82
88
  }
89
+ font-family: Inter, sans-serif, ui-sans-serif, system-ui;
83
90
  border: 1px dashed #f44336 !important;
84
91
  /* border-radius: 3px; */
85
92
  visibility: visible;
@@ -88,28 +95,34 @@
88
95
  font-size: 14px;
89
96
  line-height: 150%;
90
97
  position: relative;
98
+ text-align: center;
99
+
91
100
  &.children-error {
92
101
  background-color: #F44336 !important;
93
102
  border: none !important;
94
103
  }
104
+
95
105
  &.limitation-error {
96
106
  .limitation-error-content {
97
- display: flex;
98
- align-items: center;
99
- background-color: #fee4e3 !important;
100
- height: 29px;
101
- padding: 4px 8px;
102
- border-radius: 3px;
103
- span {
107
+ display: flex;
108
+ align-items: center;
109
+ background-color: #fee4e3 !important;
110
+ height: 29px;
111
+ padding: 4px 8px;
112
+ border-radius: 3px;
113
+
114
+ span {
104
115
  margin-left: 8px;
105
116
  font-weight: 500;
106
117
  font-size: 14px;
107
118
  line-height: 150%;
108
- }
119
+
120
+ }
109
121
  }
110
-
122
+
111
123
  }
112
124
  }
125
+
113
126
  &.visual-placeholder {
114
127
  z-index: 20;
115
128
  border: 1px dashed #3c67ff;
@@ -124,6 +137,7 @@
124
137
  line-height: 150%;
125
138
  visibility: visible;
126
139
  }
140
+
127
141
  &.visual-placeholder-between-sections {
128
142
  background-color: #3c67ff;
129
143
  border: none;
@@ -131,6 +145,7 @@
131
145
  visibility: visible;
132
146
  height: 6px;
133
147
  }
148
+
134
149
  &.not-show {
135
150
  display: none;
136
151
  }
@@ -143,7 +158,7 @@
143
158
  }
144
159
  } */
145
160
  [contenteditable='true']:active,
146
- [contenteditable='true']:focus,
161
+ [contenteditable='true']:focus,
147
162
  [contenteditable='true']:focus-visible {
148
163
  outline: none;
149
- }
164
+ }