npm - unit.gl - Versions diffs - 0.0.1 → 0.0.5 - Mend

unit.gl 0.0.1 → 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.

Files changed (12) hide show

package/README.md +70 -42
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 Viewed

@@ -1,85 +1,113 @@
-# unit.gl
+<div align="right">
+[![GitHub License](https://img.shields.io/github/license/scape-agency/unit.gl?style=flat-square&logo=readthedocs&logoColor=FFFFFF&label=&labelColor=%23041B26&color=%23041B26&link=LICENSE)](https://github.com/scape-agency/unit.gl/blob/main/LICENSE)
+[![devContainer](https://img.shields.io/badge/Container-Remote?style=flat-square&logo=visualstudiocode&logoColor=%23FFFFFF&label=Remote&labelColor=%23041B26&color=%23041B26)](https://vscode.dev/redirect?url=vscode://ms-vscode-remote.remote-containers/cloneInVolume?url=https://github.com/scape-agency/unit.gl)
-Unit.gl is a resizing engine developed by Stylescape, primarily focused on responsive scaling of CSS properties to optimize the utilization of space across various viewports and devices. Here's a breakdown of its features and history:
+</div>
-1. **Responsive Font Sizes (RFS)**: Initially, unit.gl was designed to resize font sizes, which is reflected in its name, RFS. Over time, its capabilities expanded to rescale most CSS properties with unit values, such as margin, padding, border-radius, and box-shadow.
+---
-2. **Responsive Scaling Mechanism**: The engine automatically calculates appropriate values based on the browser viewport's dimensions. These calculations are compiled into `calc()` functions, which combine `rem` and viewport units to enable responsive behavior.
+<div>
+    <img align="right" src="https://raw.githubusercontent.com/scape-agency/brand/master/src/logo/unit.gl.png" width="96" alt="Scape Agency Logo">
+    <h1 align="left">unit.gl</h1>
+    <h3 align="left">Stylescape Layout Engine</h3>
+</div>
-3. **Mixins Usage**: Unit.gl includes the `q()` mixin, providing shorthands for various CSS properties, including font-size, margin, padding, and their directional variations (top, right, bottom, left). This feature simplifies the implementation of responsive design in CSS.
+---
-4. **Kyū Measurement Basis**: Unit.gl is based on the Kyū measurement, a unit used in Japan to express character size in photocomposition, equivalent to 0.25mm. The Kyū unit's history is intertwined with early photocomposition techniques and the evolution of typography in Japan.
+<img align="right" width="50%" src="/res/unit.gl.png"  alt="unit.gl">
-5. **Historical Context**: The concept of Kyū aligns with other typographic measurements like points, used since the era of movable type. The standard size of points varies by region, reflecting the diverse historical and logical underpinnings of these measurements. For instance, an American point is 0.3514mm, while a Didot point, common in Europe, is 0.3579mm.
+### Contents
-6. **Legacy of the Gō Unit**: In Japanese typography, another historical unit, the gō, was used to express character size, particularly during the early movable type printing era. Though no longer in use, the legacy of the gō unit is reflected in standard character sizes in modern PC software, such as a 5-gō character equating to a standard 10.5-point character in Microsoft Word.
+- [Introduction](#introduction)
+- [Colophon](#colophon)
-For more detailed information, you can refer to Bootstrap's documentation on RFS at [getbootstrap.com](https://getbootstrap.com/docs/5.0/getting-started/rfs/) or the GitHub repository for RFS at [github.com/twbs/rfs](https://github.com/twbs/rfs/tree/v9.0.3).
+<br clear="both"/>
+---
+<div align="right">
+[![Report a Bug](https://img.shields.io/badge/Report%20a%20Bug-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23E1E4E5)](https://github.com/scape-agency/unit.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=bug_report.yml)
+[![Request a Feature](https://img.shields.io/badge/Request%20a%20Feature-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23E1E4E5)](https://github.com/scape-agency/unit.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=feature_request.yml)
+[![Ask a Question](https://img.shields.io/badge/Ask%20a%20Question-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23E1E4E5)](https://github.com/scape-agency/unit.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=question.yml)
+[![Make a Suggestion](https://img.shields.io/badge/Make%20a%20Suggestion-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23E1E4E5)](https://github.com/scape-agency/unit.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=suggestion.yml)
+[![Start a Discussion](https://img.shields.io/badge/Start%20a%20Discussion-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23E1E4E5)](https://github.com/scape-agency/unit.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=discussion.yml)
+</div>
+**Stylescape Layout Engine.**
+## Introduction
+`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.
+## Features
+- **Fluid Typography**: Utilizes the Kyū measurement system, allowing seamless scaling of text across different devices.
+- **Modular Scale**: Provides functions for generating sizes (font-size, spacing) based on various musical and mathematical ratios.
+- **Responsive Helpers**: Includes mixins for orientation and device-specific media queries, enabling designs that adapt to various screen sizes and resolutions.
+- **Advanced SCSS Functions**: Contains a suite of functions for unit conversions, arithmetic operations, and generating sequences like Fibonacci, Lucas, and more.
+- **Accessibility Considerations**: Ensures typography adheres to accessibility standards like WCAG.
+- **Dynamic Scaling**: Implements CSS clamp for more dynamic scaling across a range of screen sizes.
+- **Lucas and Fibonacci Series**: Functions to generate numbers from these famous sequences for use in design calculations.
+- **Guides and Grids**: Mixins for creating baseline grids and guide overlays for design alignment.
+## Installation
+### HTML Script Tag
+``` html
+<script src="https://unpkg.com/unit.gl@latest/dist.min.js"></script>
+```
-Stylescape’s resizing engine responsively scales common CSS properties to better utilize available space across viewports and devices.
+### NPM Module
-- Fluid typography
-- Paper layout
+``` bash
+npm i unit.gl
+```
-What is unit.gl?
-Stylescape’s side project unit.gl is a unit resizing engine which was initially developed to resize font sizes (hence its abbreviation for Responsive Font Sizes). Nowadays RFS is capable of rescaling most CSS properties with unit values like margin, padding, border-radius, or even box-shadow.
+## Links
-The mechanism automatically calculates the appropriate values based on the dimensions of the browser viewport. It will be compiled into calc() functions with a mix of rem and viewport units to enable the responsive scaling behavior.
+- [Website](https://www.unit.gl)
+- [NPM](https://www.npmjs.com/package/unit.gl)
-Using the mixins
-The q() mixin has shorthands for font-size, margin, margin-top, margin-right, margin-bottom, margin-left, padding, padding-top, padding-right, padding-bottom, and padding-left. See the example below for source Sass and compiled CSS.
+---
+## Colophon
+### Authors
+**unit.gl** is an open-source project by **[Scape Agency](https://www.scape.agency "Scape Agency website")**.
-## Kyū
+##### Scape Agency
-unit.gl is based on the Kyū measurement.
+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.
-Kyū (級) is a unit of measurement used to express the size of characters in photocomposition that is particular to Japan; it is equal to 0.25mm. It can also be written as “Q,” an abbreviation that is derived from the origin of its name, “quarter,” as in a quarter of a millimeter. Today characters have been digitized and almost no composition is done optically any more. While kyū is used for character size, Ha (歯, which can be abbreviated as “H”) is used for measurements of the space between characters and the space between lines. 1 ha is equal to 0.25mm, so it functions in the same way as character sizing. Early photocomposition machines generated type on printing paper that was rolled onto drums that were turned using cogwheels (歯車 haguruma in Japanese). Each cog (歯 ha) was 1 kyū in length (0.25mm), which gave the measurement its name.
+- website: [scape.agency](https://www.scape.agency "Scape Agency website")
+- github: [github.com/scape-agency](https://github.com/scape-agency "Scape Agency GitHub")
-Similarly, “points” are another unit for expressing the size of characters. This unit has been used since the era of movable type, though the standard size varies depending on the region and system in which it has been adopted. For example, 1 American point (pt) is 0.3514mm, while 1 Didot point, which is used primarily in Europe, is 0.3579mm. In Japan, the American point has been adopted by the JIS (Japanese Industrial Standard). In DTP, normally 1 point is treated as being 0.3528mm. These variations arose from differences in the underlying logics and historical circumstances of their creation.
+### Development Resources
-In Japan, since Motoki Shōzō began his work with movable type printing, another unit has been used to express the size of characters: the gō (号). This unit is not used today, but the size of a 5-gō character is equal to a standard 10.5-point character used in PC software such as Microsoft Word. This is because the standard character size used in documents was 5-gō.
+#### Contributing
-## References
+We'd love for you to contribute and to make this project even better than it is today!
+Please refer to the [contribution guidelines](.github/CONTRIBUTING.md) for information.
-### RFS
+### Legal Information
-- https://getbootstrap.com/docs/5.0/getting-started/rfs/
-- https://github.com/twbs/rfs/tree/v9.0.3
+#### Copyright
+Copyright &copy; 2023 [Scape Agency BV](https://www.scape.agency/ "Scape Agency website"). All Rights Reserved.
-// based on:
-// https://css-tricks.com/snippets/css/fluid-typography/
-// https://blog.typekit.com/2016/08/17/flexible-typography-with-css-locks/
-// https://www.madebymike.com.au/writing/precise-control-responsive-typography/
-// https://trentwalton.com/2012/06/19/fluid-type/
-// https://tbrown.org/notes/2012/02/03/molten-leading-or-fluid-line-height/
-// https://css-tricks.com/snippets/sass/strip-unit-function/
+#### License
+Except as otherwise noted, the content in this repository is licensed under the
+[Creative Commons Attribution 4.0 International (CC BY 4.0) License](https://creativecommons.org/licenses/by/4.0/), and
+code samples are licensed under the [Apache 2.0 License](http://www.apache.org/licenses/LICENSE-2.0).
+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).
-https://art-design-glossary.musabi.ac.jp/kyu-ha-point/
+#### Disclaimer
-https://www.layoutgridcalculator.com/type-scale/
-https://spencermortensen.com/articles/typographic-scale/
-https://typescale.com/
-https://retinart.net/typography/typographicscale/
-https://medium.com/@tilougarou/the-typographic-scale-reworked-a1b441b2beb2
-https://www.smashingmagazine.com/2014/09/balancing-line-length-font-size-responsive-web-design/
-https://ec.europa.eu/component-library/eu/guidelines/typography/#:~:text=Line%20height,-Line%2Dheight%2C%20relevant&text=Ideal%20line%2Dheight%20for%20standard,height%20ratio%20of%201%3A1.2.
+**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.**

package/dist/css/icon.gl.css ADDED Viewed

@@ -0,0 +1,286 @@
+/**
+* unit.gl
+*
+* @description     Unit System
+* @author          Scape Agency (https://www.scape.agency)
+* @version         v1.0.0
+* @copyright       2020-2024 Scape Agency (https://www.scape.agency)
+* @website         https://www.unit.gl/
+* @repository      https://github.com/scape-agency/unit.gl/
+* @license         Apache 2.0 License (https://github.com/scape-agency/unit.gl/blob/main/LICENSE)
+*/
+*,
+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(0.75px, 0.75px + calc((1.5 - 0.75) / (1440 - 320)) * (100vw - 320px), 1.5px) * 4);
+  line-height: calc(6 * clamp(0.75px, 0.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(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);
+  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(0.75px, 0.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%);
+}
+/*# sourceMappingURL=to.css.map */

package/dist/css/icon.gl.css.map ADDED Viewed

@@ -0,0 +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}"]}

package/dist/css/icon.gl.min.css ADDED Viewed

	@@ -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(4clamp(.75px,.75px + calc((1.5 - .75) / (1440 - 320))(100vw - 320px),1.5px)4);line-height:calc(6clamp(.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(6clamp(.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 /

package/dist/css/icon.gl.min.css.map ADDED Viewed

@@ -0,0 +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%)}"]}

package/dist/js/icon.gl.js ADDED Viewed

@@ -0,0 +1,3 @@
+"use strict";
+// Copyright 2020 Scape Agency BV
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/js/icon.gl.min.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ "use strict";Object.defineProperty(exports,"t",{value:!0});

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
     "name": "unit.gl",
     "description": "Layout Engine.",
-    "version": "0.0.1",
+    "version": "0.0.5",
     "config": {
         "version_short": "0.0"
     },
@@ -47,15 +47,28 @@
         "format": "npx prettier --write .",
         "lint": "eslint 'src/**/*.ts' || true",
         "prettify": "prettier --write 'src/**/*.ts'",
-        "dev": "webpack --mode development --config webpack.config.js",
-        "build": "webpack --mode production --config webpack.config.js",
-        "serve": "webpack serve --mode development --config webpack.config.js",
-        "start": "webpack-dev-server --mode development --config webpack.config.js"
+        "build": "npm run build-compile && npm run icons-process",
+        "build-compile2": "tsc -p tsconfig.build.json",
+        "build-compile": "tsc -p script/tsconfig.json",
+        "webpack-build": "npm run webpack-prod",
+        "webpack-build2": "npm run webpack-prod && npm run webpack-dev",
+        "webpack-dev": "webpack --mode development --config webpack.config.js",
+        "webpack-prod": "webpack --mode production --config webpack.config.js",
+        "webpack-serve": "webpack serve --mode development --config webpack.config.js",
+        "webpack-start": "webpack-dev-server --mode development --config webpack.config.js",
+        "icons-process": "node script/js/index.js",
+        "icons-font-min": "cleancss -O1 --format breakWith=lf --with-rebase --output font/bootstrap-icons.min.css font/bootstrap-icons.css",
+        "icons-compile3": "tsc filename.ts | node filename.js",
+        "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\""
     },
     "devDependencies": {
         "@babel/core": "^7.23.6",
         "@babel/preset-env": "^7.23.6",
         "@babel/preset-typescript": "^7.23.3",
+        "@types/fs-extra": "^11.0.4",
+        "@types/glob": "^8.1.0",
+        "@types/node": "^20.10.5",
+        "@types/svg-sprite": "^0.0.38",
         "@types/webpack": "^5.28.1",
         "autoprefixer": "^10.4.15",
         "babel-loader": "^9.1.3",
@@ -63,36 +76,44 @@
         "copy-webpack-plugin": "^11.0.0",
         "css-loader": "^6.8.1",
         "css-minimizer-webpack-plugin": "^5.0.0",
+        "del": "^7.1.0",
         "eslint": "^8.41.0",
         "eslint-config-prettier": "^9.0.0",
         "eslint-import-resolver-webpack": "^0.13.2",
         "eslint-plugin-prettier": "^5.0.1",
+        "fantasticon": "^2.0.0",
+        "fs-extra": "^11.2.0",
+        "glob": "^10.3.10",
         "html-webpack-plugin": "^5.5.3",
+        "lodash": "^4.17.21",
         "mini-css-extract-plugin": "^2.7.6",
         "postcss-loader": "^7.3.3",
         "postcss-preset-env": "^9.1.2",
         "prettier": "^3.0.3",
         "sass": "^1.66.1",
         "sass-loader": "^13.3.2",
-        "sass-to-string": "^1.6.3",
         "style-loader": "^3.3.3",
+        "svg-sprite": "^2.0.2",
+        "svgo": "^3.1.0",
         "terser": "^5.26.0",
         "terser-webpack-plugin": "^5.3.9",
         "ts-loader": "^9.4.3",
         "ts-node": "^10.9.1",
-        "typescript": "^5.1.6",
+        "typescript": "^5.3.3",
         "webpack": "^5.89.0",
         "webpack-cli": "^5.1.4",
         "webpack-dev-server": "^4.15.1",
         "webpack-merge": "^5.9.0"
     },
     "files": [
+        "dist/svg/**/*.{svg}",
         "dist/js/**/*.{js,map}",
         "dist/css/**/*.{css,map}",
         "dist/font/**/*.{eot,otf,ttf,woff,woff2}",
         "src/ts/**/*.ts",
         "src/scss/**/*.scss",
-        "src/font/**/*.{ttf,woff,woff2}"
+        "src/font/**/*.{ttf,woff,woff2}",
+        "!.DS_Store"
     ],
     "hugo-bin": {
         "buildTags": "extended"
@@ -107,4 +128,4 @@
         "dependencies": {},
         "peerDependencies": {}
     }
-}
+}

package/src/scss/_reset.scss CHANGED Viewed

@@ -17,16 +17,16 @@
 // Base | Reset
 // ============================================================================
 @mixin reset_bleed {
-  margin:               0;
-  margin-block-start:   0;
-  margin-block-end:     0;
-  margin-inline-start:  0;
-  margin-inline-end:    0;
-  padding:              0;
+    margin:               0;
+    margin-block-start:   0;
+    margin-block-end:     0;
+    margin-inline-start:  0;
+    margin-inline-end:    0;
+    padding:              0;
 }
+*,
 a,
 abbr,
 acronym,
@@ -150,13 +150,9 @@ var,
 video,
 wbr
 {
-  @include reset_bleed;
+    @include reset_bleed;
 }
-// *{
-//     padding: 0px;
-//     margin: 0px;
-// }
 // html, body, div, span, applet, object, iframe,
 // h1, h2, h3, h4, h5, h6, p, blockquote, pre,

package/src/scss/_scale.scss CHANGED Viewed

@@ -17,10 +17,6 @@
 $rhythm_base: q(4);
 $line_height_ratio: 1.5;

package/src/ts/index.ts CHANGED Viewed

@@ -0,0 +1,16 @@
+// Copyright 2020 Scape Agency BV
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+// http://www.apache.org/licenses/LICENSE-2.0
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+export {};

package/dist/js/main.bundle.js DELETED Viewed

@@ -1 +0,0 @@

- !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}()}));