@enigmatry/scss-foundation 1.2.28 → 1.2.30

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 (8) hide show
  1. package/coverage/clover.xml +2 -2
  2. package/coverage/lcov-report/index.html +1 -1
  3. package/docs/absolute-positioning.md +4 -2
  4. package/package.json +1 -1
  5. package/src/modules/position/_set-position.scss +7 -1
  6. package/tests/position/absolute.tests.scss +17 -4
  7. package/tests/position/fixed.tests.scss +17 -4
  8. package/tests/position/set-position.tests.scss +17 -4
package/coverage/clover.xml CHANGED
@@ -1,6 +1,6 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <coverage generated="1680597271182" clover="3.2.0">
3
- <project timestamp="1680597271182" name="All files">
2
+ <coverage generated="1680858076561" clover="3.2.0">
3
+ <project timestamp="1680858076561" name="All files">
4
4
  <metrics statements="0" coveredstatements="0" conditionals="0" coveredconditionals="0" methods="0" coveredmethods="0" elements="0" coveredelements="0" complexity="0" loc="0" ncloc="0" packages="0" files="0" classes="0"/>
5
5
  </project>
6
6
  </coverage>
package/coverage/lcov-report/index.html CHANGED
@@ -86,7 +86,7 @@
86
86
  <div class='footer quiet pad2 space-top1 center small'>
87
87
  Code coverage generated by
88
88
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
89
- at 2023-04-04T08:34:31.179Z
89
+ at 2023-04-07T09:01:16.557Z
90
90
  </div>
91
91
  <script src="prettify.js"></script>
92
92
  <script>
package/docs/absolute-positioning.md CHANGED
@@ -13,7 +13,10 @@ Alignment utilities for absolute positioning of content.
13
13
  All arguments are optional and default to 0. Sets following properties:
14
14
  ```
15
15
  position: absolute;
16
- inset: $top, $right, $bottom, $left;
16
+ top: $top;
17
+ right: $right;
18
+ bottom: $bottom;
19
+ left: $left;
17
20
  ```
18
21
 
19
22
  - Replaces the several most common lines in absolute positioning for unset values with just one liner.
@@ -21,4 +24,3 @@ All arguments are optional and default to 0. Sets following properties:
21
24
  @include absolute.position-unset($top, $right, $bottom, $left);
