Issues (18)

src/css/editor.js (4 issues)

Severity
1
import React, {StyleSheet, Dimensions, PixelRatio} from "react-native";
0 ignored issues
show
The variable React seems to be never used. Consider removing it.
Loading history...
The variable PixelRatio seems to be never used. Consider removing it.
Loading history...
2
const {width, height, scale} = Dimensions.get("window"),
3
    vw = width / 100,
4
    vh = height / 100,
5
    vmin = Math.min(vw, vh),
0 ignored issues
show
The constant vmin seems to be never used. Consider removing it.
Loading history...
6
    vmax = Math.max(vw, vh);
0 ignored issues
show
The constant vmax seems to be never used. Consider removing it.
Loading history...
7
8
export default StyleSheet.create({
9
    ":global label": {
10
        "display": "inline-block",
11
        "fontWeight": "bold",
12
        "marginBottom": 5,
13
        "maxWidth": "100%"
14
    },
15
    ":global gte_button": {
16
        "border": "1px solid #999",
17
        "borderRadius": 2,
18
        "boxShadow": "1px 1px 3px #ccc",
19
        "color": "#000 !important",
20
        "cursor": "pointer",
21
        "display": "inline-block",
22
        "fontSize": 0.88,
23
        "marginRight": 3,
24
        "paddingTop": 5,
25
        "paddingRight": 8,
26
        "paddingBottom": 5,
27
        "paddingLeft": 8,
28
        "position": "relative",
29
        "float": "left",
30
        "background": "linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%)",
31
        "filter": "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 )"
32
    },
33
    ":global gte_button:hover:not(gte_btn_disabled)": {
34
        "border": "1px solid #666",
35
        "boxShadow": "1px 1px 1px #999",
36
        "background": "linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%)",
37
        "filter": "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 )"
38
    },
39
    ":global gte_buttons_container": {
40
        "float": "left",
41
        "marginTop": 0,
42
        "marginRight": 5,
43
        "marginBottom": 0,
44
        "marginLeft": 0
45
    },
46
    ":global gte_btn_disabled": {
47
        "background": "#fff",
48
        "boxShadow": "1px 1px 1px #999",
49
        "border": "1px solid #eee",
50
        "cursor": "default",
51
        "color": "#999 !important"
52
    },
53
    ":global gte_editor_popup": {
54
        "height": "100%",
55
        "left": "50%",
56
        "marginLeft": -390,
57
        "position": "fixed",
58
        "top": -20,
59
        "width": 780,
60
        "zIndex": 111,
61
        "opacity": 0
62
    },
63
    ":global gte_popup_background": {
64
        "visibility": "hidden",
65
        "background": "rgba(0, 0, 0, 0) radial-gradient(ellipse farthest-corner at center center , rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%) repeat scroll 0 0",
66
        "height": "100%",
67
        "left": 0,
68
        "position": "fixed",
69
        "top": 0,
70
        "width": "100%",
71
        "zIndex": 110
72
    },
73
    ":global gte_popup_container": {
74
        "display": "table",
75
        "height": "100%",
76
        "width": "100%",
77
        "marginTop": "15%"
78
    },
79
    ":global gte_form_body": {
80
        "paddingTop": 50,
81
        "paddingRight": 0,
82
        "paddingBottom": 50,
83
        "paddingLeft": 0
84
    },
85
    ":global gte_form_body_content": {
86
        "overflow": "auto",
87
        "position": "relative"
88
    },
89
    ":global gte_popup_container_wrapper": {
90
        "display": "table",
91
        "height": "100%",
92
        "verticalAlign": "middle",
93
        "width": "100%"
94
    },
95
    ":global gte_form_border_box": {
96
        "border": "7px solid rgba(220, 220, 220, 0.5)",
97
        "borderRadius": 10,
98
        "boxShadow": "2px 2px 10px #555",
99
        "boxSizing": "border-box",
100
        "position": "relative"
101
    },
102
    ":global gte_form_fields": {
103
        "background": "white none repeat scroll 0 0",
104
        "border": "2px solid #444",
105
        "borderRadius": 6,
106
        "boxShadow": "0 0 5px #555",
107
        "boxSizing": "border-box"
108
    },
109
    ":global gte_editor_fields": {
110
        "border": "1px solid transparent",
111
        "clear": "both",
112
        "paddingTop": 5,
113
        "paddingRight": "20%",
114
        "paddingBottom": 5,
115
        "paddingLeft": "20%",
116
        "position": "relative"
117
    },
118
    ":global gte_form_content": {
119
        "paddingTop": 10,
120
        "paddingRight": 10,
121
        "paddingBottom": 10,
122
        "paddingLeft": 10,
123
        "position": "relative"
124
    },
125
    ":global gte_header": {
126
        "backgroundColor": "#f3f3f3",
127
        "borderBottom": "1px solid #ddd",
128
        "boxSizing": "border-box",
129
        "fontSize": 1.3,
130
        "height": 50,
131
        "paddingTop": 16,
132
        "paddingRight": 10,
133
        "paddingBottom": 2,
134
        "paddingLeft": 16,
135
        "position": "absolute",
136
        "borderTopLeftRadius": 5,
137
        "borderTopRightRadius": 5,
138
        "left": 2,
139
        "right": 2,
140
        "top": 2,
141
        "width": "auto"
142
    },
143
    ":global gte_footer": {
144
        "backgroundColor": "#f3f3f3",
145
        "borderTop": "1px solid #ddd",
146
        "boxSizing": "border-box",
147
        "height": 50,
148
        "paddingTop": 10,
149
        "paddingRight": 10,
150
        "paddingBottom": 10,
151
        "paddingLeft": 10,
152
        "position": "absolute",
153
        "borderBottomLeftRadius": 5,
154
        "borderBottomRightRadius": 5,
155
        "bottom": 2,
156
        "left": 2,
157
        "right": 2,
158
        "width": "auto"
159
    },
160
    ":global gte_form_err": {
161
        "color": "#b11f1f",
162
        "display": "none",
163
        "float": "left",
164
        "paddingTop": 5,
165
        "paddingRight": 5,
166
        "paddingBottom": 5,
167
        "paddingLeft": 5
168
    },
169
    ":global gte_form_buttons btn": {
170
        "position": "relative",
171
        "textAlign": "center",
172
        "display": "block",
173
        "marginTop": 0,
174
        "paddingTop": 5,
175
        "paddingRight": 15,
176
        "paddingBottom": 5,
177
        "paddingLeft": 15,
178
        "cursor": "pointer",
179
        "float": "right",
180
        "fontSize": 14,
181
        "textShadow": "0 1px 0 white",
182
        "border": "1px solid #999",
183
        "WebkitBorderRadius": 4,
184
        "MozBorderRadius": 4,
185
        "MsBorderRadius": 4,
186
        "OBorderRadius": 4,
187
        "borderRadius": 4,
188
        "WebkitBoxShadow": "1px 1px 3px #cccccc",
189
        "MozBoxShadow": "1px 1px 3px #cccccc",
190
        "boxShadow": "1px 1px 3px #cccccc",
191
        "backgroundColor": "#f9f9f9 100%",
192
        "backgroundImage": "linear-gradient(top, white 0%, #eeeeee 65%, #f9f9f9 100%)",
193
        "filter": "progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#f9f9f9')"
194
    },
195
    ":global gte_form_buttons btn:hover": {
196
        "backgroundColor": "#f3f3f3 100%",
197
        "backgroundImage": "linear-gradient(top, white 0%, #dedede 65%, #f3f3f3 100%)",
198
        "filter": "progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#f3f3f3')",
199
        "border": "1px solid #666",
200
        "boxShadow": "1px 1px 3px #888"
201
    },
202
    ":global gte_label": {
203
        "float": "left",
204
        "paddingTop": 6,
205
        "width": "40%"
206
    },
207
    ":global gte_label_text": {
208
        "fontWeight": "normal"
209
    },
210
    "divgte_field input[type=\"color\"]": {
211
        "paddingTop": 6,
212
        "paddingRight": 4,
213
        "paddingBottom": 6,
214
        "paddingLeft": 4,
215
        "width": "100%",
216
        "resize": "vertical"
217
    },
218
    "divgte_field input[type=\"date\"]": {
219
        "paddingTop": 6,
220
        "paddingRight": 4,
221
        "paddingBottom": 6,
222
        "paddingLeft": 4,
223
        "width": "100%",
224
        "resize": "vertical"
225
    },
226
    "divgte_field input[type=\"datetime\"]": {
227
        "paddingTop": 6,
228
        "paddingRight": 4,
229
        "paddingBottom": 6,
230
        "paddingLeft": 4,
231
        "width": "100%",
232
        "resize": "vertical"
233
    },
234
    "divgte_field input[type=\"datetime-local\"]": {
235
        "paddingTop": 6,
236
        "paddingRight": 4,
237
        "paddingBottom": 6,
238
        "paddingLeft": 4,
239
        "width": "100%",
240
        "resize": "vertical"
241
    },
242
    "divgte_field input[type=\"email\"]": {
243
        "paddingTop": 6,
244
        "paddingRight": 4,
245
        "paddingBottom": 6,
246
        "paddingLeft": 4,
247
        "width": "100%",
248
        "resize": "vertical"
249
    },
250
    "divgte_field input[type=\"month\"]": {
251
        "paddingTop": 6,
252
        "paddingRight": 4,
253
        "paddingBottom": 6,
254
        "paddingLeft": 4,
255
        "width": "100%",
256
        "resize": "vertical"
257
    },
258
    "divgte_field input[type=\"number\"]": {
259
        "paddingTop": 6,
260
        "paddingRight": 4,
261
        "paddingBottom": 6,
262
        "paddingLeft": 4,
263
        "width": "100%",
264
        "resize": "vertical"
265
    },
266
    "divgte_field input[type=\"password\"]": {
267
        "paddingTop": 6,
268
        "paddingRight": 4,
269
        "paddingBottom": 6,
270
        "paddingLeft": 4,
271
        "width": "100%",
272
        "resize": "vertical"
273
    },
274
    "divgte_field input[type=\"search\"]": {
275
        "paddingTop": 6,
276
        "paddingRight": 4,
277
        "paddingBottom": 6,
278
        "paddingLeft": 4,
279
        "width": "100%",
280
        "resize": "vertical"
281
    },
282
    "divgte_field input[type=\"tel\"]": {
283
        "paddingTop": 6,
284
        "paddingRight": 4,
285
        "paddingBottom": 6,
286
        "paddingLeft": 4,
287
        "width": "100%",
288
        "resize": "vertical"
289
    },
290
    "divgte_field input[type=\"text\"]": {
291
        "paddingTop": 6,
292
        "paddingRight": 4,
293
        "paddingBottom": 6,
294
        "paddingLeft": 4,
295
        "width": "100%",
296
        "resize": "vertical"
297
    },
298
    "divgte_field input[type=\"time\"]": {
299
        "paddingTop": 6,
300
        "paddingRight": 4,
301
        "paddingBottom": 6,
302
        "paddingLeft": 4,
303
        "width": "100%",
304
        "resize": "vertical"
305
    },
306
    "divgte_field input[type=\"url\"]": {
307
        "paddingTop": 6,
308
        "paddingRight": 4,
309
        "paddingBottom": 6,
310
        "paddingLeft": 4,
311
        "width": "100%",
312
        "resize": "vertical"
313
    },
314
    "divgte_field input[type=\"week\"]": {
315
        "paddingTop": 6,
316
        "paddingRight": 4,
317
        "paddingBottom": 6,
318
        "paddingLeft": 4,
319
        "width": "100%",
320
        "resize": "vertical"
321
    },
322
    "divgte_field textarea": {
323
        "paddingTop": 6,
324
        "paddingRight": 4,
325
        "paddingBottom": 6,
326
        "paddingLeft": 4,
327
        "width": "100%",
328
        "resize": "vertical",
329
        "backgroundColor": "white",
330
        "boxSizing": "border-box",
331
        "transition": "background-color 0.15s ease-in-out 0s",
332
        "MozBorderRadius": 3,
333
        "WebkitBorderRadius": 3,
334
        "KhtmlBorderRadius": 3,
335
        "borderRadius": 3
336
    },
337
    "divgte_field input": {
338
        "backgroundColor": "white",
339
        "boxSizing": "border-box",
340
        "transition": "background-color 0.15s ease-in-out 0s",
341
        "MozBorderRadius": 3,
342
        "WebkitBorderRadius": 3,
343
        "KhtmlBorderRadius": 3,
344
        "borderRadius": 3
345
    },
346
    ":global gte_field": {
347
        "float": "right",
348
        "width": "60%"
349
    },
350
    "gte_field input:focus": {
351
        "backgroundColor": "#ffe !important",
352
        "MozBorderRadius": 3,
353
        "WebkitBorderRadius": 3,
354
        "KhtmlBorderRadius": 3,
355
        "borderRadius": 3
356
    },
357
    "textarea:focus": {
358
        "backgroundColor": "#ffe !important",
359
        "MozBorderRadius": 3,
360
        "WebkitBorderRadius": 3,
361
        "KhtmlBorderRadius": 3,
362
        "borderRadius": 3
363
    },
364
    ":global gte_msg": {
365
        "paddingTop": 4,
366
        "paddingRight": 6,
367
        "paddingBottom": 4,
368
        "paddingLeft": 6,
369
        "textAlign": "center"
370
    },
371
    ":global fade_in": {
372
        "visibility": "visible",
373
        "opacity": 1,
374
        "transition": "opacity 0.3s linear"
375
    },
376
    ":global fade_out": {
377
        "visibility": "hidden",
378
        "opacity": 0,
379
        "transition": "visibility 0s 0.3s, opacity 0.3s linear"
380
    }
381
});