unit.gl 0.1.2 → 0.1.9

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/README.md +5 -5
  2. package/css/unit.gl.css +253 -122
  3. package/css/unit.gl.min.css +1 -1
  4. package/js/grids.js +59 -0
  5. package/js/grids.js.map +1 -0
  6. package/js/unit.gl.js +10 -0
  7. package/js/unit.gl.js.map +1 -0
  8. package/package.json +2 -2
  9. package/scss/_reset.scss +15 -1
  10. package/scss/classes/_guide.scss +56 -54
  11. package/scss/classes/_index.scss +1 -5
  12. package/scss/classes/_ratio.scss +56 -6
  13. package/scss/dev/_banner.scss +0 -4
  14. package/scss/functions/_color.scss +1 -5
  15. package/scss/functions/_index.scss +0 -4
  16. package/scss/functions/_layer.scss +3 -6
  17. package/scss/functions/_ratio.scss +2 -5
  18. package/scss/functions/_scale.scss +8 -14
  19. package/scss/functions/_sequence.scss +0 -5
  20. package/scss/functions/_view.scss +0 -4
  21. package/scss/functions/math/_arithmetic.scss +12 -10
  22. package/scss/functions/math/_index.scss +0 -4
  23. package/scss/functions/unit/_index.scss +0 -4
  24. package/scss/functions/unit/_unit_conversion.scss +6 -30
  25. package/scss/functions/unit/_unit_functions.scss +2 -16
  26. package/scss/index.scss +12 -1
  27. package/scss/maps/_color.scss +1 -5
  28. package/scss/{variables → maps}/_device.scss +78 -73
  29. package/scss/maps/_index.scss +36 -5
  30. package/scss/{variables/_ratio.scss → maps/_interval.scss} +1 -6
  31. package/scss/{variables → maps}/_layer.scss +24 -20
  32. package/scss/{variables → maps}/_paper.scss +613 -414
  33. package/scss/maps/_ratio.scss +76 -0
  34. package/scss/maps/_scale.scss +82 -0
  35. package/scss/mixins/_device.scss +11 -8
  36. package/scss/mixins/_display.scss +35 -72
  37. package/scss/mixins/_guide.scss +151 -43
  38. package/scss/mixins/_helper.scss +2 -6
  39. package/scss/mixins/_index.scss +0 -4
  40. package/scss/mixins/_paper.scss +3 -7
  41. package/scss/mixins/_ratio.scss +79 -238
  42. package/scss/mixins/_unit.scss +1 -10
  43. package/scss/mixins/_view.scss +1 -5
  44. package/scss/tags/_index.scss +0 -4
  45. package/scss/tags/_unit.scss +0 -4
  46. package/scss/test.scss +0 -0
  47. package/scss/variables/_color.scss +7 -7
  48. package/scss/variables/_guide.scss +0 -0
  49. package/scss/variables/_index.scss +6 -40
  50. package/scss/variables/_scale.scss +4 -89
  51. package/scss/variables/_unit.scss +2 -5
  52. package/scss/variables/_view.scss +2 -7
  53. package/ts/grids.ts +92 -0
  54. package/ts/index.ts +19 -1
  55. package/scss/classes/_guides.scss +0 -141
  56. package/ts/AspectRatio.ts +0 -50
  57. package/ts/Border.ts +0 -60
  58. package/ts/BoxModel.ts +0 -68
  59. package/ts/FlexContainer.ts +0 -75
  60. package/ts/Grid.ts +0 -46
  61. package/ts/GridContainer.ts +0 -59
  62. package/ts/Layout.ts +0 -64
  63. package/ts/Position.ts +0 -53
  64. package/ts/Rectangle.ts +0 -51
  65. package/ts/ResponsiveImage.ts +0 -47
  66. package/ts/ResponsiveScale.ts +0 -44
  67. package/ts/Size.ts +0 -54
  68. package/ts/Spacing.ts +0 -106
  69. package/ts/Transform.ts +0 -71
  70. package/ts/Typography.ts +0 -75
  71. package/ts/Unit.ts +0 -81
  72. package/ts/Viewport.ts +0 -52
package/ts/Viewport.ts DELETED
@@ -1,52 +0,0 @@
1
- // ============================================================================
2
- // Import
3
- // ============================================================================
4
-
5
- import Unit from "./Unit";
6
-
7
-
8
- // ============================================================================
9
- // Classes
10
- // ============================================================================
11
-
12
- export default class Viewport {
13
-
14
- // Parameters
15
- // ========================================================================
16
-
17
- width: Unit;
18
- height: Unit;
19
- pixelRatio: number;
20
-
21
-
22
- // Constructor
23
- // ========================================================================
24
-
25
- constructor(
26
- width: Unit,
27
- height: Unit,
28
- pixelRatio: number = 1,
29
- ) {
30
- this.width = width;
31
- this.height = height;
32
- this.pixelRatio = pixelRatio;
33
- }
34
-
35
-
36
- // Methods
37
- // ========================================================================
38
-
39
- resize(newWidth: Unit, newHeight: Unit): void {
40
- this.width = newWidth;
41
- this.height = newHeight;
42
- }
43
-
44
- setPixelRatio(ratio: number): void {
45
- this.pixelRatio = ratio;
46
- }
47
-
48
- toString(): string {
49
- return `Viewport: ${this.width.toString()} x ${this.height.toString()} @ ${this.pixelRatio}x pixel ratio`;
50
- }
51
-
52
- }