@gem-sdk/styles 1.0.0 → 1.0.6

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 +11 -5
  2. package/dist/builder.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/css/builds/builder.css +11 -6
package/dist/builder.css CHANGED
@@ -72,11 +72,17 @@
72
72
  #visual-content .fake-placeholder.has-section {
73
73
  background-color: transparent !important;
74
74
  border: none !important;
75
-
76
75
  background-image: url('//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png'),
77
76
  linear-gradient(0deg, #fdb913, #fdb913);
78
77
  }
79
78
 
79
+ #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;
84
+ }
85
+
80
86
  #visual-content .fake-placeholder.visual-placeholder {
81
87
  z-index: 20;
82
88
  border: 1px dashed #3c67ff;
@@ -91,10 +97,10 @@
91
97
  line-height: 150%;
92
98
  }
93
99
 
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
- }
100
+ #visual-content .fake-placeholder.visual-placeholder-between-sections {
101
+ background-color: #3c67ff;
102
+ border: none;
103
+ }
98
104
 
99
105
  #visual-content .fake-placeholder.visual-placeholder-between-sections {
100
106
  background-color: #3c67ff;
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{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.visual-placeholder-error{background-image:url(//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png),linear-gradient(0deg,#f44336,#f44336)}#visual-content .fake-placeholder.visual-placeholder-between-sections{background-color:#3c67ff;border:none}
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}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/styles",
3
- "version": "1.0.0",
3
+ "version": "1.0.6",
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
@@ -66,11 +66,15 @@
66
66
  &.has-section {
67
67
  background-color: transparent !important;
68
68
  border: none !important;
69
-
70
69
  background-image: url('//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png'),
71
70
  linear-gradient(0deg, #fdb913, #fdb913);
72
71
  }
73
-
72
+ &.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;
77
+ }
74
78
  &.visual-placeholder {
75
79
  z-index: 20;
76
80
  border: 1px dashed #3c67ff;
@@ -83,10 +87,11 @@
83
87
  font-weight: 500;
84
88
  font-size: 14px;
85
89
  line-height: 150%;
86
- &.visual-placeholder-error {
87
- background-image: url('//d1um8515vdn9kb.cloudfront.net/images/background-pattern.png'),
88
- linear-gradient(0deg, #f44336, #f44336);
89
- }
90
+ }
91
+
92
+ &.visual-placeholder-between-sections {
93
+ background-color: #3c67ff;
94
+ border: none;
90
95
  }
91
96
  &.visual-placeholder-between-sections {
92
97
  background-color: #3c67ff;