unit.gl 0.1.12 → 0.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/js/GridManager.js +6 -2
- package/js/GridManager.js.map +1 -1
- package/js/unit.gl.js +4 -2
- package/js/unit.gl.js.map +1 -1
- package/package.json +1 -1
- package/scss/_reset.scss +2 -0
- package/scss/mixins/_device.scss +2 -0
- package/scss/mixins/_display.scss +1 -0
- package/scss/tags/_index.scss +2 -0
- package/scss/tags/_unit.scss +2 -0
- package/scss/variables/_color.scss +2 -0
- package/scss/variables/_index.scss +5 -0
- package/scss/variables/_scale.scss +2 -0
- package/scss/variables/_unit.scss +6 -6
- package/scss/variables/_view.scss +4 -1
package/README.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<p align="center">
|
|
2
|
-
<img src="https://raw.githubusercontent.com/stylescape/brand/master/src/logo/logo-transparant.png" width="20%"
|
|
2
|
+
<img src="https://raw.githubusercontent.com/stylescape/brand/master/src/logo/logo-transparant.png" width="20%" alt="Stylescape Logo">
|
|
3
3
|
</p>
|
|
4
4
|
<h1 align="center" style='border-bottom: none;'>unit.gl</h1>
|
|
5
5
|
<h3 align="center">Dynamic Layout Engine</h3>
|
package/js/GridManager.js
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.GridManager = void 0;
|
|
4
|
+
class GridManager {
|
|
2
5
|
constructor() {
|
|
3
6
|
this.STORAGE_KEY = 'unitgl:grid:visibility';
|
|
4
7
|
this.visibilityMap = {};
|
|
@@ -10,7 +13,7 @@ export class GridManager {
|
|
|
10
13
|
try {
|
|
11
14
|
this.visibilityMap = JSON.parse(localStorage.getItem(this.STORAGE_KEY) || '{}');
|
|
12
15
|
}
|
|
13
|
-
catch
|
|
16
|
+
catch {
|
|
14
17
|
this.visibilityMap = {};
|
|
15
18
|
}
|
|
16
19
|
}
|
|
@@ -60,4 +63,5 @@ export class GridManager {
|
|
|
60
63
|
});
|
|
61
64
|
}
|
|
62
65
|
}
|
|
66
|
+
exports.GridManager = GridManager;
|
|
63
67
|
//# sourceMappingURL=GridManager.js.map
|
package/js/GridManager.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GridManager.js","sourceRoot":"","sources":["../../src/ts/GridManager.ts"],"names":[],"mappings":"AAGA,
|
|
1
|
+
{"version":3,"file":"GridManager.js","sourceRoot":"","sources":["../../src/ts/GridManager.ts"],"names":[],"mappings":"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"}
|
package/js/unit.gl.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const GridManager_js_1 = require("./GridManager.js");
|
|
4
|
+
new GridManager_js_1.GridManager();
|
|
3
5
|
document.addEventListener('DOMContentLoaded', () => {
|
|
4
6
|
console.log('[unit.gl] Test site initialized');
|
|
5
7
|
const current = location.pathname.split('/').pop();
|
package/js/unit.gl.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ts/index.ts"],"names":[],"mappings":"AAEA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ts/index.ts"],"names":[],"mappings":";;AAEA,qDAA+C;AAE/C,IAAI,4BAAW,EAAE,CAAC;AAElB,QAAQ,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,GAAG,EAAE;IACjD,OAAO,CAAC,GAAG,CAAC,iCAAiC,CAAC,CAAC;IAG/C,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;IACnD,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,OAAO,IAAI,CAAC,CAAC;IACnE,IAAI,UAAU,EAAE,CAAC;QACf,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC;AAGH,CAAC,CAAC,CAAC"}
|
package/package.json
CHANGED
package/scss/_reset.scss
CHANGED
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
///
|
|
13
13
|
////
|
|
14
14
|
|
|
15
|
+
|
|
15
16
|
// ============================================================================
|
|
16
17
|
// Use
|
|
17
18
|
// ============================================================================
|
|
@@ -30,6 +31,7 @@
|
|
|
30
31
|
vertical-align: baseline; // Aligns elements to the baseline to avoid layout shifts
|
|
31
32
|
}
|
|
32
33
|
|
|
34
|
+
|
|
33
35
|
// Apply the reset mixin to all elements
|
|
34
36
|
*,
|
|
35
37
|
a,
|
package/scss/mixins/_device.scss
CHANGED
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
///
|
|
20
20
|
////
|
|
21
21
|
|
|
22
|
+
|
|
22
23
|
// ============================================================================
|
|
23
24
|
// Use
|
|
24
25
|
// ============================================================================
|
|
@@ -27,6 +28,7 @@
|
|
|
27
28
|
@use "../variables" as *;
|
|
28
29
|
@use "../maps" as *;
|
|
29
30
|
|
|
31
|
+
|
|
30
32
|
// ============================================================================
|
|
31
33
|
// Mixins
|
|
32
34
|
// ============================================================================
|
package/scss/tags/_index.scss
CHANGED
|
@@ -12,10 +12,12 @@
|
|
|
12
12
|
///
|
|
13
13
|
////
|
|
14
14
|
|
|
15
|
+
|
|
15
16
|
// ============================================================================
|
|
16
17
|
// Use
|
|
17
18
|
// ============================================================================
|
|
18
19
|
|
|
20
|
+
|
|
19
21
|
// ============================================================================
|
|
20
22
|
// Forward
|
|
21
23
|
// ============================================================================
|
package/scss/tags/_unit.scss
CHANGED
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
///
|
|
13
13
|
////
|
|
14
14
|
|
|
15
|
+
|
|
15
16
|
// ============================================================================
|
|
16
17
|
// Use
|
|
17
18
|
// ============================================================================
|
|
@@ -19,6 +20,7 @@
|
|
|
19
20
|
@use "../variables" as *;
|
|
20
21
|
@use "../mixins" as *;
|
|
21
22
|
|
|
23
|
+
|
|
22
24
|
// ============================================================================
|
|
23
25
|
// Classes
|
|
24
26
|
// ============================================================================
|
|
@@ -32,6 +32,8 @@ $guide--color: rgb(0, 200, 255);
|
|
|
32
32
|
$guide--graph_primary: rgba(111, 124, 126, 0.483);
|
|
33
33
|
|
|
34
34
|
$guide--bleed_primary: rgba(178, 51, 170, 0.5);
|
|
35
|
+
|
|
36
|
+
|
|
35
37
|
///
|
|
36
38
|
/// Primary Guide Color
|
|
37
39
|
/// ---------------------------------------------------------------------------
|
|
@@ -18,12 +18,14 @@
|
|
|
18
18
|
///
|
|
19
19
|
////
|
|
20
20
|
|
|
21
|
+
|
|
21
22
|
// ============================================================================
|
|
22
23
|
// Use
|
|
23
24
|
// ============================================================================
|
|
24
25
|
|
|
25
26
|
@use "unit" as *;
|
|
26
27
|
|
|
28
|
+
|
|
27
29
|
// ============================================================================
|
|
28
30
|
// Variables
|
|
29
31
|
// ============================================================================
|
|
@@ -35,26 +35,26 @@
|
|
|
35
35
|
|
|
36
36
|
///
|
|
37
37
|
/// The base unit in the Kyū measurement system. It represents 1/16th of a rem,
|
|
38
|
-
/// which is equivalent to 1px or 0.25mm.
|
|
38
|
+
/// which is equivalent to 1px in digital design or 0.25mm in physical design.
|
|
39
39
|
///
|
|
40
40
|
/// @name $q
|
|
41
41
|
/// @type Length
|
|
42
42
|
///
|
|
43
|
-
$q: 0.0625rem !default; // 1px, or 0.25mm
|
|
43
|
+
$q: 0.0625rem !default; // 1px in digital design, or 0.25mm in physical design
|
|
44
44
|
|
|
45
45
|
///
|
|
46
46
|
/// The minimum Kyū size used for fluid typography.
|
|
47
47
|
///
|
|
48
|
-
/// @type Length
|
|
49
48
|
/// @name $q_min
|
|
49
|
+
/// @type Length
|
|
50
50
|
///
|
|
51
51
|
$q_min: 0.75px !default;
|
|
52
52
|
|
|
53
53
|
///
|
|
54
54
|
/// The maximum Kyū size used for fluid typography.
|
|
55
55
|
///
|
|
56
|
-
/// @type Length
|
|
57
56
|
/// @name $q_max
|
|
57
|
+
/// @type Length
|
|
58
58
|
///
|
|
59
59
|
$q_max: 1.5px !default;
|
|
60
60
|
|
|
@@ -62,8 +62,8 @@ $q_max: 1.5px !default;
|
|
|
62
62
|
/// The minimum font size calculated using the minimum Kyū size, based on
|
|
63
63
|
/// the rem unit.
|
|
64
64
|
///
|
|
65
|
-
/// @type Length
|
|
66
65
|
/// @name $font_min
|
|
66
|
+
/// @type Length
|
|
67
67
|
///
|
|
68
68
|
$font_min: calc((1rem / $q) * $q_min) !default;
|
|
69
69
|
|
|
@@ -71,8 +71,8 @@ $font_min: calc((1rem / $q) * $q_min) !default;
|
|
|
71
71
|
/// The maximum font size calculated using the maximum Kyū size, based on
|
|
72
72
|
/// the rem unit.
|
|
73
73
|
///
|
|
74
|
-
/// @type Length
|
|
75
74
|
/// @name $font_max
|
|
75
|
+
/// @type Length
|
|
76
76
|
///
|
|
77
77
|
$font_max: calc((1rem / $q) * $q_max) !default;
|
|
78
78
|
|
|
@@ -33,12 +33,14 @@
|
|
|
33
33
|
///
|
|
34
34
|
////
|
|
35
35
|
|
|
36
|
+
|
|
36
37
|
// ============================================================================
|
|
37
38
|
// Use
|
|
38
39
|
// ============================================================================
|
|
39
40
|
|
|
40
41
|
@use "sass:map";
|
|
41
42
|
|
|
43
|
+
|
|
42
44
|
// ============================================================================
|
|
43
45
|
// Variables
|
|
44
46
|
// ============================================================================
|
|
@@ -147,7 +149,8 @@ $media_sl: map.get($breakpoints, sl) !default;
|
|
|
147
149
|
///
|
|
148
150
|
$media_dif: calc($media_sl - $media_xs);
|
|
149
151
|
|
|
150
|
-
// Uncomment below if you want to use the following predefined breakpoints
|
|
152
|
+
// Uncomment below if you want to use the following predefined breakpoints
|
|
153
|
+
// for various devices:
|
|
151
154
|
|
|
152
155
|
// $media_min: 320px !default; // Mobile
|
|
153
156
|
// $media_med: 640px !default; // Tablet
|