@gem-sdk/styles 1.9.10 → 1.9.13
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 +31 -2
- package/dist/builder.min.css +1 -1
- package/package.json +2 -5
- package/src/css/builds/builder.css +26 -1
- package/src/plugins/size.js +3 -3
- package/src/preset.js +0 -1
package/dist/builder.css
CHANGED
|
@@ -81,15 +81,44 @@
|
|
|
81
81
|
|
|
82
82
|
#visual-content .fake-placeholder.visual-placeholder-error {
|
|
83
83
|
background-color: #fee4e3 !important;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
#visual-content .fake-placeholder.visual-placeholder-error .limitation-error-content {
|
|
87
|
+
display: none;
|
|
88
|
+
}
|
|
84
89
|
|
|
90
|
+
#visual-content .fake-placeholder.visual-placeholder-error {
|
|
85
91
|
border: 1px dashed #f44336 !important;
|
|
86
|
-
/* border-radius: 3px; */
|
|
87
92
|
visibility: visible;
|
|
88
93
|
color: #f44336 !important;
|
|
89
94
|
font-weight: 500;
|
|
90
95
|
font-size: 14px;
|
|
91
96
|
line-height: 150%;
|
|
92
|
-
|
|
97
|
+
position: relative;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
/* border-radius: 3px; */
|
|
101
|
+
|
|
102
|
+
#visual-content .fake-placeholder.visual-placeholder-error.children-error {
|
|
103
|
+
background-color: #F44336 !important;
|
|
104
|
+
border: none !important;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
#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;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
#visual-content .fake-placeholder.visual-placeholder-error.limitation-error .limitation-error-content span {
|
|
117
|
+
margin-left: 8px;
|
|
118
|
+
font-weight: 500;
|
|
119
|
+
font-size: 14px;
|
|
120
|
+
line-height: 150%;
|
|
121
|
+
}
|
|
93
122
|
|
|
94
123
|
#visual-content .fake-placeholder.visual-placeholder {
|
|
95
124
|
z-index: 20;
|
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
|
|
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}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/styles",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.13",
|
|
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",
|
|
@@ -14,11 +14,8 @@
|
|
|
14
14
|
"scripts": {
|
|
15
15
|
"build": "gulp build"
|
|
16
16
|
},
|
|
17
|
-
"dependencies": {
|
|
18
|
-
"@tailwindcss/line-clamp": "^0.4.2"
|
|
19
|
-
},
|
|
20
17
|
"devDependencies": {
|
|
21
|
-
"cssnano": "
|
|
18
|
+
"cssnano": "6.0.0",
|
|
22
19
|
"csstype": "^3.1.1",
|
|
23
20
|
"del": "^6.0.0",
|
|
24
21
|
"gulp": "^4.0.2",
|
|
@@ -74,9 +74,12 @@
|
|
|
74
74
|
background-image: none;
|
|
75
75
|
height: 6px;
|
|
76
76
|
}
|
|
77
|
+
|
|
77
78
|
&.visual-placeholder-error {
|
|
78
79
|
background-color: #fee4e3 !important;
|
|
79
|
-
|
|
80
|
+
.limitation-error-content {
|
|
81
|
+
display: none;
|
|
82
|
+
}
|
|
80
83
|
border: 1px dashed #f44336 !important;
|
|
81
84
|
/* border-radius: 3px; */
|
|
82
85
|
visibility: visible;
|
|
@@ -84,6 +87,28 @@
|
|
|
84
87
|
font-weight: 500;
|
|
85
88
|
font-size: 14px;
|
|
86
89
|
line-height: 150%;
|
|
90
|
+
position: relative;
|
|
91
|
+
&.children-error {
|
|
92
|
+
background-color: #F44336 !important;
|
|
93
|
+
border: none !important;
|
|
94
|
+
}
|
|
95
|
+
&.limitation-error {
|
|
96
|
+
.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 {
|
|
104
|
+
margin-left: 8px;
|
|
105
|
+
font-weight: 500;
|
|
106
|
+
font-size: 14px;
|
|
107
|
+
line-height: 150%;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
}
|
|
87
112
|
}
|
|
88
113
|
&.visual-placeholder {
|
|
89
114
|
z-index: 20;
|
package/src/plugins/size.js
CHANGED
|
@@ -3,13 +3,13 @@ const plugin = require('tailwindcss/plugin');
|
|
|
3
3
|
const size = plugin(function ({ addComponents }) {
|
|
4
4
|
addComponents({
|
|
5
5
|
'.g-s-small': {
|
|
6
|
-
padding: '4px
|
|
6
|
+
padding: '4px 16px',
|
|
7
7
|
},
|
|
8
8
|
'.g-s-medium': {
|
|
9
|
-
padding: '8px
|
|
9
|
+
padding: '8px 24px',
|
|
10
10
|
},
|
|
11
11
|
'.g-s-large': {
|
|
12
|
-
padding: '12px
|
|
12
|
+
padding: '12px 32px',
|
|
13
13
|
},
|
|
14
14
|
'.g-s-tag-small': {
|
|
15
15
|
padding: '2px 8px',
|