unit.gl 0.0.35 → 0.0.39

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 (72) hide show
  1. package/LICENSE +21 -201
  2. package/README.md +30 -74
  3. package/css/unit.gl.css +28 -65
  4. package/css/unit.gl.min.css +1 -1
  5. package/package.json +13 -8
  6. package/scss/_global.scss +5 -23
  7. package/scss/_reset.scss +13 -15
  8. package/scss/classes/_guide.scss +126 -0
  9. package/scss/classes/_index.scss +25 -11
  10. package/scss/classes/_ratio.scss +30 -0
  11. package/scss/dev/_banner.scss +30 -1
  12. package/scss/dev/_index.scss +0 -0
  13. package/scss/functions/_color.scss +40 -0
  14. package/scss/functions/_index.scss +39 -16
  15. package/scss/functions/_layer.scss +48 -0
  16. package/scss/functions/_ratio.scss +58 -157
  17. package/scss/functions/_scale.scss +55 -49
  18. package/scss/functions/_sequence.scss +154 -126
  19. package/scss/functions/_view.scss +40 -0
  20. package/scss/functions/math/_arithmetic.scss +102 -0
  21. package/scss/functions/math/_index.scss +30 -0
  22. package/scss/functions/unit/_index.scss +30 -0
  23. package/scss/functions/unit/_unit_conversion.scss +94 -0
  24. package/scss/functions/{_unit_functions.scss → unit/_unit_functions.scss} +70 -36
  25. package/scss/index.scss +2 -16
  26. package/scss/maps/_color.scss +43 -0
  27. package/scss/maps/_index.scss +1 -0
  28. package/scss/mixins/_device.scss +63 -25
  29. package/scss/mixins/_display.scss +106 -44
  30. package/scss/mixins/_guide.scss +191 -158
  31. package/scss/mixins/_helper.scss +287 -52
  32. package/scss/mixins/_index.scss +50 -17
  33. package/scss/mixins/_paper.scss +38 -17
  34. package/scss/mixins/_ratio.scss +30 -13
  35. package/scss/mixins/_unit.scss +94 -0
  36. package/scss/mixins/_view.scss +123 -44
  37. package/scss/tags/_index.scss +30 -0
  38. package/scss/tags/_unit.scss +40 -0
  39. package/scss/utilities/_guides.scss +103 -0
  40. package/scss/utilities/_index.scss +6 -0
  41. package/scss/variables/_color.scss +83 -0
  42. package/scss/variables/_device.scss +140 -50
  43. package/scss/variables/_index.scss +84 -16
  44. package/scss/variables/_layer.scss +148 -51
  45. package/scss/variables/_paper.scss +243 -17
  46. package/scss/variables/_ratio.scss +224 -0
  47. package/scss/variables/_scale.scss +230 -104
  48. package/scss/variables/_unit.scss +76 -72
  49. package/scss/variables/_view.scss +135 -39
  50. package/ts/AspectRatio.ts +29 -0
  51. package/ts/Border.ts +29 -0
  52. package/ts/BoxModel.ts +40 -0
  53. package/ts/FlexContainer.ts +48 -0
  54. package/ts/Grid.ts +21 -0
  55. package/ts/GridContainer.ts +33 -0
  56. package/ts/Layout.ts +34 -0
  57. package/ts/Position.ts +28 -0
  58. package/ts/Rectangle.ts +28 -0
  59. package/ts/ResponsiveImage.ts +28 -0
  60. package/ts/ResponsiveScale.ts +21 -0
  61. package/ts/Size.ts +32 -0
  62. package/ts/Spacing.ts +68 -0
  63. package/ts/Transform.ts +38 -0
  64. package/ts/Typography.ts +41 -0
  65. package/ts/Unit.ts +57 -0
  66. package/ts/Viewport.ts +24 -0
  67. package/js/index.d.ts +0 -1
  68. package/js/index.js +0 -3
  69. package/js/unit.gl.min.js +0 -1
  70. package/scss/classes/_paper.scss +0 -97
  71. package/scss/functions/_arithmetic.scss +0 -64
  72. package/scss/functions/_unit_conversion.scss +0 -77
@@ -1,29 +1,257 @@
1
- // Copyright 2024 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
1
+ // ============================================================================
2
+ // Poster
3
+ // ============================================================================
8
4
 
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.
5
+ ////
6
+ ///
7
+ /// Paper Variables Module
8
+ /// ===========================================================================
9
+ ///
10
+ /// This module defines standard paper sizes, organized into various series and
11
+ /// categories. These sizes are stored in the `$paper_sizes` map, making them
12
+ /// easily accessible throughout the project for consistent layout and design.
13
+ ///
14
+ /// @group Paper
15
+ /// @author Scape Agency
16
+ /// @link https://unit.gl
17
+ /// @since 0.1.0 initial release
18
+ /// @todo None
19
+ /// @access public
20
+ ///
21
+ /// @example
22
+ /// .element {
23
+ /// width: map-get($paper_sizes, 'a4')['width'];
24
+ /// height: map-get($paper_sizes, 'a4')['height'];
25
+ /// }
26
+ ///
27
+ ////
14
28
 
15
29
 
16
30
  // ============================================================================
17
- // Paper Module
31
+ // Use
18
32
  // ============================================================================
19
33
 
20
34
 
21
- // Paper Size Map
22
35
  // ============================================================================
36
+ // Variables
37
+ // ============================================================================
38
+
23
39
 
