unit.gl 0.0.2 → 0.0.5
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/README.md +112 -1
- package/dist/css/icon.gl.css +286 -0
- package/dist/css/icon.gl.css.map +1 -0
- package/dist/css/icon.gl.min.css +2 -0
- package/dist/css/icon.gl.min.css.map +1 -0
- package/dist/js/icon.gl.js +3 -0
- package/dist/js/icon.gl.min.js +1 -0
- package/package.json +30 -9
- package/src/scss/_reset.scss +8 -12
- package/src/scss/_scale.scss +0 -4
- package/src/ts/index.ts +16 -0
- package/dist/js/main.bundle.js +0 -1
package/README.md
CHANGED
|
@@ -1,2 +1,113 @@
|
|
|
1
|
-
|
|
1
|
+
<div align="right">
|
|
2
2
|
|
|
3
|
+
[](https://github.com/scape-agency/unit.gl/blob/main/LICENSE)
|
|
4
|
+
[](https://vscode.dev/redirect?url=vscode://ms-vscode-remote.remote-containers/cloneInVolume?url=https://github.com/scape-agency/unit.gl)
|
|
5
|
+
|
|
6
|
+
</div>
|
|
7
|
+
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
<div>
|
|
11
|
+
<img align="right" src="https://raw.githubusercontent.com/scape-agency/brand/master/src/logo/unit.gl.png" width="96" alt="Scape Agency Logo">
|
|
12
|
+
<h1 align="left">unit.gl</h1>
|
|
13
|
+
<h3 align="left">Stylescape Layout Engine</h3>
|
|
14
|
+
</div>
|
|
15
|
+
|
|
16
|
+
---
|
|
17
|
+
|
|
18
|
+
<img align="right" width="50%" src="/res/unit.gl.png" alt="unit.gl">
|
|
19
|
+
|
|
20
|
+
### Contents
|
|
21
|
+
|
|
22
|
+
- [Introduction](#introduction)
|
|
23
|
+
- [Colophon](#colophon)
|
|
24
|
+
|
|
25
|
+
<br clear="both"/>
|
|
26
|
+
|
|
27
|
+
---
|
|
28
|
+
|
|
29
|
+
<div align="right">
|
|
30
|
+
|
|
31
|
+
[](https://github.com/scape-agency/unit.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=bug_report.yml)
|
|
32
|
+
[](https://github.com/scape-agency/unit.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=feature_request.yml)
|
|
33
|
+
[](https://github.com/scape-agency/unit.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=question.yml)
|
|
34
|
+
[](https://github.com/scape-agency/unit.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=suggestion.yml)
|
|
35
|
+
[](https://github.com/scape-agency/unit.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=discussion.yml)
|
|
36
|
+
|
|
37
|
+
</div>
|
|
38
|
+
|
|
39
|
+
**Stylescape Layout Engine.**
|
|
40
|
+
|
|
41
|
+
## Introduction
|
|
42
|
+
|
|
43
|
+
`unit.gl` is a comprehensive design toolkit focused on fluid typography, responsive design, and advanced SCSS functions. It's crafted to empower designers and developers to create harmonious, scalable, and accessible web experiences efficiently.
|
|
44
|
+
|
|
45
|
+
## Features
|
|
46
|
+
|
|
47
|
+
- **Fluid Typography**: Utilizes the Kyū measurement system, allowing seamless scaling of text across different devices.
|
|
48
|
+
- **Modular Scale**: Provides functions for generating sizes (font-size, spacing) based on various musical and mathematical ratios.
|
|
49
|
+
- **Responsive Helpers**: Includes mixins for orientation and device-specific media queries, enabling designs that adapt to various screen sizes and resolutions.
|
|
50
|
+
- **Advanced SCSS Functions**: Contains a suite of functions for unit conversions, arithmetic operations, and generating sequences like Fibonacci, Lucas, and more.
|
|
51
|
+
- **Accessibility Considerations**: Ensures typography adheres to accessibility standards like WCAG.
|
|
52
|
+
- **Dynamic Scaling**: Implements CSS clamp for more dynamic scaling across a range of screen sizes.
|
|
53
|
+
- **Lucas and Fibonacci Series**: Functions to generate numbers from these famous sequences for use in design calculations.
|
|
54
|
+
- **Guides and Grids**: Mixins for creating baseline grids and guide overlays for design alignment.
|
|
55
|
+
|
|
56
|
+
## Installation
|
|
57
|
+
|
|
58
|
+
### HTML Script Tag
|
|
59
|
+
|
|
60
|
+
``` html
|
|
61
|
+
<script src="https://unpkg.com/unit.gl@latest/dist.min.js"></script>
|
|
62
|
+
```
|
|
63
|
+
|
|
64
|
+
### NPM Module
|
|
65
|
+
|
|
66
|
+
``` bash
|
|
67
|
+
npm i unit.gl
|
|
68
|
+
```
|
|
69
|
+
|
|
70
|
+
## Links
|
|
71
|
+
|
|
72
|
+
- [Website](https://www.unit.gl)
|
|
73
|
+
- [NPM](https://www.npmjs.com/package/unit.gl)
|
|
74
|
+
|
|
75
|
+
---
|
|
76
|
+
|
|
77
|
+
## Colophon
|
|
78
|
+
|
|
79
|
+
### Authors
|
|
80
|
+
|
|
81
|
+
**unit.gl** is an open-source project by **[Scape Agency](https://www.scape.agency "Scape Agency website")**.
|
|
82
|
+
|
|
83
|
+
##### Scape Agency
|
|
84
|
+
|
|
85
|
+
Scape Agency is a spatial innovation collective that dreams, discovers and designs the everyday of tomorrow. We blend design thinking with emerging technologies to create a brighter perspective for people and planet. Our products and services naturalise technology in liveable and sustainable –scapes that spark the imagination and inspire future generations.
|
|
86
|
+
|
|
87
|
+
- website: [scape.agency](https://www.scape.agency "Scape Agency website")
|
|
88
|
+
- github: [github.com/scape-agency](https://github.com/scape-agency "Scape Agency GitHub")
|
|
89
|
+
|
|
90
|
+
### Development Resources
|
|
91
|
+
|
|
92
|
+
#### Contributing
|
|
93
|
+
|
|
94
|
+
We'd love for you to contribute and to make this project even better than it is today!
|
|
95
|
+
Please refer to the [contribution guidelines](.github/CONTRIBUTING.md) for information.
|
|
96
|
+
|
|
97
|
+
### Legal Information
|
|
98
|
+
|
|
99
|
+
#### Copyright
|
|
100
|
+
|
|
101
|
+
Copyright © 2023 [Scape Agency BV](https://www.scape.agency/ "Scape Agency website"). All Rights Reserved.
|
|
102
|
+
|
|
103
|
+
#### License
|
|
104
|
+
|
|
105
|
+
Except as otherwise noted, the content in this repository is licensed under the
|
|
106
|
+
[Creative Commons Attribution 4.0 International (CC BY 4.0) License](https://creativecommons.org/licenses/by/4.0/), and
|
|
107
|
+
code samples are licensed under the [Apache 2.0 License](http://www.apache.org/licenses/LICENSE-2.0).
|
|
108
|
+
|
|
109
|
+
Also see [LICENSE](https://github.com/scape-agency/community/blob/master/src/LICENSE) and [LICENSE-CODE](https://github.com/scape-agency/community/blob/master/src/LICENSE-CODE).
|
|
110
|
+
|
|
111
|
+
#### Disclaimer
|
|
112
|
+
|
|
113
|
+
**THIS SOFTWARE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**
|
|
@@ -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%20l37t3W%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%202ffT-I%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%)}"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"t",{value:!0});
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "unit.gl",
|
|
3
3
|
"description": "Layout Engine.",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.5",
|
|
5
5
|
"config": {
|
|
6
6
|
"version_short": "0.0"
|
|
7
7
|
},
|
|
@@ -47,15 +47,28 @@
|
|
|
47
47
|
"format": "npx prettier --write .",
|
|
48
48
|
"lint": "eslint 'src/**/*.ts' || true",
|
|
49
49
|
"prettify": "prettier --write 'src/**/*.ts'",
|
|
50
|
-
"
|
|
51
|
-
"build": "
|
|
52
|
-
"
|
|
53
|
-
"
|
|
50
|
+
"build": "npm run build-compile && npm run icons-process",
|
|
51
|
+
"build-compile2": "tsc -p tsconfig.build.json",
|
|
52
|
+
"build-compile": "tsc -p script/tsconfig.json",
|
|
53
|
+
"webpack-build": "npm run webpack-prod",
|
|
54
|
+
"webpack-build2": "npm run webpack-prod && npm run webpack-dev",
|
|
55
|
+
"webpack-dev": "webpack --mode development --config webpack.config.js",
|
|
56
|
+
"webpack-prod": "webpack --mode production --config webpack.config.js",
|
|
57
|
+
"webpack-serve": "webpack serve --mode development --config webpack.config.js",
|
|
58
|
+
"webpack-start": "webpack-dev-server --mode development --config webpack.config.js",
|
|
59
|
+
"icons-process": "node script/js/index.js",
|
|
60
|
+
"icons-font-min": "cleancss -O1 --format breakWith=lf --with-rebase --output font/bootstrap-icons.min.css font/bootstrap-icons.css",
|
|
61
|
+
"icons-compile3": "tsc filename.ts | node filename.js",
|
|
62
|
+
"icons-zip": "cross-env-shell \"rm -rf bootstrap-icons-$npm_package_version bootstrap-icons-$npm_package_version.zip && cp -r icons/ bootstrap-icons-$npm_package_version && cp bootstrap-icons.svg bootstrap-icons-$npm_package_version && cp -r font/ bootstrap-icons-$npm_package_version && zip -qr9 bootstrap-icons-$npm_package_version.zip bootstrap-icons-$npm_package_version && rm -rf bootstrap-icons-$npm_package_version\""
|
|
54
63
|
},
|
|
55
64
|
"devDependencies": {
|
|
56
65
|
"@babel/core": "^7.23.6",
|
|
57
66
|
"@babel/preset-env": "^7.23.6",
|
|
58
67
|
"@babel/preset-typescript": "^7.23.3",
|
|
68
|
+
"@types/fs-extra": "^11.0.4",
|
|
69
|
+
"@types/glob": "^8.1.0",
|
|
70
|
+
"@types/node": "^20.10.5",
|
|
71
|
+
"@types/svg-sprite": "^0.0.38",
|
|
59
72
|
"@types/webpack": "^5.28.1",
|
|
60
73
|
"autoprefixer": "^10.4.15",
|
|
61
74
|
"babel-loader": "^9.1.3",
|
|
@@ -63,36 +76,44 @@
|
|
|
63
76
|
"copy-webpack-plugin": "^11.0.0",
|
|
64
77
|
"css-loader": "^6.8.1",
|
|
65
78
|
"css-minimizer-webpack-plugin": "^5.0.0",
|
|
79
|
+
"del": "^7.1.0",
|
|
66
80
|
"eslint": "^8.41.0",
|
|
67
81
|
"eslint-config-prettier": "^9.0.0",
|
|
68
82
|
"eslint-import-resolver-webpack": "^0.13.2",
|
|
69
83
|
"eslint-plugin-prettier": "^5.0.1",
|
|
84
|
+
"fantasticon": "^2.0.0",
|
|
85
|
+
"fs-extra": "^11.2.0",
|
|
86
|
+
"glob": "^10.3.10",
|
|
70
87
|
"html-webpack-plugin": "^5.5.3",
|
|
88
|
+
"lodash": "^4.17.21",
|
|
71
89
|
"mini-css-extract-plugin": "^2.7.6",
|
|
72
90
|
"postcss-loader": "^7.3.3",
|
|
73
91
|
"postcss-preset-env": "^9.1.2",
|
|
74
92
|
"prettier": "^3.0.3",
|
|
75
93
|
"sass": "^1.66.1",
|
|
76
94
|
"sass-loader": "^13.3.2",
|
|
77
|
-
"sass-to-string": "^1.6.3",
|
|
78
95
|
"style-loader": "^3.3.3",
|
|
96
|
+
"svg-sprite": "^2.0.2",
|
|
97
|
+
"svgo": "^3.1.0",
|
|
79
98
|
"terser": "^5.26.0",
|
|
80
99
|
"terser-webpack-plugin": "^5.3.9",
|
|
81
100
|
"ts-loader": "^9.4.3",
|
|
82
101
|
"ts-node": "^10.9.1",
|
|
83
|
-
"typescript": "^5.
|
|
102
|
+
"typescript": "^5.3.3",
|
|
84
103
|
"webpack": "^5.89.0",
|
|
85
104
|
"webpack-cli": "^5.1.4",
|
|
86
105
|
"webpack-dev-server": "^4.15.1",
|
|
87
106
|
"webpack-merge": "^5.9.0"
|
|
88
107
|
},
|
|
89
108
|
"files": [
|
|
109
|
+
"dist/svg/**/*.{svg}",
|
|
90
110
|
"dist/js/**/*.{js,map}",
|
|
91
111
|
"dist/css/**/*.{css,map}",
|
|
92
112
|
"dist/font/**/*.{eot,otf,ttf,woff,woff2}",
|
|
93
113
|
"src/ts/**/*.ts",
|
|
94
114
|
"src/scss/**/*.scss",
|
|
95
|
-
"src/font/**/*.{ttf,woff,woff2}"
|
|
115
|
+
"src/font/**/*.{ttf,woff,woff2}",
|
|
116
|
+
"!.DS_Store"
|
|
96
117
|
],
|
|
97
118
|
"hugo-bin": {
|
|
98
119
|
"buildTags": "extended"
|
|
@@ -107,4 +128,4 @@
|
|
|
107
128
|
"dependencies": {},
|
|
108
129
|
"peerDependencies": {}
|
|
109
130
|
}
|
|
110
|
-
}
|
|
131
|
+
}
|
package/src/scss/_reset.scss
CHANGED
|
@@ -17,16 +17,16 @@
|
|
|
17
17
|
// Base | Reset
|
|
18
18
|
// ============================================================================
|
|
19
19
|
|
|
20
|
-
|
|
21
20
|
@mixin reset_bleed {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
21
|
+
margin: 0;
|
|
22
|
+
margin-block-start: 0;
|
|
23
|
+
margin-block-end: 0;
|
|
24
|
+
margin-inline-start: 0;
|
|
25
|
+
margin-inline-end: 0;
|
|
26
|
+
padding: 0;
|
|
28
27
|
}
|
|
29
28
|
|
|
29
|
+
*,
|
|
30
30
|
a,
|
|
31
31
|
abbr,
|
|
32
32
|
acronym,
|
|
@@ -150,13 +150,9 @@ var,
|
|
|
150
150
|
video,
|
|
151
151
|
wbr
|
|
152
152
|
{
|
|
153
|
-
|
|
153
|
+
@include reset_bleed;
|
|
154
154
|
}
|
|
155
155
|
|
|
156
|
-
// *{
|
|
157
|
-
// padding: 0px;
|
|
158
|
-
// margin: 0px;
|
|
159
|
-
// }
|
|
160
156
|
|
|
161
157
|
// html, body, div, span, applet, object, iframe,
|
|
162
158
|
// h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
package/src/scss/_scale.scss
CHANGED
package/src/ts/index.ts
CHANGED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
// Copyright 2020 Scape Agency BV
|
|
2
|
+
|
|
3
|
+
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
4
|
+
// you may not use this file except in compliance with the License.
|
|
5
|
+
// You may obtain a copy of the License at
|
|
6
|
+
|
|
7
|
+
// http://www.apache.org/licenses/LICENSE-2.0
|
|
8
|
+
|
|
9
|
+
// Unless required by applicable law or agreed to in writing, software
|
|
10
|
+
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
11
|
+
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
12
|
+
// See the License for the specific language governing permissions and
|
|
13
|
+
// limitations under the License.
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
export {};
|
package/dist/js/main.bundle.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var i=t();for(var a in i)("object"==typeof exports?exports:e)[a]=i[a]}}(self,(function(){return function(){"use strict";var e={198:function(e,t,i){var a=i(537),n=i.n(a),r=i(645),A=i.n(r)()(n());A.push([e.id,"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{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%)}","",{version:3,sources:["webpack://./src/scss/index.scss"],names:[],mappings:"AAAA,4pBAA4pB,QAAQ,CAAC,uBAAoB,CAApB,oBAAoB,CAAC,sBAAkB,CAAlB,kBAAkB,CAAC,sBAAqB,CAArB,qBAAqB,CAAC,oBAAmB,CAAnB,mBAAmB,CAAC,SAAS,CAAC,cAAc,WAAW,CAAC,WAAW,CAAC,UAAU,WAAW,CAAC,aAAa,CAAC,UAAU,WAAW,CAAC,YAAY,CAAC,UAAU,WAAW,CAAC,YAAY,CAAC,UAAU,WAAW,CAAC,YAAY,CAAC,UAAU,WAAW,CAAC,YAAY,CAAC,UAAU,WAAW,CAAC,YAAY,CAAC,UAAU,UAAU,CAAC,YAAY,CAAC,UAAU,YAAY,CAAC,WAAW,CAAC,UAAU,UAAU,CAAC,aAAa,CAAC,UAAU,aAAa,CAAC,WAAW,CAAC,WAAW,YAAY,CAAC,cAAc,CAAC,cAAc,WAAW,CAAC,aAAa,CAAC,cAAc,WAAW,CAAC,YAAY,CAAC,cAAc,WAAW,CAAC,YAAY,CAAC,cAAc,WAAW,CAAC,YAAY,CAAC,cAAc,WAAW,CAAC,YAAY,CAAC,cAAc,WAAW,CAAC,YAAY,CAAC,cAAc,WAAW,CAAC,YAAY,CAAC,cAAc,UAAU,CAAC,YAAY,CAAC,cAAc,UAAU,CAAC,WAAW,CAAC,cAAc,UAAU,CAAC,WAAW,CAAC,eAAe,UAAU,CAAC,WAAW,CAAC,MAAM,OAAO,CAAC,KAAK,gGAAgG,CAAC,kGAAkG,CAAC,OAAO,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,QAAQ,CAAC,mBAAmB,CAAC,YAAY,CAAC,aAAa,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,QAAQ,CAAC,mBAAmB,CAAC,YAAY,CAAC,yLAAyL,CAAC,iMAAiM,CAAC,gBAAgB,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,WAAW,CAAC,QAAQ,CAAC,mBAAmB,CAAC,YAAY,CAAC,2GAA2G,CAAC,uFAAuF",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%)}"],sourceRoot:""}]),t.Z=A},645:function(e){e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var i="",a=void 0!==t[5];return t[4]&&(i+="@supports (".concat(t[4],") {")),t[2]&&(i+="@media ".concat(t[2]," {")),a&&(i+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),i+=e(t),a&&(i+="}"),t[2]&&(i+="}"),t[4]&&(i+="}"),i})).join("")},t.i=function(e,i,a,n,r){"string"==typeof e&&(e=[[null,e,void 0]]);var A={};if(a)for(var o=0;o<this.length;o++){var p=this[o][0];null!=p&&(A[p]=!0)}for(var m=0;m<e.length;m++){var c=[].concat(e[m]);a&&A[c[0]]||(void 0!==r&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=r),i&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=i):c[2]=i),n&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=n):c[4]="".concat(n)),t.push(c))}},t}},537:function(e){e.exports=function(e){var t=e[1],i=e[3];if(!i)return t;if("function"==typeof btoa){var a=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),n="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(a),r="/*# ".concat(n," */");return[t].concat([r]).join("\n")}return[t].join("\n")}},379:function(e){var t=[];function i(e){for(var i=-1,a=0;a<t.length;a++)if(t[a].identifier===e){i=a;break}return i}function a(e,a){for(var r={},A=[],o=0;o<e.length;o++){var p=e[o],m=a.base?p[0]+a.base:p[0],c=r[m]||0,s="".concat(m," ").concat(c);r[m]=c+1;var h=i(s),d={css:p[1],media:p[2],sourceMap:p[3],supports:p[4],layer:p[5]};if(-1!==h)t[h].references++,t[h].updater(d);else{var l=n(d,a);a.byIndex=o,t.splice(o,0,{identifier:s,updater:l,references:1})}A.push(s)}return A}function n(e,t){var i=t.domAPI(t);i.update(e);return function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;i.update(e=t)}else i.remove()}}e.exports=function(e,n){var r=a(e=e||[],n=n||{});return function(e){e=e||[];for(var A=0;A<r.length;A++){var o=i(r[A]);t[o].references--}for(var p=a(e,n),m=0;m<r.length;m++){var c=i(r[m]);0===t[c].references&&(t[c].updater(),t.splice(c,1))}r=p}}},569:function(e){var t={};e.exports=function(e,i){var a=function(e){if(void 0===t[e]){var i=document.querySelector(e);if(window.HTMLIFrameElement&&i instanceof window.HTMLIFrameElement)try{i=i.contentDocument.head}catch(e){i=null}t[e]=i}return t[e]}(e);if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(i)}},216:function(e){e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},565:function(e,t,i){e.exports=function(e){var t=i.nc;t&&e.setAttribute("nonce",t)}},795:function(e){e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(i){!function(e,t,i){var a="";i.supports&&(a+="@supports (".concat(i.supports,") {")),i.media&&(a+="@media ".concat(i.media," {"));var n=void 0!==i.layer;n&&(a+="@layer".concat(i.layer.length>0?" ".concat(i.layer):""," {")),a+=i.css,n&&(a+="}"),i.media&&(a+="}"),i.supports&&(a+="}");var r=i.sourceMap;r&&"undefined"!=typeof btoa&&(a+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),t.styleTagTransform(a,e,t.options)}(t,e,i)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},589:function(e){e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}}},t={};function i(a){var n=t[a];if(void 0!==n)return n.exports;var r=t[a]={id:a,exports:{}};return e[a](r,r.exports,i),r.exports}i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},i.d=function(e,t){for(var a in t)i.o(t,a)&&!i.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.nc=void 0;var a={};return function(){var e=i(379),t=i.n(e),n=i(795),r=i.n(n),A=i(569),o=i.n(A),p=i(565),m=i.n(p),c=i(216),s=i.n(c),h=i(589),d=i.n(h),l=i(198),u={};u.styleTagTransform=d(),u.setAttributes=m(),u.insert=o().bind(null,"head"),u.domAPI=r(),u.insertStyleElement=s();t()(l.Z,u);a.default=l.Z&&l.Z.locals?l.Z.locals:void 0}(),a=a.default}()}));
|