@gem-sdk/styles 1.0.6 → 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.
Files changed (4) hide show
  1. package/dist/builder.css +35 -11
  2. package/dist/builder.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/css/builds/builder.css +35 -13
package/dist/builder.css CHANGED
@@ -6,8 +6,10 @@
6
6
  position: relative;
7
7
  width: 100%;
8
8
  display: block;
9
- height: 50px;
10
- background: #f2f3f4;
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,17 +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
80
  background-image: url('//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png'),
76
- 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;
77
87
  }
78
88
 
79
89
  #visual-content .fake-placeholder.visual-placeholder-error {
80
- background-image: url('//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png'),
81
- linear-gradient(0deg, #f44336, #f44336);
82
- background-color: transparent !important;
83
- border: none !important;
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%;
84
99
  }
85
100
 
86
101
  #visual-content .fake-placeholder.visual-placeholder {
@@ -95,14 +110,23 @@
95
110
  font-weight: 500;
96
111
  font-size: 14px;
97
112
  line-height: 150%;
113
+ visibility: visible;
98
114
  }
99
115
 
100
116
  #visual-content .fake-placeholder.visual-placeholder-between-sections {
101
117
  background-color: #3c67ff;
102
118
  border: none;
119
+ background-image: none;
120
+ visibility: visible;
121
+ height: 6px;
103
122
  }
104
123
 
105
- #visual-content .fake-placeholder.visual-placeholder-between-sections {
106
- background-color: #3c67ff;
107
- border: none;
124
+ #visual-content .fake-placeholder.not-show {
125
+ display: none;
108
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]{background:#f2f3f4;display:block;height:50px;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;left:0;position:absolute;top:0;z-index:10}#visual-content .fake-placeholder.fake-placeholder-slot{background:transparent}#visual-content .fake-placeholder.has-section{background-color:transparent!important;background-image:url(//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png),linear-gradient(0deg,#fdb913,#fdb913);border:none!important}#visual-content .fake-placeholder.visual-placeholder-error{background-color:transparent!important;background-image:url(//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png),linear-gradient(0deg,#f44336,#f44336);border:none!important}#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%;z-index:20}#visual-content .fake-placeholder.visual-placeholder-between-sections{background-color:#3c67ff;border:none}
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/styles",
3
- "version": "1.0.6",
3
+ "version": "1.0.10",
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
@@ -7,8 +7,10 @@
7
7
  position: relative;
8
8
  width: 100%;
9
9
  display: block;
10
- height: 50px;
11
- background: #f2f3f4;
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,21 +61,33 @@
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
73
  background-image: url('//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png'),
70
- 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;
71
80
  }
72
81
  &.visual-placeholder-error {
73
- background-image: url('//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png'),
74
- linear-gradient(0deg, #f44336, #f44336);
75
- background-color: transparent !important;
76
- border: none !important;
82
+ background-color: #fee4e3 !important;
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%;
77
91
  }
78
92
  &.visual-placeholder {
79
93
  z-index: 20;
@@ -87,15 +101,23 @@
87
101
  font-weight: 500;
88
102
  font-size: 14px;
89
103
  line-height: 150%;
104
+ visibility: visible;
90
105
  }
91
-
92
106
  &.visual-placeholder-between-sections {
93
107
  background-color: #3c67ff;
94
108
  border: none;
109
+ background-image: none;
110
+ visibility: visible;
111
+ height: 6px;
95
112
  }
96
- &.visual-placeholder-between-sections {
97
- background-color: #3c67ff;
98
- border: none;
113
+ &.not-show {
114
+ display: none;
99
115
  }
100
116
  }
101
117
  }
118
+
119
+ /* section:last-child {
120
+ [data-slot='children'] {
121
+ min-height: 358px;
122
+ }
123
+ } */