40
+ ///
41
+ /// Paper Size Map
42
+ /// ============================================================================
43
+ ///
44
+ /// A map of standard paper sizes, categorized by various series.
45
+ ///
46
+ /// @name $paper_sizes
47
+ /// @type Map
48
+ ///
49
+ /// @prop {Map} q0 [width: 720.00mm, height: 1080.00mm] - Q0 paper size.
50
+ /// @prop {Map} q1 [width: 540.00mm, height: 720.00mm] - Q1 paper size.
51
+ /// @prop {Map} q2 [width: 360.00mm, height: 540.00mm] - Q2 paper size.
52
+ /// @prop {Map} q3 [width: 270.00mm, height: 360.00mm] - Q3 paper size.
53
+ /// @prop {Map} q4 [width: 180.00mm, height: 270.00mm] - Q4 paper size.
54
+ /// @prop {Map} q5 [width: 135.00mm, height: 180.00mm] - Q5 paper size.
55
+ /// @prop {Map} q6 [width: 90.00mm, height: 135.00mm] - Q6 paper size.
56
+ /// @prop {Map} q7 [width: 62.50mm, height: 90.00mm] - Q7 paper size.
57
+ /// @prop {Map} q8 [width: 45.00mm, height: 62.50mm] - Q8 paper size.
58
+ /// @prop {Map} q9 [width: 31.25mm, height: 45.00mm] - Q9 paper size.
59
+ /// @prop {Map} q10 [width: 22.50mm, height: 31.25mm] - Q10 paper size.
60
+ /// @prop {Map} ansi_a [width: 8.50in, height: 11.00in] - ANSI A (Letter) paper size.
61
+ /// @prop {Map} ansi_b [width: 11.00in, height: 17.00in] - ANSI B (Ledger) paper size.
62
+ /// @prop {Map} ansi_c [width: 17.00in, height: 22.00in] - ANSI C paper size.
63
+ /// @prop {Map} ansi_d [width: 22.00in, height: 34.00in] - ANSI D paper size.
64
+ /// @prop {Map} ansi_e [width: 34.00in, height: 44.00in] - ANSI E paper size.
65
+ /// @prop {Map} arch_a [width: 9.00in, height: 12.00in] - Arch A paper size.
66
+ /// @prop {Map} arch_b [width: 12.00in, height: 18.00in] - Arch B paper size.
67
+ /// @prop {Map} arch_c [width: 18.00in, height: 24.00in] - Arch C paper size.
68
+ /// @prop {Map} arch_d [width: 24.00in, height: 36.00in] - Arch D paper size.
69
+ /// @prop {Map} arch_e [width: 36.00in, height: 48.00in] - Arch E paper size.
70
+ /// @prop {Map} din_a0 [width: 841.00mm, height: 1189.00mm] - DIN A0 paper size.
71
+ /// @prop {Map} din_a1 [width: 594.00mm, height: 841.00mm] - DIN A1 paper size.
72
+ /// @prop {Map} din_a2 [width: 420.00mm, height: 594.00mm] - DIN A2 paper size.
73
+ /// @prop {Map} din_a3 [width: 297.00mm, height: 420.00mm] - DIN A3 paper size.
74
+ /// @prop {Map} din_a4 [width: 210.00mm, height: 297.00mm] - DIN A4 paper size.
75
+ /// @prop {Map} din_a5 [width: 148.00mm, height: 210.00mm] - DIN A5 paper size.
76
+ /// @prop {Map} din_a6 [width: 105.00mm, height: 148.00mm] - DIN A6 paper size.
77
+ /// @prop {Map} din_a7 [width: 74.00mm, height: 105.00mm] - DIN A7 paper size.
78
+ /// @prop {Map} din_a8 [width: 52.00mm, height: 74.00mm] - DIN A8 paper size.
79
+ /// @prop {Map} din_a9 [width: 37.00mm, height: 52.00mm] - DIN A9 paper size.
80
+ /// @prop {Map} din_a10 [width: 26.00mm, height: 37.00mm] - DIN A10 paper size.
81
+ /// @prop {Map} iso_a0 [width: 841.00mm, height: 1189.00mm] - ISO A0 paper size.
82
+ /// @prop {Map} iso_a1 [width: 594.00mm, height: 841.00mm] - ISO A1 paper size.
83
+ /// @prop {Map} iso_a2 [width: 420.00mm, height: 594.00mm] - ISO A2 paper size.
84
+ /// @prop {Map} iso_a3 [width: 297.00mm, height: 420.00mm] - ISO A3 paper size.
85
+ /// @prop {Map} iso_a4 [width: 210.00mm, height: 297.00mm] - ISO A4 paper size.
86
+ /// @prop {Map} iso_a5 [width: 148.00mm, height: 210.00mm] - ISO A5 paper size.
87
+ /// @prop {Map} iso_a6 [width: 105.00mm, height: 148.00mm] - ISO A6 paper size.
88
+ /// @prop {Map} iso_a7 [width: 74.00mm, height: 105.00mm] - ISO A7 paper size.
89
+ /// @prop {Map} iso_a8 [width: 52.00mm, height: 74.00mm] - ISO A8 paper size.
90
+ /// @prop {Map} iso_a9 [width: 37.00mm, height: 52.00mm] - ISO A9 paper size.
91
+ /// @prop {Map} iso_a10 [width: 26.00mm, height: 37.00mm] - ISO A10 paper size.
92
+ /// @prop {Map} iso_b0 [width: 1000.00mm, height: 1414.00mm] - ISO B0 paper size.
93
+ /// @prop {Map} iso_b1 [width: 707.00mm, height: 1000.00mm] - ISO B1 paper size.
94
+ /// @prop {Map} iso_b2 [width: 500.00mm, height: 707.00mm] - ISO B2 paper size.
95
+ /// @prop {Map} iso_b3 [width: 353.00mm, height: 500.00mm] - ISO B3 paper size.
96
+ /// @prop {Map} iso_b4 [width: 250.00mm, height: 353.00mm] - ISO B4 paper size.
97
+ /// @prop {Map} iso_b5 [width: 176.00mm, height: 250.00mm] - ISO B5 paper size.
98
+ /// @prop {Map} iso_b6 [width: 125.00mm, height: 176.00mm] - ISO B6 paper size.
99
+ /// @prop {Map} iso_b7 [width: 88.00mm, height: 125.00mm] - ISO B7 paper size.
100
+ /// @prop {Map} iso_b8 [width: 62.00mm, height: 88.00mm] - ISO B8 paper size.
101
+ /// @prop {Map} iso_b9 [width: 44.00mm, height: 62.00mm] - ISO B9 paper size.
102
+ /// @prop {Map} iso_b10 [width: 31.00mm, height: 44.00mm] - ISO B10 paper size.
103
+ /// @prop {Map} iso_c0 [width: 917.00mm, height: 1297.00mm] - ISO C0 paper size.
104
+ /// @prop {Map} iso_c1 [width:648.00mm, height: 917.00mm] - ISO C1 paper size.
105
+ /// @prop {Map} iso_c2 [width: 458.00mm, height: 648.00mm] - ISO C2 paper size.
106
+ /// @prop {Map} iso_c3 [width: 324.00mm, height: 458.00mm] - ISO C3 paper size.
107
+ /// @prop {Map} iso_c4 [width: 229.00mm, height: 324.00mm] - ISO C4 paper size.
108
+ /// @prop {Map} iso_c5 [width: 162.00mm, height: 229.00mm] - ISO C5 paper size.
109
+ /// @prop {Map} iso_c6 [width: 114.00mm, height: 162.00mm] - ISO C6 paper size.
110
+ /// @prop {Map} iso_c7 [width: 81.00mm, height: 114.00mm] - ISO C7 paper size.
111
+ /// @prop {Map} iso_c8 [width: 57.00mm, height: 81.00mm] - ISO C8 paper size.
112
+ /// @prop {Map} iso_c9 [width: 40.00mm, height: 57.00mm] - ISO C9 paper size.
113
+ /// @prop {Map} iso_c10 [width: 28.00mm, height: 40.00mm] - ISO C10 paper size.
114
+ /// @prop {Map} iso_ra0 [width: 860.00mm, height: 1220.00mm] - ISO RA0 paper size.
115
+ /// @prop {Map} iso_ra1 [width: 610.00mm, height: 860.00mm] - ISO RA1 paper size.
116
+ /// @prop {Map} iso_ra2 [width: 430.00mm, height: 610.00mm] - ISO RA2 paper size.
117
+ /// @prop {Map} iso_ra3 [width: 305.00mm, height: 430.00mm] - ISO RA3 paper size.
118
+ /// @prop {Map} iso_ra4 [width: 215.00mm, height: 305.00mm] - ISO RA4 paper size.
119
+ /// @prop {Map} iso_sra0 [width: 900.00mm, height: 1280.00mm] - ISO SRA0 paper size.
120
+ /// @prop {Map} iso_sra1 [width: 640.00mm, height: 900.00mm] - ISO SRA1 paper size.
121
+ /// @prop {Map} iso_sra2 [width: 450.00mm, height: 640.00mm] - ISO SRA2 paper size.
122
+ /// @prop {Map} iso_sra3 [width: 320.00mm, height: 450.00mm] - ISO SRA3 paper size.
123
+ /// @prop {Map} iso_sra4 [width: 225.00mm, height: 320.00mm] - ISO SRA4 paper size.
124
+ /// @prop {Map} jis_a0 [width: 841.00mm, height: 1189.00mm] - JIS A0 paper size.
125
+ /// @prop {Map} jis_a1 [width: 594.00mm, height: 841.00mm] - JIS A1 paper size.
126
+ /// @prop {Map} jis_a2 [width: 420.00mm, height: 594.00mm] - JIS A2 paper size.
127
+ /// @prop {Map} jis_a3 [width: 297.00mm, height: 420.00mm] - JIS A3 paper size.
128
+ /// @prop {Map} jis_a4 [width: 210.00mm, height: 297.00mm] - JIS A4 paper size.
129
+ /// @prop {Map} jis_a5 [width: 148.00mm, height: 210.00mm] - JIS A5 paper size.
130
+ /// @prop {Map} jis_a6 [width: 105.00mm, height: 148.00mm] - JIS A6 paper size.
131
+ /// @prop {Map} jis_a7 [width: 74.00mm, height: 105.00mm] - JIS A7 paper size.
132
+ /// @prop {Map} jis_a8 [width: 52.00mm, height: 74.00mm] - JIS A8 paper size.
133
+ /// @prop {Map} jis_a9 [width: 37.00mm, height: 52.00mm] - JIS A9 paper size.
134
+ /// @prop {Map} jis_a10 [width: 26.00mm, height: 37.00mm] - JIS A10 paper size.
135
+ /// @prop {Map} jis_b0 [width: 1030.00mm, height: 1456.00mm] - JIS B0 paper size.
136
+ /// @prop {Map} jis_b1 [width: 728.00mm, height: 1030.00mm] - JIS B1 paper size.
137
+ /// @prop {Map} jis_b2 [width: 515.00mm, height: 728.00mm] - JIS B2 paper size.
138
+ /// @prop {Map} jis_b3 [width: 364.00mm, height: 515.00mm] - JIS B3 paper size.
139
+ /// @prop {Map} jis_b4 [width: 257.00mm, height: 364.00mm] - JIS B4 paper size.
140
+ /// @prop {Map} jis_b5 [width: 182.00mm, height: 257.00mm] - JIS B5 paper size.
141
+ /// @prop {Map} jis_b6 [width: 128.00mm, height: 182.00mm] - JIS B6 paper size.
142
+ /// @prop {Map} jis_b7 [width: 91.00mm, height: 128.00mm] - JIS B7 paper size.
143
+ /// @prop {Map} jis_b8 [width: 64.00mm, height: 91.00mm] - JIS B8 paper size.
144
+ /// @prop {Map} jis_b9 [width: 45.00mm, height: 64.00mm] - JIS B9 paper size.
145
+ /// @prop {Map} jis_b10 [width: 32.00mm, height: 45.00mm] - JIS B10 paper size.
146
+ /// @prop {Map} jis_c0 [width: 917.00mm, height: 1297.00mm] - JIS C0 paper size.
147
+ /// @prop {Map} jis_c1 [width: 648.00mm, height: 917.00mm] - JIS C1 paper size.
148
+ /// @prop {Map} jis_c2 [width: 458.00mm, height: 648.00mm] - JIS C2 paper size.
149
+ /// @prop {Map} jis_c3 [width: 324.00mm, height: 458.00mm] - JIS C3 paper size.
150
+ /// @prop {Map} jis_c4 [width: 229.00mm, height: 324.00mm] - JIS C4 paper size.
151
+ /// @prop {Map} jis_c5 [width: 162.00mm, height: 229.00mm] - JIS C5 paper size.
152
+ /// @prop {Map} jis_c6 [width: 114.00mm, height: 162.00mm] - JIS C6 paper size.
153
+ /// @prop {Map} jis_c7 [width: 81.00mm, height: 114.00mm] - JIS C7 paper size.
154
+ /// @prop {Map} jis_c8 [width: 57.00mm, height: 81.00mm] - JIS C8 paper size.
155
+ /// @prop {Map} jis_c9 [width: 40.00mm, height: 57.00mm] - JIS C9 paper size.
156
+ /// @prop {Map} jis_c10 [width: 28.00mm, height: 40.00mm] - JIS C10 paper size.
157
+ /// @prop {Map} pa0 [width: 840.00mm, height: 1120.00mm] - PA0 paper size.
158
+ /// @prop {Map} pa1 [width: 560.00mm, height: 840.00mm] - PA1 paper size.
159
+ /// @prop {Map} pa2 [width: 420.00mm, height: 560.00mm] - PA2 paper size.
160
+ /// @prop {Map} pa3 [width: 280.00mm, height: 420.00mm] - PA3 paper size.
161
+ /// @prop {Map} pa4 [width: 210.00mm, height: 280.00mm] - PA4 paper size.
162
+ /// @prop {Map} pa5 [width: 140.00mm, height: 210.00mm] - PA5 paper size.
163
+ /// @prop {Map} pa6 [width: 105.00mm, height: 140.00mm] - PA6 paper size.
164
+ /// @prop {Map} pa7 [width: 70.00mm, height: 105.00mm] - PA7 paper size.
165
+ /// @prop {Map} pa8 [width: 52.00mm, height: 70.00mm] - PA8 paper size.
166
+ /// @prop {Map} pa9 [width: 35.00mm, height: 52.00mm] - PA9 paper size.
167
+ /// @prop {Map} pa10 [width: 26.00mm, height: 35.00mm] - PA10 paper size.
168
+ /// @prop {Map} photo_3x3 [width: 3.00in, height: 3.00in] - 3”x3” photographic paper size.
169
+ /// @prop {Map} photo_4x5 [width: 4.00in, height: 5.00in] - 4”x5” photographic paper size.
170
+ /// @prop {Map} photo_5x7 [width: 5.00in, height: 7.00in] - 5”x7” photographic paper size.
171
+ /// @prop {Map} photo_8x10 [width: 8.00in, height: 10.00in] - 8”x10” photographic paper size.
172
+ /// @prop {Map} photo_10x12 [width: 10.00in, height: 12.00in] - 10”x12” photographic paper size.
173
+ /// @prop {Map} photo_16x20 [width: 16.00in, height: 20.00in] - 16”x20” photographic paper size.
174
+ /// @prop {Map} photo_2r [width: 2.50in, height: 3.50in] - 2R (Wallet) photographic paper size.
175
+ /// @prop {Map} photo_3r [width: 3.50in, height: 5.00in] - 3R photographic paper size.
176
+ /// @prop {Map} photo_4r [width: 4.00in, height: 6.00in] - 4R photographic paper size.
177
+ /// @prop {Map} photo_5r [width: 5.00in, height: 7.00in] - 5R photographic paper size.
178
+ /// @prop {Map} photo_6r [width: 6.00in, height: 8.00in] - 6R photographic paper size.
179
+ /// @prop {Map} photo_8r [width: 8.00in, height: 10.00in] - 8R photographic paper size.
180
+ /// @prop {Map} photo_8r_plus [width: 8.00in, height: 12.00in] - 8R+ photographic paper size.
181
+ /// @prop {Map} photo_10r [width: 10.00in, height: 12.00in] - 10R photographic paper size.
182
+ /// @prop {Map} photo_10r_plus [width: 10.00in, height: 15.00in] - 10R+ photographic paper size.
183
+ /// @prop {Map} photo_11r [width: 11.00in, height: 14.00in] - 11R photographic paper size.
184
+ /// @prop {Map} photo_11r_plus [width: 11.00in, height: 17.00in] - 11R+ photographic paper size.
185
+ /// @prop {Map} photo_12r [width: 12.00in, height: 15.00in] - 12R photographic paper size.
186
+ /// @prop {Map} photo_12r_plus [width: 12.00in, height: 18.00in] - 12R+ photographic paper size.
187
+ /// @prop {Map} photo_14r [width: 14.00in, height: 17.00in] - 14R photographic paper size.
188
+ /// @prop {Map} photo_16r [width: 16.00in, height: 20.00in] - 16R photographic paper size.
189
+ /// @prop {Map} photo_16r_plus [width: 16.00in, height: 24.00in] - 16R+ photographic paper size.
190
+ /// @prop {Map} photo_20r [width: 20.00in, height: 24.00in] - 20R photographic paper size.
191
+ /// @prop {Map} photo_20r_plus [width: 20.00in, height: 28.00in] - 20R+ photographic paper size.
192
+ /// @prop {Map} photo_22r [width: 20.00in, height: 29.50in] - 22R photographic paper size.
193
+ /// @prop {Map} photo_24r [width: 24.00in, height: 31.50in] - 24R photographic paper size.
194
+ /// @prop {Map} photo_24r_plus [width: 24.00in, height: 35.50in] - 24R+ photographic paper size.
195
+ /// @prop {Map} photo_30r [width: 30.00in, height: 40.00in] - 30R photographic paper size.
196
+ /// @prop {Map} us_letter [width: 8.50in, height: 11.00in] - US Letter paper size.
197
+ /// @prop {Map} us_legal [width: 8.50in, height: 14.00in] - US Legal paper size.
198
+ /// @prop {Map} us_ledger [width: 11.00in, height: 17.00in] - US Ledger/Tabloid paper size.
199
+ /// @prop {Map} us_junior [width: 5.00in, height: 8.00in] - US Junior Legal paper size.
200
+ /// @prop {Map} us_half_letter [width: 5.50in, height: 8.50in] - US Half Letter paper size.
201
+ /// @prop {Map} us_government_letter [width: 8.00in, height: 10.50in] - US Government Letter paper size.
202
+ /// @prop {Map} us_executive [width: 7.25in, height: 10.50in] - US Executive paper size.
203
+ /// @prop {Map} us_statement [width: 5.50in, height: 8.50in] - US Statement paper size.
204
+ /// @prop {Map} us_folio [width: 8.50in, height: 13.00in] - US Folio paper size.
205
+ /// @prop {Map} us_quarto [width: 8.00in, height: 10.00in] - US Quarto paper size.
206
+ /// @prop {Map} us_tabloid_extra [width: 12.00in, height: 18.00in] - US Tabloid Extra paper size.
207
+ /// @prop {Map} poster_small [width: 11.00in, height: 17.00in] - Small Poster size.
208
+ /// @prop {Map} poster_medium [width: 18.00in, height: 24.00in] - Medium Poster size.
209
+ /// @prop {Map} poster_large [width: 24.00in, height: 36.00in] - Large Poster size.
210
+ /// @prop {Map} poster_movie [width: 27.00in, height: 40.00in] - Movie Poster size.
211
+ /// @prop {Map} poster_xlarge [width: 36.00in, height: 48.00in] - Extra Large Poster size.
212
+ /// @prop {Map} canvas_8x10 [width: 8.00in, height: 10.00in] - 8”x10” art canvas size.
213
+ /// @prop {Map} canvas_10x14 [width: 10.00in, height: 14.00in] - 10”x14” art canvas size.
214
+ /// @prop {Map} canvas_10x24 [width: 10.00in, height: 24.00in] - 10”x24” art canvas size.
215
+ /// @prop {Map} canvas_12x12 [width: 12.00in, height: 12.00in] - 12”x12” art canvas size.
216
+ /// @prop {Map} canvas_12x36 [width: 12.00in, height: 36.00in] - 12”x36” art canvas size.
217
+ /// @prop {Map} canvas_16x16 [width: 16.00in, height: 16.00in] - 16”x16” art canvas size.
218
+ /// @prop {Map} canvas_16x20 [width: 16.00in, height: 20.00in] - 16”x20” art canvas size.
219
+ /// @prop {Map} canvas_18x24 [width: 18.00in, height: 24.00in] - 18”x24” art canvas size.
220
+ /// @prop {Map} canvas_20x30 [width: 20.00in, height: 30.00in] - 20”x30” art canvas size.
221
+ /// @prop {Map} canvas_20x60 [width: 20.00in, height: 60.00in] - 20”x60” art canvas size.
222
+ /// @prop {Map} canvas_24x36 [width: 24.00in, height: 36.00in] - 24”x36” art canvas size.
223
+ /// @prop {Map} canvas_30x40 [width: 30.00in, height: 40.00in] - 30”x40” art canvas size.
224
+ /// @prop {Map} canvas_30x90 [width: 30.00in, height: 90.00in] - 30”x90” art canvas size.
225
+ /// @prop {Map} canvas_36x48 [width: 36.00in, height: 48.00in] - 36”x48” art canvas size.
226
+ /// @prop {Map} canvas_40x40 [width: 40.00in, height: 40.00in] - 40”x40” art canvas size.
227
+ /// @prop {Map} canvas_40x60 [width: 40.00in, height: 60.00in] - 40”x60” art canvas size.
228
+ /// @prop {Map} canvas_48x72 [width: 48.00in, height: 72.00in] - 48”x72” art canvas size.
229
+ /// @prop {Map} book_small [width: 5in, height: 8in] - Small book size.
230
+ /// @prop {Map} book_medium [width: 6in, height: 9in] - Medium book size.
231
+ /// @prop {Map} book_large [width: 7in, height: 10in] - Large book size.
232
+ /// @prop {Map} book_collectors [width: 9in, height: 12in] - Collector’s edition book size.
233
+ /// @prop {Map} book_coffee_table [width: 12in, height: 15in] - Coffee table book size.
234
+ /// @prop {Map} business_card_us [width: 3.5in, height: 2in] - US standard business card size.
235
+ /// @prop {Map} business_card_eu [width: 85mm, height: 55mm] - EU standard business card size.
236
+ /// @prop {Map} business_card_iso [width: 90mm, height: 55mm] - ISO standard business card size.
237
+ /// @prop {Map} index_card_3x5 [width: 3in, height: 5in] - 3”x5” index card size.
238
+ /// @prop {Map} index_card_4x6 [width: 4in, height: 6in] - 4”x6” index card size.
239
+ /// @prop {Map} index_card_5x8 [width: 5in, height: 8in] - 5”x8” index card size.
240
+ /// @prop {Map} brochure_8x10 [width: 8in, height: 10in] - 8”x10” brochure size.
241
+ /// @prop {Map} brochure_11x17 [width: 11in, height: 17in] - 11”x17” brochure size.
242
+ /// @prop {Map} flyer_small [width: 4.25in, height: 5.5in] - Small flyer size.
243
+ /// @prop {Map} flyer_medium [width: 5.5in, height: 8.5in] - Medium flyer size.
244
+ /// @prop {Map} flyer_large [width: 8.5in, height: 11in] - Large flyer size.
245
+ /// @prop {Map} journal_standard [width: 6in, height: 9in] - Standard academic journal size.
246
+ /// @prop {Map} journal_large [width: 7in, height: 10in] - Large academic journal size.
247
+ /// @prop {Map} thesis_standard [width: 8.5in, height: 11in] - Standard thesis paper size.
248
+ /// @prop {Map} thesis_large [width: 11in, height: 17in] - Large thesis paper size.
249
+ /// @prop {Map} comic_book [width: 6.625in, height: 10.25in] - Standard comic book size.
250
+ /// @prop {Map} music_sheet [width: 9in, height: 12in] - Standard music sheet size.
251
+ /// @prop {Map} playing_card [width: 2.5in, height: 3.5in] - Standard playing card size.
24
252
  $paper_sizes: (
25
253
 
26
- // Q Series
254
+ // Q Series (Custom)
27
255
  // ------------------------------------------------------------------------
28
256
  "q0": (width: 720.00mm, height: 1080.00mm), // Q0
29
257
  "q1": (width: 540.00mm, height: 720.00mm), // Q1
@@ -304,5 +532,3 @@ $paper_sizes: (
304
532
  'playing_card': (width: 2.5in, height: 3.5in), // Standard Playing Card
305
533
 
306
534
  ) !default;
307
-
308
-
@@ -0,0 +1,224 @@
1
+ // ============================================================================
2
+ // Poster
3
+ // ============================================================================
4
+
5
+ ////
6
+ ///
7
+ /// Ratio Variables Module
8
+ /// ===========================================================================
9
+ ///
10
+ /// @group Ratio
11
+ /// @author Scape Agency
12
+ /// @link https://unit.gl
13
+ /// @since 0.1.0 initial release
14
+ /// @todo None
15
+ /// @access public
16
+ ///
17
+ ////
18
+
19
+
20
+ // ============================================================================
21
+ // Use
22
+ // ============================================================================
23
+
24
+
25
+ // ============================================================================
26
+ // Variables
27
+ // ============================================================================
28
+
29
+
30
+ ///
31
+ /// A map of common ratios used for modular scale calculations, organized by
32
+ /// categories such as musical intervals, mathematical constants, and special
33
+ /// ratios used in design and architecture.
34
+ /// This map defines a variety of ratios used in modular scale calculations for
35
+ /// responsive typography, layout design, and other scaling needs. These ratios
36
+ /// are drawn from musical intervals, mathematical constants, and design
37
+ /// principles.
38
+ ///
39
+ /// @name $ratio_map
40
+ /// @type Map
41
+ ///
42
+ /// @prop {Number} minor_second [1.067] - Minor second interval.
43
+ /// @prop {Number} minor_third [1.2] - Minor third interval.
44
+ /// @prop {Number} minor_fourth [1.334] - Minor fourth interval (also known as diminished fifth).
45
+ /// @prop {Number} minor_fifth [1.5] - Minor fifth interval.
46
+ /// @prop {Number} minor_sixth [1.6] - Minor sixth interval.
47
+ /// @prop {Number} minor_seventh [1.778] - Minor seventh interval.
48
+ /// @prop {Number} minor_octave [2] - Minor octave interval.
49
+ /// @prop {Number} major_second [1.125] - Major second interval.
50
+ /// @prop {Number} major_third [1.25] - Major third interval.
51
+ /// @prop {Number} major_fourth [1.333] - Major fourth interval (perfect fourth).
52
+ /// @prop {Number} major_fifth [1.5] - Major fifth interval (perfect fifth).
53
+ /// @prop {Number} major_sixth [1.667] - Major sixth interval.
54
+ /// @prop {Number} major_seventh [1.875] - Major seventh interval.
55
+ /// @prop {Number} major_octave [2] - Major octave interval (perfect octave).
56
+ /// @prop {Number} perfect_unison [1] - Perfect unison, the same note.
57
+ /// @prop {Number} perfect_second [1.125] - Perfect second interval.
58
+ /// @prop {Number} perfect_third [1.25] - Perfect third interval.
59
+ /// @prop {Number} perfect_fourth [1.333] - Perfect fourth interval.
60
+ /// @prop {Number} perfect_fifth [1.5] - Perfect fifth interval.
61
+ /// @prop {Number} perfect_sixth [1.667] - Perfect sixth interval.
62
+ /// @prop {Number} perfect_seventh [1.875] - Perfect seventh interval.
63
+ /// @prop {Number} perfect_octave [2] - Perfect octave, double the frequency.
64
+ /// @prop {Number} perfect_ninth [2.25] - Perfect ninth interval.
65
+ /// @prop {Number} perfect_tenth [2.5] - Perfect tenth interval.
66
+ /// @prop {Number} perfect_eleventh [2.667] - Perfect eleventh interval.
67
+ /// @prop {Number} perfect_twelfth [3] - Perfect twelfth interval.
68
+ /// @prop {Number} perfect_thirteenth [3.333] - Perfect thirteenth interval.
69
+ /// @prop {Number} perfect_fourteenth [3.667] - Perfect fourteenth interval.
70
+ /// @prop {Number} perfect_fifteenth [4] - Perfect fifteenth interval, double octave.
71
+ /// @prop {Number} double_octave [4] - Twice the frequency of the perfect octave.
72
+ /// @prop {Number} triple_octave [8] - Three times the frequency of the perfect octave.
73
+ /// @prop {Number} augmented_unison [1.059] - Slightly higher than perfect unison.
74
+ /// @prop {Number} augmented_second [1.122] - Slightly higher than major second.
75
+ /// @prop {Number} augmented_third [1.189] - Slightly higher than major third.
76
+ /// @prop {Number} augmented_fourth [1.414] - Augmented fourth, also known as tritone.
77
+ /// @prop {Number} augmented_fifth [1.587] - Slightly higher than perfect fifth.
78
+ /// @prop {Number} augmented_sixth [1.682] - Slightly higher than major sixth.
79
+ /// @prop {Number} augmented_seventh [1.782] - Slightly higher than major seventh.
80
+ /// @prop {Number} augmented_octave [2.059] - Slightly higher than perfect octave.
81
+ /// @prop {Number} diminished_unison [0.943] - Diminished unison, slightly less than perfect unison.
82
+ /// @prop {Number} diminished_second [1.053] - Diminished second interval, slightly less than minor second.
83
+ /// @prop {Number} diminished_third [1.122] - Diminished third interval, slightly less than minor third.
84
+ /// @prop {Number} diminished_fourth [1.260] - Diminished fourth, slightly less than perfect fourth.
85
+ /// @prop {Number} diminished_fifth [1.414] - Tritone, halfway between perfect fourth and fifth.
86
+ /// @prop {Number} diminished_sixth [1.587] - Diminished sixth interval, slightly less than major sixth.
87
+ /// @prop {Number} diminished_seventh [1.782] - Diminished seventh interval, slightly less than major seventh.
88
+ /// @prop {Number} diminished_octave [1.961] - Diminished octave, slightly less than perfect octave.
89
+ /// @prop {Number} root_two [1.414] - Square root of 2.
90
+ /// @prop {Number} root_three [1.732] - Square root of 3.
91
+ /// @prop {Number} root_four [2] - Square root of 4.
92
+ /// @prop {Number} root_five [2.236] - Square root of 5.
93
+ /// @prop {Number} golden_ratio [1.618] - The golden ratio.
94
+ /// @prop {Number} silver_ratio [2.414] - Analogous to the golden ratio.
95
+ /// @prop {Number} bronze_ratio [1.927] - Analogous to silver and golden ratios.
96
+ /// @prop {Number} phi [1.618] - Another name for the golden ratio.
97
+ /// @prop {Number} pi [3.142] - Mathematical Pi value.
98
+ /// @prop {Number} euler [2.718] - Euler's number.
99
+ /// @prop {Number} pythagorean [1.732] - Pythagorean constant, square root of 3.
100
+ /// @prop {Number} square [1.414] - Square root of 2.
101
+ /// @prop {Number} fibonacci [1.618] - Fibonacci sequence ratio.
102
+ /// @prop {Number} plastic_number [1.324] - Plastic constant, another unique irrational number.
103
+ /// @prop {Number} feigenbaum [4.669] - Feigenbaum constant in chaos theory.
104
+ /// @prop {Number} apollonian [1.306] - Apollonian gasket, related to circle packing.
105
+ /// @prop {Number} cosmic_ratio [1.273] - Based on cosmic geometry.
106
+ /// @prop {Number} egyptian_fraction [1.571] - Ancient Egyptian architecture ratio.
107
+ /// @prop {Number} harmonic_mean [1.455] - Harmonic mean, a type of average.
108
+ /// @prop {Number} gauss_constant [0.834] - Gauss's constant related to the arithmetic-geometric mean.
109
+ /// @prop {Number} super_golden [2.058] - Super golden ratio, a higher order of the golden ratio.
110
+ /// @prop {Number} parthenon_ratio [1.618] - Ratio used in the architecture of the Parthenon.
111
+ /// @prop {Number} le_corbusier [1.618] - Le Corbusier’s modulor ratio, used in modernist architecture.
112
+ /// @prop {Number} vesica_piscis [1.732] - Ratio derived from the vesica piscis shape, often used in sacred geometry.
113
+ $ratio_map: (
114
+
115
+ // Musical Intervals
116
+ // ========================================================================
117
+ // Commonly used in creating harmonious designs based on musical theory.
118
+
119
+ // Musical Minor Interval
120
+ // ------------------------------------------------------------------------
121
+ "minor_second": 1.067, // Minor second interval
122
+ "minor_third": 1.2, // Minor third interval
123
+ "minor_fourth": 1.334, // Minor fourth interval (also known as diminished fifth)
124
+ "minor_fifth": 1.5, // Minor fifth interval
125
+ "minor_sixth": 1.6, // Minor sixth interval
126
+ "minor_seventh": 1.778, // Minor seventh interval
127
+ "minor_octave": 2, // Minor octave interval
128
+
129
+ // Musical Major Interval
130
+ // ------------------------------------------------------------------------
131
+ "major_second": 1.125, // Major second interval
132
+ "major_third": 1.25, // Major third interval
133
+ "major_fourth": 1.333, // Major fourth interval (perfect fourth)
134
+ "major_fifth": 1.5, // Major fifth interval (perfect fifth)
135
+ "major_sixth": 1.667, // Major sixth interval
136
+ "major_seventh": 1.875, // Major seventh interval
137
+ "major_octave": 2, // Major octave interval (perfect octave)
138
+
139
+ // Musical Perfect Interval
140
+ // ------------------------------------------------------------------------
141
+ "perfect_unison": 1, // Perfect unison, the same note
142
+ "perfect_second": 1.125, // Perfect second interval
143
+ "perfect_third": 1.25, // Perfect third interval
144
+ "perfect_fourth": 1.333, // Perfect fourth interval
145
+ "perfect_fifth": 1.5, // Perfect fifth interval
146
+ "perfect_sixth": 1.667, // Perfect sixth interval
147
+ "perfect_seventh": 1.875, // Perfect seventh interval
148
+ "perfect_octave": 2, // Perfect octave, double the frequency
149
+ "perfect_ninth": 2.25, // Perfect ninth interval
150
+ "perfect_tenth": 2.5, // Perfect tenth interval
151
+ "perfect_eleventh": 2.667, // Perfect eleventh interval
152
+ "perfect_twelfth": 3, // Perfect twelfth interval
153
+ "perfect_thirteenth": 3.333, // Perfect thirteenth interval
154
+ "perfect_fourteenth": 3.667, // Perfect fourteenth interval
155
+ "perfect_fifteenth": 4, // Perfect fifteenth interval, double octave
156
+ "double_octave": 4, // Twice the frequency of the perfect octave
157
+ "triple_octave": 8, // Three times the frequency of the perfect octave
158
+
159
+ // Musical Augmented Interval
160
+ // ------------------------------------------------------------------------
161
+ "augmented_unison": 1.059, // Slightly higher than perfect unison
162
+ "augmented_second": 1.122, // Slightly higher than major second
163
+ "augmented_third": 1.189, // Slightly higher than major third
164
+ "augmented_fourth": 1.414, // Augmented fourth, also known as tritone
165
+ "augmented_fifth": 1.587, // Slightly higher than perfect fifth
166
+ "augmented_sixth": 1.682, // Slightly higher than major sixth
167
+ "augmented_seventh": 1.782, // Slightly higher than major seventh
168
+ "augmented_octave": 2.059, // Slightly higher than perfect octave
169
+
170
+ // Musical Diminished Interval
171
+ // ------------------------------------------------------------------------
172
+ "diminished_unison": 0.943, // A diminished unison, slightly less than a perfect unison
173
+ "diminished_second": 1.053, // Diminished second interval, slightly less than a minor second
174
+ "diminished_third": 1.122, // Diminished third interval, slightly less than a minor third
175
+ "diminished_fourth": 1.260, // Diminished fourth, slightly less than a perfect fourth
176
+ "diminished_fifth": 1.414, // Tritone, halfway between a perfect fourth and perfect fifth
177
+ "diminished_sixth": 1.587, // Diminished sixth interval, slightly less than a major sixth
178
+ "diminished_seventh": 1.782, // Diminished seventh interval, slightly less than a major seventh
179
+ "diminished_octave": 1.961, // A diminished octave, slightly less than a perfect octave
180
+
181
+
182
+ // Mathematical Constants
183
+ // ========================================================================
184
+ // These ratios are derived from important mathematical constants.
185
+
186
+ // Root
187
+ // ------------------------------------------------------------------------
188
+ "root_two": 1.414, // Square root of 2
189
+ "root_three": 1.732, // Square root of 3
190
+ "root_four": 2, // Square root of 4
191
+ "root_five": 2.236, // Square root of 5
192
+ "golden_ratio": 1.618,
193
+ "silver_ratio": 2.414, // Analogous to the golden ratio
194
+ "bronze_ratio": 1.927, // Analogous to silver and golden ratios
195
+ "phi": 1.618, // Another name for the golden ratio
196
+ "pi": 3.142, // Mathematical Pi value
197
+ "euler": 2.718, // Euler's number
198
+
199
+ // Special Ratios
200
+ // ========================================================================
201
+ // Unique ratios derived from specific design, architectural, or theoretical contexts.
202
+
203
+ // Special
204
+ // ------------------------------------------------------------------------
205
+ "pythagorean": 1.732, // Pythagorean constant, square root of 3
206
+ "square": 1.414, // Square root of 2
207
+ "fibonacci": 1.618, // Fibonacci sequence ratio
208
+ "plastic_number": 1.324, // Plastic constant, another unique irrational number
209
+ "feigenbaum": 4.669, // Feigenbaum constant in chaos theory
210
+ "apollonian": 1.306, // Apollonian gasket, related to circle packing
211
+ "cosmic_ratio": 1.273, // Based on cosmic geometry
212
+ "egyptian_fraction": 1.571, // Ancient Egyptian architecture ratio
213
+ "harmonic_mean": 1.455, // Harmonic mean, a type of average
214
+ "gauss_constant": 0.834, // Gauss's constant related to the arithmetic-geometric mean
215
+ "super_golden": 2.058, // Super golden ratio, a higher order of the golden ratio
216
+
217
+ // Design & Architecture Ratios
218
+ // ------------------------------------------------------------------------
219
+
220
+ "parthenon_ratio": 1.618,
221
+ "le_corbusier": 1.618,
222
+ "vesica_piscis": 1.732
223
+
224
+ ) !default;