22
25
  ```
23
26
  All arguments are optional and default to unset. Sets the same properties as in previous method.
24
-
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enigmatry/scss-foundation",
3
- "version": "1.2.28",
3
+ "version": "1.2.30",
4
4
  "author": "Enigmatry",
5
5
  "description": "Collection of SCSS utilities useful for the most of projects.",
6
6
  "homepage": "https://github.com/enigmatry/entry-angular-building-blocks/tree/master/projects/scss-foundation#readme",
package/src/modules/position/_set-position.scss CHANGED
@@ -1,3 +1,5 @@
1
+ /* stylelint-disable declaration-block-no-redundant-longhand-properties */
2
+ /* stylelint-disable declaration-empty-line-before */
1
3
  @mixin set-position($position, $top, $right, $bottom, $left) {
2
4
 
3
5
  $positions: (
@@ -12,6 +14,10 @@
12
14
  @error 'Please provide the right parameters for position (number or 'unset')! Given value: ' + $position;
13
15
  }
14
16
  }
17
+
15
18
  position: $position;
16
- inset: $top $right $bottom $left;
19
+ top: $top;
20
+ right: $right;
21
+ bottom: $bottom;
22
+ left: $left;
17
23
  }
package/tests/position/absolute.tests.scss CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable declaration-block-no-redundant-longhand-properties */
1
2
  /* stylelint-disable shorthand-property-no-redundant-values */
2
3
  @use '../../node_modules/sass-true/sass/true';
3
4
  @use '../../src/modules/position/absolute';
@@ -10,7 +11,10 @@
10
11
  }
11
12
  @include true.expect() {
12
13
  position: absolute;
13
- inset: 0 0 0 0;
14
+ top: 0;
15
+ right: 0;
16
+ bottom: 0;
17
+ left: 0;
14
18
  }
15
19
  }
16
20
  }
@@ -22,7 +26,10 @@
22
26
  }
23
27
  @include true.expect() {
24
28
  position: absolute;
25
- inset: 5px 3em 14rem -8px;
29
+ top: 5px;
30
+ right: 3em;
31
+ bottom: 14rem;
32
+ left: -8px;
26
33
  }
27
34
  }
28
35
  }
@@ -36,7 +43,10 @@
36
43
  }
37
44
  @include true.expect() {
38
45
  position: absolute;
39
- inset: unset unset unset unset;
46
+ top: unset;
47
+ right: unset;
48
+ bottom: unset;
49
+ left: unset;
40
50
  }
41
51
  }
42
52
  }
@@ -48,7 +58,10 @@
48
58
  }
49
59
  @include true.expect() {
50
60
  position: absolute;
51
- inset: 5px 3em 14rem unset;
61
+ top: 5px;
62
+ right: 3em;
63
+ bottom: 14rem;
64
+ left: unset;
52
65
  }
53
66
  }
54
67
  }
package/tests/position/fixed.tests.scss CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable declaration-block-no-redundant-longhand-properties */
1
2
  /* stylelint-disable shorthand-property-no-redundant-values */
2
3
  @use '../../node_modules/sass-true/sass/true';
3
4
  @use '../../src/modules/position/fixed';
@@ -10,7 +11,10 @@
10
11
  }
11
12
  @include true.expect() {
12
13
  position: fixed;
13
- inset: 0 0 0 0;
14
+ top: 0;
15
+ right: 0;
16
+ bottom: 0;
17
+ left: 0;
14
18
  }
15
19
  }
16
20
  }
@@ -22,7 +26,10 @@
22
26
  }
23
27
  @include true.expect() {
24
28
  position: fixed;
25
- inset: 5px 15px 20px 1px;
29
+ top: 5px;
30
+ right: 15px;
31
+ bottom: 20px;
32
+ left: 1px;
26
33
  }
27
34
  }
28
35
  }
@@ -36,7 +43,10 @@
36
43
  }
37
44
  @include true.expect() {
38
45
  position: fixed;
39
- inset: unset unset unset unset;
46
+ top: unset;
47
+ right: unset;
48
+ bottom: unset;
49
+ left: unset;
40
50
  }
41
51
  }
42
52
  }
@@ -48,7 +58,10 @@
48
58
  }
49
59
  @include true.expect() {
50
60
  position: fixed;
51
- inset: 5px 15px 20px unset;
61
+ top: 5px;
62
+ right: 15px;
63
+ bottom: 20px;
64
+ left: unset;
52
65
  }
53
66
  }
54
67
  }
package/tests/position/set-position.tests.scss CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable declaration-block-no-redundant-longhand-properties */
1
2
  @use '../../node_modules/sass-true/sass/true';
2
3
  @use '../../src/modules/position/set-position' as position;
3
4
 
@@ -9,7 +10,10 @@
9
10
  }
10
11
  @include true.expect() {
11
12
  position: absolute;
12
- inset: 5px 3em 14rem -8px;
13
+ top: 5px;
14
+ right: 3em;
15
+ bottom: 14rem;
16
+ left: -8px;
13
17
  }
14
18
  }
15
19
  }
@@ -21,7 +25,10 @@
21
25
  }
22
26
  @include true.expect() {
23
27
  position: fixed;
24
- inset: 5px 1px 1em 100px;
28
+ top: 5px;
29
+ right: 1px;
30
+ bottom: 1em;
31
+ left: 100px;
25
32
  }
26
33
  }
27
34
  }
@@ -33,7 +40,10 @@
33
40
  }
34
41
  @include true.expect() {
35
42
  position: static;
36
- inset: 5px 1px 1em 100px;
43
+ top: 5px;
44
+ right: 1px;
45
+ bottom: 1em;
46
+ left: 100px;
37
47
  }
38
48
  }
39
49
  }
@@ -45,7 +55,10 @@
45
55
  }
46
56
  @include true.expect() {
47
57
  position: relative;
48
- inset: 5px 1px 1em 100px;
58
+ top: 5px;
59
+ right: 1px;
60
+ bottom: 1em;
61
+ left: 100px;
49
62
  }
50
63
  }
51
64
  }