@gem-sdk/styles 1.0.0 → 1.0.10
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/dist/builder.css +40 -10
- package/dist/builder.min.css +1 -1
- package/package.json +1 -1
- package/src/css/builds/builder.css +37 -10
package/dist/builder.css
CHANGED
|
@@ -6,8 +6,10 @@
|
|
|
6
6
|
position: relative;
|
|
7
7
|
width: 100%;
|
|
8
8
|
display: block;
|
|
9
|
-
height:
|
|
10
|
-
|
|
9
|
+
min-height: 60px;
|
|
10
|
+
height: 100%;
|
|
11
|
+
border: 1px dashed #9e9e9e;
|
|
12
|
+
border-radius: 3px;
|
|
11
13
|
}
|
|
12
14
|
|
|
13
15
|
.builder [data-slot='children']:hover {
|
|
@@ -63,6 +65,9 @@
|
|
|
63
65
|
left: 0px;
|
|
64
66
|
z-index: 10;
|
|
65
67
|
background: transparent;
|
|
68
|
+
visibility: hidden;
|
|
69
|
+
/* display: none; */
|
|
70
|
+
background-image: url('//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png');
|
|
66
71
|
}
|
|
67
72
|
|
|
68
73
|
#visual-content .fake-placeholder.fake-placeholder-slot {
|
|
@@ -70,11 +75,27 @@
|
|
|
70
75
|
}
|
|
71
76
|
|
|
72
77
|
#visual-content .fake-placeholder.has-section {
|
|
73
|
-
background-color: transparent !important;
|
|
78
|
+
/* background-color: transparent !important;
|
|
74
79
|
border: none !important;
|
|
75
|
-
|
|
76
80
|
background-image: url('//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png'),
|
|
77
|
-
linear-gradient(0deg, #fdb913, #fdb913);
|
|
81
|
+
linear-gradient(0deg, #fdb913, #fdb913); */
|
|
82
|
+
visibility: visible;
|
|
83
|
+
background-color: #3c67ff !important;
|
|
84
|
+
border: none !important;
|
|
85
|
+
background-image: none;
|
|
86
|
+
height: 6px;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
#visual-content .fake-placeholder.visual-placeholder-error {
|
|
90
|
+
background-color: #fee4e3 !important;
|
|
91
|
+
|
|
92
|
+
border: 1px dashed #f44336 !important;
|
|
93
|
+
border-radius: 3px;
|
|
94
|
+
visibility: visible;
|
|
95
|
+
color: #f44336 !important;
|
|
96
|
+
font-weight: 500;
|
|
97
|
+
font-size: 14px;
|
|
98
|
+
line-height: 150%;
|
|
78
99
|
}
|
|
79
100
|
|
|
80
101
|
#visual-content .fake-placeholder.visual-placeholder {
|
|
@@ -89,14 +110,23 @@
|
|
|
89
110
|
font-weight: 500;
|
|
90
111
|
font-size: 14px;
|
|
91
112
|
line-height: 150%;
|
|
113
|
+
visibility: visible;
|
|
92
114
|
}
|
|
93
115
|
|
|
94
|
-
#visual-content .fake-placeholder.visual-placeholder.visual-placeholder-error {
|
|
95
|
-
background-image: url('//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png'),
|
|
96
|
-
linear-gradient(0deg, #f44336, #f44336);
|
|
97
|
-
}
|
|
98
|
-
|
|
99
116
|
#visual-content .fake-placeholder.visual-placeholder-between-sections {
|
|
100
117
|
background-color: #3c67ff;
|
|
101
118
|
border: none;
|
|
119
|
+
background-image: none;
|
|
120
|
+
visibility: visible;
|
|
121
|
+
height: 6px;
|
|
102
122
|
}
|
|
123
|
+
|
|
124
|
+
#visual-content .fake-placeholder.not-show {
|
|
125
|
+
display: none;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
/* section:last-child {
|
|
129
|
+
[data-slot='children'] {
|
|
130
|
+
min-height: 358px;
|
|
131
|
+
}
|
|
132
|
+
} */
|
package/dist/builder.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
[data-slot=children]{display:none}.builder [data-slot=children]{
|
|
1
|
+
[data-slot=children]{display:none}.builder [data-slot=children]{border:1px dashed #9e9e9e;border-radius:3px;display:block;height:100%;min-height:60px;position:relative;width:100%}.builder [data-slot=children]:hover{background:#e5e6e8}.builder [data-slot=children]:after{-webkit-line-clamp:2;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;border:1px dashed #f44336!important;border-radius:3px;color:#f44336!important;font-size:14px;font-weight:500;line-height:150%;visibility:visible}#visual-content .fake-placeholder.visual-placeholder{align-items:center;background-color:#d8e1ff;border:1px dashed #3c67ff;border-radius:3px;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}
|
package/package.json
CHANGED
|
@@ -7,8 +7,10 @@
|
|
|
7
7
|
position: relative;
|
|
8
8
|
width: 100%;
|
|
9
9
|
display: block;
|
|
10
|
-
height:
|
|
11
|
-
|
|
10
|
+
min-height: 60px;
|
|
11
|
+
height: 100%;
|
|
12
|
+
border: 1px dashed #9e9e9e;
|
|
13
|
+
border-radius: 3px;
|
|
12
14
|
&:hover {
|
|
13
15
|
background: #e5e6e8;
|
|
14
16
|
}
|
|
@@ -59,18 +61,34 @@
|
|
|
59
61
|
left: 0px;
|
|
60
62
|
z-index: 10;
|
|
61
63
|
background: transparent;
|
|
62
|
-
|
|
64
|
+
visibility: hidden;
|
|
65
|
+
/* display: none; */
|
|
66
|
+
background-image: url('//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png');
|
|
63
67
|
&.fake-placeholder-slot {
|
|
64
68
|
background: transparent;
|
|
65
69
|
}
|
|
66
70
|
&.has-section {
|
|
67
|
-
background-color: transparent !important;
|
|
71
|
+
/* background-color: transparent !important;
|
|
68
72
|
border: none !important;
|
|
69
|
-
|
|
70
73
|
background-image: url('//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png'),
|
|
71
|
-
linear-gradient(0deg, #fdb913, #fdb913);
|
|
74
|
+
linear-gradient(0deg, #fdb913, #fdb913); */
|
|
75
|
+
visibility: visible;
|
|
76
|
+
background-color: #3c67ff !important;
|
|
77
|
+
border: none !important;
|
|
78
|
+
background-image: none;
|
|
79
|
+
height: 6px;
|
|
72
80
|
}
|
|
81
|
+
&.visual-placeholder-error {
|
|
82
|
+
background-color: #fee4e3 !important;
|
|
73
83
|
|
|
84
|
+
border: 1px dashed #f44336 !important;
|
|
85
|
+
border-radius: 3px;
|
|
86
|
+
visibility: visible;
|
|
87
|
+
color: #f44336 !important;
|
|
88
|
+
font-weight: 500;
|
|
89
|
+
font-size: 14px;
|
|
90
|
+
line-height: 150%;
|
|
91
|
+
}
|
|
74
92
|
&.visual-placeholder {
|
|
75
93
|
z-index: 20;
|
|
76
94
|
border: 1px dashed #3c67ff;
|
|
@@ -83,14 +101,23 @@
|
|
|
83
101
|
font-weight: 500;
|
|
84
102
|
font-size: 14px;
|
|
85
103
|
line-height: 150%;
|
|
86
|
-
|
|
87
|
-
background-image: url('//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png'),
|
|
88
|
-
linear-gradient(0deg, #f44336, #f44336);
|
|
89
|
-
}
|
|
104
|
+
visibility: visible;
|
|
90
105
|
}
|
|
91
106
|
&.visual-placeholder-between-sections {
|
|
92
107
|
background-color: #3c67ff;
|
|
93
108
|
border: none;
|
|
109
|
+
background-image: none;
|
|
110
|
+
visibility: visible;
|
|
111
|
+
height: 6px;
|
|
112
|
+
}
|
|
113
|
+
&.not-show {
|
|
114
|
+
display: none;
|
|
94
115
|
}
|
|
95
116
|
}
|
|
96
117
|
}
|
|
118
|
+
|
|
119
|
+
/* section:last-child {
|
|
120
|
+
[data-slot='children'] {
|
|
121
|
+
min-height: 358px;
|
|
122
|
+
}
|
|
123
|
+
} */
|