unit.gl 0.0.2 → 0.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.
- package/css/icon.gl.css +286 -0
- package/css/icon.gl.css.map +1 -0
- package/css/icon.gl.min.css +2 -0
- package/css/icon.gl.min.css.map +1 -0
- package/js/icon.gl.js +3 -0
- package/js/icon.gl.min.js +1 -0
- package/package.json +30 -109
- package/{src/scss/_layer.scss → ts/index.ts} +1 -25
- package/LICENSE +0 -171
- package/README.md +0 -2
- package/dist/js/main.bundle.js +0 -1
- package/src/scss/_guide.scss +0 -194
- package/src/scss/_helper.scss +0 -107
- package/src/scss/_paper.scss +0 -414
- package/src/scss/_ratio.scss +0 -97
- package/src/scss/_reset.scss +0 -186
- package/src/scss/_scale.scss +0 -272
- package/src/scss/_unit.scss +0 -60
- package/src/scss/_unit_conversion.scss +0 -77
- package/src/scss/_unit_functions.scss +0 -104
- package/src/scss/_view.scss +0 -117
- package/src/scss/display/_device.scss +0 -106
- package/src/scss/display/_display_orientation.scss +0 -93
- package/src/scss/index.scss +0 -51
- package/src/scss/math/_math_arithmetic.scss +0 -64
- package/src/scss/math/_math_ratio.scss +0 -172
- package/src/scss/math/_math_scale.scss +0 -58
- package/src/scss/math/_math_sequence.scss +0 -278
- package/src/ts/index.ts +0 -0
package/css/icon.gl.css
ADDED
|
@@ -0,0 +1,286 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* unit.gl
|
|
3
|
+
*
|
|
4
|
+
* @description Unit System
|
|
5
|
+
* @author Scape Agency (https://www.scape.agency)
|
|
6
|
+
* @version v1.0.0
|
|
7
|
+
* @copyright 2020-2024 Scape Agency (https://www.scape.agency)
|
|
8
|
+
* @website https://www.unit.gl/
|
|
9
|
+
* @repository https://github.com/scape-agency/unit.gl/
|
|
10
|
+
* @license Apache 2.0 License (https://github.com/scape-agency/unit.gl/blob/main/LICENSE)
|
|
11
|
+
*/
|
|
12
|
+
*,
|
|
13
|
+
a,
|
|
14
|
+
abbr,
|
|
15
|
+
acronym,
|
|
16
|
+
address,
|
|
17
|
+
applet,
|
|
18
|
+
area,
|
|
19
|
+
article,
|
|
20
|
+
aside,
|
|
21
|
+
audio,
|
|
22
|
+
b,
|
|
23
|
+
base,
|
|
24
|
+
basefont,
|
|
25
|
+
bb,
|
|
26
|
+
bdo,
|
|
27
|
+
big,
|
|
28
|
+
blockquote,
|
|
29
|
+
body,
|
|
30
|
+
br,
|
|
31
|
+
button,
|
|
32
|
+
canvas,
|
|
33
|
+
caption,
|
|
34
|
+
center,
|
|
35
|
+
cite,
|
|
36
|
+
code,
|
|
37
|
+
col,
|
|
38
|
+
colgroup,
|
|
39
|
+
command,
|
|
40
|
+
datalist,
|
|
41
|
+
dd,
|
|
42
|
+
del,
|
|
43
|
+
details,
|
|
44
|
+
dfn,
|
|
45
|
+
dialog,
|
|
46
|
+
dir,
|
|
47
|
+
div,
|
|
48
|
+
dl,
|
|
49
|
+
dt,
|
|
50
|
+
em,
|
|
51
|
+
embed,
|
|
52
|
+
eventsource,
|
|
53
|
+
fieldset,
|
|
54
|
+
figcaption,
|
|
55
|
+
figure,
|
|
56
|
+
font,
|
|
57
|
+
footer,
|
|
58
|
+
form,
|
|
59
|
+
frame,
|
|
60
|
+
frameset,
|
|
61
|
+
h1,
|
|
62
|
+
h2,
|
|
63
|
+
h3,
|
|
64
|
+
h4,
|
|
65
|
+
h5,
|
|
66
|
+
h6,
|
|
67
|
+
head,
|
|
68
|
+
header,
|
|
69
|
+
hgroup,
|
|
70
|
+
hr,
|
|
71
|
+
html,
|
|
72
|
+
i,
|
|
73
|
+
iframe,
|
|
74
|
+
img,
|
|
75
|
+
input,
|
|
76
|
+
ins,
|
|
77
|
+
isindex,
|
|
78
|
+
kbd,
|
|
79
|
+
keygen,
|
|
80
|
+
label,
|
|
81
|
+
legend,
|
|
82
|
+
li,
|
|
83
|
+
link,
|
|
84
|
+
map,
|
|
85
|
+
mark,
|
|
86
|
+
menu,
|
|
87
|
+
meta,
|
|
88
|
+
meter,
|
|
89
|
+
nav,
|
|
90
|
+
noframes,
|
|
91
|
+
noscript,
|
|
92
|
+
object,
|
|
93
|
+
ol,
|
|
94
|
+
optgroup,
|
|
95
|
+
option,
|
|
96
|
+
output,
|
|
97
|
+
p,
|
|
98
|
+
param,
|
|
99
|
+
pre,
|
|
100
|
+
progress,
|
|
101
|
+
q,
|
|
102
|
+
rp,
|
|
103
|
+
rt,
|
|
104
|
+
ruby,
|
|
105
|
+
s,
|
|
106
|
+
samp,
|
|
107
|
+
script,
|
|
108
|
+
section,
|
|
109
|
+
select,
|
|
110
|
+
small,
|
|
111
|
+
source,
|
|
112
|
+
span,
|
|
113
|
+
strike,
|
|
114
|
+
strong,
|
|
115
|
+
style,
|
|
116
|
+
sub,
|
|
117
|
+
sup,
|
|
118
|
+
table,
|
|
119
|
+
tbody,
|
|
120
|
+
td,
|
|
121
|
+
textarea,
|
|
122
|
+
tfoot,
|
|
123
|
+
th,
|
|
124
|
+
thead,
|
|
125
|
+
time,
|
|
126
|
+
title,
|
|
127
|
+
tr,
|
|
128
|
+
track,
|
|
129
|
+
tt,
|
|
130
|
+
u,
|
|
131
|
+
ul,
|
|
132
|
+
var,
|
|
133
|
+
video,
|
|
134
|
+
wbr {
|
|
135
|
+
margin: 0;
|
|
136
|
+
-webkit-margin-before: 0;
|
|
137
|
+
margin-block-start: 0;
|
|
138
|
+
-webkit-margin-after: 0;
|
|
139
|
+
margin-block-end: 0;
|
|
140
|
+
-webkit-margin-start: 0;
|
|
141
|
+
margin-inline-start: 0;
|
|
142
|
+
-webkit-margin-end: 0;
|
|
143
|
+
margin-inline-end: 0;
|
|
144
|
+
padding: 0;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.paper.ansi_a {
|
|
148
|
+
width: 8.5in;
|
|
149
|
+
height: 11in;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.paper.q0 {
|
|
153
|
+
width: 720mm;
|
|
154
|
+
height: 1080mm;
|
|
155
|
+
}
|
|
156
|
+
.paper.q1 {
|
|
157
|
+
width: 540mm;
|
|
158
|
+
height: 720mm;
|
|
159
|
+
}
|
|
160
|
+
.paper.q2 {
|
|
161
|
+
width: 360mm;
|
|
162
|
+
height: 540mm;
|
|
163
|
+
}
|
|
164
|
+
.paper.q3 {
|
|
165
|
+
width: 270mm;
|
|
166
|
+
height: 360mm;
|
|
167
|
+
}
|
|
168
|
+
.paper.q4 {
|
|
169
|
+
width: 180mm;
|
|
170
|
+
height: 270mm;
|
|
171
|
+
}
|
|
172
|
+
.paper.q5 {
|
|
173
|
+
width: 135mm;
|
|
174
|
+
height: 180mm;
|
|
175
|
+
}
|
|
176
|
+
.paper.q6 {
|
|
177
|
+
width: 90mm;
|
|
178
|
+
height: 135mm;
|
|
179
|
+
}
|
|
180
|
+
.paper.q7 {
|
|
181
|
+
width: 62.5mm;
|
|
182
|
+
height: 90mm;
|
|
183
|
+
}
|
|
184
|
+
.paper.q8 {
|
|
185
|
+
width: 45mm;
|
|
186
|
+
height: 62.5mm;
|
|
187
|
+
}
|
|
188
|
+
.paper.q9 {
|
|
189
|
+
width: 31.25mm;
|
|
190
|
+
height: 45mm;
|
|
191
|
+
}
|
|
192
|
+
.paper.q10 {
|
|
193
|
+
width: 22.5mm;
|
|
194
|
+
height: 31.25mm;
|
|
195
|
+
}
|
|
196
|
+
.paper.iso_a0 {
|
|
197
|
+
width: 841mm;
|
|
198
|
+
height: 1189mm;
|
|
199
|
+
}
|
|
200
|
+
.paper.iso_a1 {
|
|
201
|
+
width: 594mm;
|
|
202
|
+
height: 841mm;
|
|
203
|
+
}
|
|
204
|
+
.paper.iso_a2 {
|
|
205
|
+
width: 420mm;
|
|
206
|
+
height: 594mm;
|
|
207
|
+
}
|
|
208
|
+
.paper.iso_a3 {
|
|
209
|
+
width: 297mm;
|
|
210
|
+
height: 420mm;
|
|
211
|
+
}
|
|
212
|
+
.paper.iso_a4 {
|
|
213
|
+
width: 210mm;
|
|
214
|
+
height: 297mm;
|
|
215
|
+
}
|
|
216
|
+
.paper.iso_a5 {
|
|
217
|
+
width: 148mm;
|
|
218
|
+
height: 210mm;
|
|
219
|
+
}
|
|
220
|
+
.paper.iso_a6 {
|
|
221
|
+
width: 105mm;
|
|
222
|
+
height: 148mm;
|
|
223
|
+
}
|
|
224
|
+
.paper.iso_a7 {
|
|
225
|
+
width: 74mm;
|
|
226
|
+
height: 105mm;
|
|
227
|
+
}
|
|
228
|
+
.paper.iso_a8 {
|
|
229
|
+
width: 52mm;
|
|
230
|
+
height: 74mm;
|
|
231
|
+
}
|
|
232
|
+
.paper.iso_a9 {
|
|
233
|
+
width: 37mm;
|
|
234
|
+
height: 52mm;
|
|
235
|
+
}
|
|
236
|
+
.paper.iso_a10 {
|
|
237
|
+
width: 26mm;
|
|
238
|
+
height: 37mm;
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
:root {
|
|
242
|
+
--q: $q;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
html {
|
|
246
|
+
font-size: calc(4 * clamp(0.75px, 0.75px + calc((1.5 - 0.75) / (1440 - 320)) * (100vw - 320px), 1.5px) * 4);
|
|
247
|
+
line-height: calc(6 * clamp(0.75px, 0.75px + calc((1.5 - 0.75) / (1440 - 320)) * (100vw - 320px), 1.5px) * 4);
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
.guide {
|
|
251
|
+
position: absolute;
|
|
252
|
+
top: 0;
|
|
253
|
+
left: 0;
|
|
254
|
+
width: 100%;
|
|
255
|
+
height: 100%;
|
|
256
|
+
margin: 0;
|
|
257
|
+
pointer-events: none;
|
|
258
|
+
z-index: 9999;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
.guide_graph {
|
|
262
|
+
position: absolute;
|
|
263
|
+
top: 0;
|
|
264
|
+
left: 0;
|
|
265
|
+
width: 100%;
|
|
266
|
+
height: 100%;
|
|
267
|
+
margin: 0;
|
|
268
|
+
pointer-events: none;
|
|
269
|
+
z-index: 9999;
|
|
270
|
+
background-size: calc(clamp(0.75px, 0.75px + calc((1.5 - 0.75) / (1440 - 320)) * (100vw - 320px), 1.5px) * 4) calc(clamp(0.75px, 0.75px + calc((1.5 - 0.75) / (1440 - 320)) * (100vw - 320px), 1.5px) * 4);
|
|
271
|
+
background-image: repeating-linear-gradient(to bottom, rgba(50, 50, 50, 0.25) 0 1px, transparent 1px 100%), repeating-linear-gradient(to right, rgba(50, 50, 50, 0.25) 0 1px, transparent 1px 100%);
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
.guide_baseline {
|
|
275
|
+
position: absolute;
|
|
276
|
+
top: 0;
|
|
277
|
+
left: 0;
|
|
278
|
+
width: 100%;
|
|
279
|
+
height: 100%;
|
|
280
|
+
margin: 0;
|
|
281
|
+
pointer-events: none;
|
|
282
|
+
z-index: 9999;
|
|
283
|
+
background-size: 100% calc(6 * clamp(0.75px, 0.75px + calc((1.5 - 0.75) / (1440 - 320)) * (100vw - 320px), 1.5px) * 4);
|
|
284
|
+
background-image: repeating-linear-gradient(to bottom, cyan 0 1px, transparent 1px 100%);
|
|
285
|
+
}
|
|
286
|
+
/*# sourceMappingURL=to.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["%3Cinput%20css%20vek-wb%3E"],"names":[],"mappings":"AAAA;;;;;;;;;;CAUC;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2HE,SAAS;EACT,wBAAqB;UAArB,qBAAqB;EACrB,uBAAmB;UAAnB,mBAAmB;EACnB,uBAAsB;UAAtB,sBAAsB;EACtB,qBAAoB;UAApB,oBAAoB;EACpB,UAAU;AACZ;;AAEA;EACE,YAAY;EACZ,YAAY;AACd;;AAEA;EACE,YAAY;EACZ,cAAc;AAChB;AACA;EACE,YAAY;EACZ,aAAa;AACf;AACA;EACE,YAAY;EACZ,aAAa;AACf;AACA;EACE,YAAY;EACZ,aAAa;AACf;AACA;EACE,YAAY;EACZ,aAAa;AACf;AACA;EACE,YAAY;EACZ,aAAa;AACf;AACA;EACE,WAAW;EACX,aAAa;AACf;AACA;EACE,aAAa;EACb,YAAY;AACd;AACA;EACE,WAAW;EACX,cAAc;AAChB;AACA;EACE,cAAc;EACd,YAAY;AACd;AACA;EACE,aAAa;EACb,eAAe;AACjB;AACA;EACE,YAAY;EACZ,cAAc;AAChB;AACA;EACE,YAAY;EACZ,aAAa;AACf;AACA;EACE,YAAY;EACZ,aAAa;AACf;AACA;EACE,YAAY;EACZ,aAAa;AACf;AACA;EACE,YAAY;EACZ,aAAa;AACf;AACA;EACE,YAAY;EACZ,aAAa;AACf;AACA;EACE,YAAY;EACZ,aAAa;AACf;AACA;EACE,WAAW;EACX,aAAa;AACf;AACA;EACE,WAAW;EACX,YAAY;AACd;AACA;EACE,WAAW;EACX,YAAY;AACd;AACA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,OAAO;AACT;;AAEA;EACE,2GAA2G;EAC3G,6GAA6G;AAC/G;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,SAAS;EACT,oBAAoB;EACpB,aAAa;AACf;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,SAAS;EACT,oBAAoB;EACpB,aAAa;EACb,0MAA0M;EAC1M,mMAAmM;AACrM;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,SAAS;EACT,oBAAoB;EACpB,aAAa;EACb,sHAAsH;EACtH,wFAAwF;AAC1F","file":"to.css","sourcesContent":["/**\n* unit.gl\n*\n* @description Unit System\n* @author Scape Agency (https://www.scape.agency)\n* @version v1.0.0\n* @copyright 2020-2024 Scape Agency (https://www.scape.agency)\n* @website https://www.unit.gl/\n* @repository https://github.com/scape-agency/unit.gl/\n* @license Apache 2.0 License (https://github.com/scape-agency/unit.gl/blob/main/LICENSE)\n*/\n*,\na,\nabbr,\nacronym,\naddress,\napplet,\narea,\narticle,\naside,\naudio,\nb,\nbase,\nbasefont,\nbb,\nbdo,\nbig,\nblockquote,\nbody,\nbr,\nbutton,\ncanvas,\ncaption,\ncenter,\ncite,\ncode,\ncol,\ncolgroup,\ncommand,\ndatalist,\ndd,\ndel,\ndetails,\ndfn,\ndialog,\ndir,\ndiv,\ndl,\ndt,\nem,\nembed,\neventsource,\nfieldset,\nfigcaption,\nfigure,\nfont,\nfooter,\nform,\nframe,\nframeset,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhead,\nheader,\nhgroup,\nhr,\nhtml,\ni,\niframe,\nimg,\ninput,\nins,\nisindex,\nkbd,\nkeygen,\nlabel,\nlegend,\nli,\nlink,\nmap,\nmark,\nmenu,\nmeta,\nmeter,\nnav,\nnoframes,\nnoscript,\nobject,\nol,\noptgroup,\noption,\noutput,\np,\nparam,\npre,\nprogress,\nq,\nrp,\nrt,\nruby,\ns,\nsamp,\nscript,\nsection,\nselect,\nsmall,\nsource,\nspan,\nstrike,\nstrong,\nstyle,\nsub,\nsup,\ntable,\ntbody,\ntd,\ntextarea,\ntfoot,\nth,\nthead,\ntime,\ntitle,\ntr,\ntrack,\ntt,\nu,\nul,\nvar,\nvideo,\nwbr {\n margin: 0;\n margin-block-start: 0;\n margin-block-end: 0;\n margin-inline-start: 0;\n margin-inline-end: 0;\n padding: 0;\n}\n\n.paper.ansi_a {\n width: 8.5in;\n height: 11in;\n}\n\n.paper.q0 {\n width: 720mm;\n height: 1080mm;\n}\n.paper.q1 {\n width: 540mm;\n height: 720mm;\n}\n.paper.q2 {\n width: 360mm;\n height: 540mm;\n}\n.paper.q3 {\n width: 270mm;\n height: 360mm;\n}\n.paper.q4 {\n width: 180mm;\n height: 270mm;\n}\n.paper.q5 {\n width: 135mm;\n height: 180mm;\n}\n.paper.q6 {\n width: 90mm;\n height: 135mm;\n}\n.paper.q7 {\n width: 62.5mm;\n height: 90mm;\n}\n.paper.q8 {\n width: 45mm;\n height: 62.5mm;\n}\n.paper.q9 {\n width: 31.25mm;\n height: 45mm;\n}\n.paper.q10 {\n width: 22.5mm;\n height: 31.25mm;\n}\n.paper.iso_a0 {\n width: 841mm;\n height: 1189mm;\n}\n.paper.iso_a1 {\n width: 594mm;\n height: 841mm;\n}\n.paper.iso_a2 {\n width: 420mm;\n height: 594mm;\n}\n.paper.iso_a3 {\n width: 297mm;\n height: 420mm;\n}\n.paper.iso_a4 {\n width: 210mm;\n height: 297mm;\n}\n.paper.iso_a5 {\n width: 148mm;\n height: 210mm;\n}\n.paper.iso_a6 {\n width: 105mm;\n height: 148mm;\n}\n.paper.iso_a7 {\n width: 74mm;\n height: 105mm;\n}\n.paper.iso_a8 {\n width: 52mm;\n height: 74mm;\n}\n.paper.iso_a9 {\n width: 37mm;\n height: 52mm;\n}\n.paper.iso_a10 {\n width: 26mm;\n height: 37mm;\n}\n\n:root {\n --q: $q;\n}\n\nhtml {\n font-size: calc(4 * clamp(0.75px, 0.75px + calc((1.5 - 0.75) / (1440 - 320)) * (100vw - 320px), 1.5px) * 4);\n line-height: calc(6 * clamp(0.75px, 0.75px + calc((1.5 - 0.75) / (1440 - 320)) * (100vw - 320px), 1.5px) * 4);\n}\n\n.guide {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n pointer-events: none;\n z-index: 9999;\n}\n\n.guide_graph {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n pointer-events: none;\n z-index: 9999;\n background-size: calc(clamp(0.75px, 0.75px + calc((1.5 - 0.75) / (1440 - 320)) * (100vw - 320px), 1.5px) * 4) calc(clamp(0.75px, 0.75px + calc((1.5 - 0.75) / (1440 - 320)) * (100vw - 320px), 1.5px) * 4);\n background-image: repeating-linear-gradient(to bottom, rgba(50, 50, 50, 0.25) 0 1px, transparent 1px 100%), repeating-linear-gradient(to right, rgba(50, 50, 50, 0.25) 0 1px, transparent 1px 100%);\n}\n\n.guide_baseline {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n pointer-events: none;\n z-index: 9999;\n background-size: 100% calc(6 * clamp(0.75px, 0.75px + calc((1.5 - 0.75) / (1440 - 320)) * (100vw - 320px), 1.5px) * 4);\n background-image: repeating-linear-gradient(to bottom, cyan 0 1px, transparent 1px 100%);\n}"]}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
*,a,abbr,acronym,address,applet,area,article,aside,audio,b,base,basefont,bb,bdo,big,blockquote,body,br,button,canvas,caption,center,cite,code,col,colgroup,command,datalist,dd,del,details,dfn,dialog,dir,div,dl,dt,em,embed,eventsource,fieldset,figcaption,figure,font,footer,form,frame,frameset,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,i,iframe,img,input,ins,isindex,kbd,keygen,label,legend,li,link,map,mark,menu,meta,meter,nav,noframes,noscript,object,ol,optgroup,option,output,p,param,pre,progress,q,rp,rt,ruby,s,samp,script,section,select,small,source,span,strike,strong,style,sub,sup,table,tbody,td,textarea,tfoot,th,thead,time,title,tr,track,tt,u,ul,var,video,wbr{margin:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;padding:0}.paper.ansi_a{height:11in;width:8.5in}.paper.q0{height:1080mm;width:720mm}.paper.q1{height:720mm;width:540mm}.paper.q2{height:540mm;width:360mm}.paper.q3{height:360mm;width:270mm}.paper.q4{height:270mm;width:180mm}.paper.q5{height:180mm;width:135mm}.paper.q6{height:135mm;width:90mm}.paper.q7{height:90mm;width:62.5mm}.paper.q8{height:62.5mm;width:45mm}.paper.q9{height:45mm;width:31.25mm}.paper.q10{height:31.25mm;width:22.5mm}.paper.iso_a0{height:1189mm;width:841mm}.paper.iso_a1{height:841mm;width:594mm}.paper.iso_a2{height:594mm;width:420mm}.paper.iso_a3{height:420mm;width:297mm}.paper.iso_a4{height:297mm;width:210mm}.paper.iso_a5{height:210mm;width:148mm}.paper.iso_a6{height:148mm;width:105mm}.paper.iso_a7{height:105mm;width:74mm}.paper.iso_a8{height:74mm;width:52mm}.paper.iso_a9{height:52mm;width:37mm}.paper.iso_a10{height:37mm;width:26mm}:root{--q:$q}html{font-size:calc(4*clamp(.75px,.75px + calc((1.5 - .75) / (1440 - 320))*(100vw - 320px),1.5px)*4);line-height:calc(6*clamp(.75px,.75px + calc((1.5 - .75) / (1440 - 320))*(100vw - 320px),1.5px)*4)}.guide,.guide_graph{height:100%;left:0;margin:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:9999}.guide_graph{background-image:repeating-linear-gradient(180deg,rgba(50,50,50,.25) 0 1px,transparent 1px 100%),repeating-linear-gradient(90deg,rgba(50,50,50,.25) 0 1px,transparent 1px 100%);background-size:calc(clamp(.75px,.75px + calc((1.5 - .75) / (1440 - 320))*(100vw - 320px),1.5px)*4) calc(clamp(.75px,.75px + calc((1.5 - .75) / (1440 - 320))*(100vw - 320px),1.5px)*4)}.guide_baseline{background-image:repeating-linear-gradient(180deg,cyan 0 1px,transparent 1px 100%);background-size:100% calc(6*clamp(.75px,.75px + calc((1.5 - .75) / (1440 - 320))*(100vw - 320px),1.5px)*4);height:100%;left:0;margin:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:9999}
|
|
2
|
+
/*# sourceMappingURL=to.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["%3Cinput%20css%20WHX_0F%3E"],"names":[],"mappings":"AAAA,8pBAA8pB,QAAQ,CAAC,uBAAoB,CAApB,oBAAoB,CAAC,sBAAkB,CAAlB,kBAAkB,CAAC,sBAAqB,CAArB,qBAAqB,CAAC,oBAAmB,CAAnB,mBAAmB,CAAC,SAAS,CAAC,cAA0B,WAAU,CAAtB,WAAuB,CAAC,UAAsB,aAAY,CAAxB,WAAyB,CAAC,UAAsB,YAAW,CAAvB,WAAwB,CAAC,UAAsB,YAAW,CAAvB,WAAwB,CAAC,UAAsB,YAAW,CAAvB,WAAwB,CAAC,UAAsB,YAAW,CAAvB,WAAwB,CAAC,UAAsB,YAAW,CAAvB,WAAwB,CAAC,UAAqB,YAAW,CAAtB,UAAuB,CAAC,UAAuB,WAAU,CAAvB,YAAwB,CAAC,UAAqB,aAAY,CAAvB,UAAwB,CAAC,UAAwB,WAAU,CAAxB,aAAyB,CAAC,WAAwB,cAAa,CAA1B,YAA2B,CAAC,cAA0B,aAAY,CAAxB,WAAyB,CAAC,cAA0B,YAAW,CAAvB,WAAwB,CAAC,cAA0B,YAAW,CAAvB,WAAwB,CAAC,cAA0B,YAAW,CAAvB,WAAwB,CAAC,cAA0B,YAAW,CAAvB,WAAwB,CAAC,cAA0B,YAAW,CAAvB,WAAwB,CAAC,cAA0B,YAAW,CAAvB,WAAwB,CAAC,cAAyB,YAAW,CAAtB,UAAuB,CAAC,cAAyB,WAAU,CAArB,UAAsB,CAAC,cAAyB,WAAU,CAArB,UAAsB,CAAC,eAA0B,WAAU,CAArB,UAAsB,CAAC,MAAM,MAAO,CAAC,KAAK,+FAAgG,CAAC,iGAAkG,CAAwG,oBAAtD,WAAW,CAA7B,MAAM,CAAwB,QAAQ,CAAC,mBAAmB,CAAlF,iBAAiB,CAAC,KAAK,CAAQ,UAAU,CAA0C,YAAqf,CAAxe,aAAuS,+KAAgM,CAA1X,uLAA2X,CAAC,gBAA4N,kFAAsF,CAAlM,0GAA2G,CAAjK,WAAW,CAA7B,MAAM,CAAwB,QAAQ,CAAC,mBAAmB,CAAlF,iBAAiB,CAAC,KAAK,CAAQ,UAAU,CAA0C,YAAgN","file":"to.css","sourcesContent":["*,a,abbr,acronym,address,applet,area,article,aside,audio,b,base,basefont,bb,bdo,big,blockquote,body,br,button,canvas,caption,center,cite,code,col,colgroup,command,datalist,dd,del,details,dfn,dialog,dir,div,dl,dt,em,embed,eventsource,fieldset,figcaption,figure,font,footer,form,frame,frameset,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,i,iframe,img,input,ins,isindex,kbd,keygen,label,legend,li,link,map,mark,menu,meta,meter,nav,noframes,noscript,object,ol,optgroup,option,output,p,param,pre,progress,q,rp,rt,ruby,s,samp,script,section,select,small,source,span,strike,strong,style,sub,sup,table,tbody,td,textarea,tfoot,th,thead,time,title,tr,track,tt,u,ul,var,video,wbr{margin:0;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding:0}.paper.ansi_a{width:8.5in;height:11in}.paper.q0{width:720mm;height:1080mm}.paper.q1{width:540mm;height:720mm}.paper.q2{width:360mm;height:540mm}.paper.q3{width:270mm;height:360mm}.paper.q4{width:180mm;height:270mm}.paper.q5{width:135mm;height:180mm}.paper.q6{width:90mm;height:135mm}.paper.q7{width:62.5mm;height:90mm}.paper.q8{width:45mm;height:62.5mm}.paper.q9{width:31.25mm;height:45mm}.paper.q10{width:22.5mm;height:31.25mm}.paper.iso_a0{width:841mm;height:1189mm}.paper.iso_a1{width:594mm;height:841mm}.paper.iso_a2{width:420mm;height:594mm}.paper.iso_a3{width:297mm;height:420mm}.paper.iso_a4{width:210mm;height:297mm}.paper.iso_a5{width:148mm;height:210mm}.paper.iso_a6{width:105mm;height:148mm}.paper.iso_a7{width:74mm;height:105mm}.paper.iso_a8{width:52mm;height:74mm}.paper.iso_a9{width:37mm;height:52mm}.paper.iso_a10{width:26mm;height:37mm}:root{--q: $q}html{font-size:calc(4*clamp(.75px,.75px + calc((1.5 - 0.75) / (1440 - 320))*(100vw - 320px),1.5px)*4);line-height:calc(6*clamp(.75px,.75px + calc((1.5 - 0.75) / (1440 - 320))*(100vw - 320px),1.5px)*4)}.guide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;pointer-events:none;z-index:9999}.guide_graph{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;pointer-events:none;z-index:9999;background-size:calc(clamp(.75px,.75px + calc((1.5 - 0.75) / (1440 - 320))*(100vw - 320px),1.5px)*4) calc(clamp(.75px,.75px + calc((1.5 - 0.75) / (1440 - 320))*(100vw - 320px),1.5px)*4);background-image:repeating-linear-gradient(to bottom, rgba(50, 50, 50, 0.25) 0 1px, transparent 1px 100%),repeating-linear-gradient(to right, rgba(50, 50, 50, 0.25) 0 1px, transparent 1px 100%)}.guide_baseline{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;pointer-events:none;z-index:9999;background-size:100% calc(6*clamp(.75px,.75px + calc((1.5 - 0.75) / (1440 - 320))*(100vw - 320px),1.5px)*4);background-image:repeating-linear-gradient(to bottom, cyan 0 1px, transparent 1px 100%)}"]}
|
package/js/icon.gl.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"t",{value:!0});
|
package/package.json
CHANGED
|
@@ -1,110 +1,31 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
"
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
"bugs": {
|
|
33
|
-
"url": "https://github.com/scape-agency/unit.gl/issues"
|
|
34
|
-
},
|
|
35
|
-
"funding": [
|
|
36
|
-
{
|
|
37
|
-
"type": "github",
|
|
38
|
-
"url": "https://github.com/sponsors/scape-foundation"
|
|
39
|
-
}
|
|
40
|
-
],
|
|
41
|
-
"main": "src/scss/index.scss",
|
|
42
|
-
"type": "module",
|
|
43
|
-
"module": "dist/js/unit.gl.js",
|
|
44
|
-
"style": "dist/css/unit.gl.css",
|
|
45
|
-
"sass": "src/scss/index.scss",
|
|
46
|
-
"scripts": {
|
|
47
|
-
"format": "npx prettier --write .",
|
|
48
|
-
"lint": "eslint 'src/**/*.ts' || true",
|
|
49
|
-
"prettify": "prettier --write 'src/**/*.ts'",
|
|
50
|
-
"dev": "webpack --mode development --config webpack.config.js",
|
|
51
|
-
"build": "webpack --mode production --config webpack.config.js",
|
|
52
|
-
"serve": "webpack serve --mode development --config webpack.config.js",
|
|
53
|
-
"start": "webpack-dev-server --mode development --config webpack.config.js"
|
|
54
|
-
},
|
|
55
|
-
"devDependencies": {
|
|
56
|
-
"@babel/core": "^7.23.6",
|
|
57
|
-
"@babel/preset-env": "^7.23.6",
|
|
58
|
-
"@babel/preset-typescript": "^7.23.3",
|
|
59
|
-
"@types/webpack": "^5.28.1",
|
|
60
|
-
"autoprefixer": "^10.4.15",
|
|
61
|
-
"babel-loader": "^9.1.3",
|
|
62
|
-
"clean-webpack-plugin": "^4.0.0",
|
|
63
|
-
"copy-webpack-plugin": "^11.0.0",
|
|
64
|
-
"css-loader": "^6.8.1",
|
|
65
|
-
"css-minimizer-webpack-plugin": "^5.0.0",
|
|
66
|
-
"eslint": "^8.41.0",
|
|
67
|
-
"eslint-config-prettier": "^9.0.0",
|
|
68
|
-
"eslint-import-resolver-webpack": "^0.13.2",
|
|
69
|
-
"eslint-plugin-prettier": "^5.0.1",
|
|
70
|
-
"html-webpack-plugin": "^5.5.3",
|
|
71
|
-
"mini-css-extract-plugin": "^2.7.6",
|
|
72
|
-
"postcss-loader": "^7.3.3",
|
|
73
|
-
"postcss-preset-env": "^9.1.2",
|
|
74
|
-
"prettier": "^3.0.3",
|
|
75
|
-
"sass": "^1.66.1",
|
|
76
|
-
"sass-loader": "^13.3.2",
|
|
77
|
-
"sass-to-string": "^1.6.3",
|
|
78
|
-
"style-loader": "^3.3.3",
|
|
79
|
-
"terser": "^5.26.0",
|
|
80
|
-
"terser-webpack-plugin": "^5.3.9",
|
|
81
|
-
"ts-loader": "^9.4.3",
|
|
82
|
-
"ts-node": "^10.9.1",
|
|
83
|
-
"typescript": "^5.1.6",
|
|
84
|
-
"webpack": "^5.89.0",
|
|
85
|
-
"webpack-cli": "^5.1.4",
|
|
86
|
-
"webpack-dev-server": "^4.15.1",
|
|
87
|
-
"webpack-merge": "^5.9.0"
|
|
88
|
-
},
|
|
89
|
-
"files": [
|
|
90
|
-
"dist/js/**/*.{js,map}",
|
|
91
|
-
"dist/css/**/*.{css,map}",
|
|
92
|
-
"dist/font/**/*.{eot,otf,ttf,woff,woff2}",
|
|
93
|
-
"src/ts/**/*.ts",
|
|
94
|
-
"src/scss/**/*.scss",
|
|
95
|
-
"src/font/**/*.{ttf,woff,woff2}"
|
|
96
|
-
],
|
|
97
|
-
"hugo-bin": {
|
|
98
|
-
"buildTags": "extended"
|
|
99
|
-
},
|
|
100
|
-
"jspm": {
|
|
101
|
-
"registry": "npm",
|
|
102
|
-
"main": "dist/js/unit.gl.js",
|
|
103
|
-
"directories": {
|
|
104
|
-
"lib": "src"
|
|
105
|
-
},
|
|
106
|
-
"shim": {},
|
|
107
|
-
"dependencies": {},
|
|
108
|
-
"peerDependencies": {}
|
|
109
|
-
}
|
|
110
|
-
}
|
|
2
|
+
"name": "unit.gl",
|
|
3
|
+
"version": "0.0.6",
|
|
4
|
+
"description": "Layout Engine.",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"unit.gl",
|
|
7
|
+
"unit",
|
|
8
|
+
"kyu",
|
|
9
|
+
"q",
|
|
10
|
+
"stylescape",
|
|
11
|
+
"sass",
|
|
12
|
+
"fluid type",
|
|
13
|
+
"responsive",
|
|
14
|
+
"front-end",
|
|
15
|
+
"layout-engine",
|
|
16
|
+
"framework",
|
|
17
|
+
"web"
|
|
18
|
+
],
|
|
19
|
+
"license": "Apache-2.0",
|
|
20
|
+
"homepage": "https://www.unit.gl/",
|
|
21
|
+
"main": "index.js",
|
|
22
|
+
"files": [
|
|
23
|
+
"svg/**/*.{svg}",
|
|
24
|
+
"js/**/*.{js,map}",
|
|
25
|
+
"ts/**/*.ts",
|
|
26
|
+
"css/**/*.{css,map}",
|
|
27
|
+
"scss/**/*.{scss}",
|
|
28
|
+
"font/**/*.{eot,otf,ttf,woff,woff2}",
|
|
29
|
+
"!.DS_Store"
|
|
30
|
+
]
|
|
31
|
+
}
|
|
@@ -13,28 +13,4 @@
|
|
|
13
13
|
// limitations under the License.
|
|
14
14
|
|
|
15
15
|
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
/// Layer Map
|
|
19
|
-
/// Z-index Layers
|
|
20
|
-
$layers: (
|
|
21
|
-
'guides': 1000,
|
|
22
|
-
|
|
23
|
-
//
|
|
24
|
-
"max": 9999,
|
|
25
|
-
"mid": 0,
|
|
26
|
-
"min": -9999,
|
|
27
|
-
|
|
28
|
-
// Add more layers as needed
|
|
29
|
-
|
|
30
|
-
) !default;
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
/// Layer Function
|
|
34
|
-
/// Retrieve z-index from the layers map
|
|
35
|
-
@function z($layer) {
|
|
36
|
-
@if not map-has-key($layers, $layer) {
|
|
37
|
-
@warn "No layer found for `#{$layer}` in $z-layers map. Property omitted.";
|
|
38
|
-
}
|
|
39
|
-
@return map-get($layers, $layer);
|
|
40
|
-
}
|
|
16
|
+
export {};
|