@enigmatry/scss-foundation 1.2.25 → 1.2.26

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 (15) hide show
  1. package/.stylelintrc.json +31 -12
  2. package/coverage/clover.xml +2 -2
  3. package/coverage/lcov-report/index.html +1 -1
  4. package/docs/absolute-positioning.md +1 -4
  5. package/package.json +6 -6
  6. package/src/modules/_variables.scss +0 -1
  7. package/src/modules/layout/_grid.scss +0 -1
  8. package/src/modules/position/_set-position.scss +1 -4
  9. package/src/modules/responsiveness/_breakpoints.scss +1 -2
  10. package/src/partials/states/_visibility.scss +0 -1
  11. package/tests/position/absolute.tests.scss +5 -16
  12. package/tests/position/fixed.tests.scss +5 -16
  13. package/tests/position/set-position.tests.scss +4 -16
  14. package/tests/shim.test.js +2 -2
  15. package/dist/scss-foundation-modules.css.map +0 -1
package/.stylelintrc.json CHANGED
@@ -1,13 +1,32 @@
1
1
  {
2
- "extends": "@enigmatry/stylelint-config",
3
- "rules": {
4
- "value-keyword-case": [
5
- "lower",
6
- { "ignoreKeywords": ["largeDesktop", "extraLargeDesktop"] }
7
- ],
8
- "scss/no-duplicate-dollar-variables": [
9
- true,
10
- { "ignoreInsideAtRules": ["each", "while"] }
11
- ]
12
- }
13
- }
2
+ "extends": "@enigmatry/stylelint-config",
3
+ "rules": {
4
+ "value-keyword-case": [
5
+ "lower",
6
+ {
7
+ "ignoreKeywords": [
8
+ "largeDesktop",
9
+ "extraLargeDesktop"
10
+ ]
11
+ }
12
+ ],
13
+ "annotation-no-unknown": [
14
+ true,
15
+ {
16
+ "ignoreAnnotations": [
17
+ "default"
18
+ ]
19
+ }
20
+ ],
21
+ "media-feature-name-allowed-list": ["width"],
22
+ "scss/no-duplicate-dollar-variables": [
23
+ true,
24
+ {
25
+ "ignoreInsideAtRules": [
26
+ "each",
27
+ "while"
28
+ ]
29
+ }
30
+ ]
31
+ }
32
+ }
package/coverage/clover.xml CHANGED
@@ -1,6 +1,6 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
- <coverage generated="1680101168182" clover="3.2.0">
3
- <project timestamp="1680101168182" name="All files">
2
+ <coverage generated="1680177509214" clover="3.2.0">
3
+ <project timestamp="1680177509214" 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-03-29T14:46:08.175Z
89
+ at 2023-03-30T11:58:29.211Z
90
90
  </div>
91
91
  <script src="prettify.js"></script>
92
92
  <script>
package/docs/absolute-positioning.md CHANGED
@@ -13,10 +13,7 @@ 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
- top: $top;
17
- right: $right;
18
- bottom: $bottom;
19
- left: $left;
16
+ inset: $top, $right, $bottom, $left;
20
17
  ```
21
18
 
22
19
  - Replaces the several most common lines in absolute positioning for unset values with just one liner.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@enigmatry/scss-foundation",
3
- "version": "1.2.25",
3
+ "version": "1.2.26",
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",
@@ -15,11 +15,11 @@
15
15
  "test": "jest --coverage --colors"
16
16
  },
17
17
  "devDependencies": {
18
- "@enigmatry/stylelint-config": "1.1.4",
19
- "jest": "27.5.1",
20
- "sass": "1.44.0",
21
- "sass-true": "6.1.0",
22
- "stylelint": "14.11.0"
18
+ "@enigmatry/stylelint-config": "1.2.25",
19
+ "jest": "29.5.0",
20
+ "jest-environment-node-single-context": "29.0.0",
21
+ "sass": "1.60.0",
22
+ "sass-true": "7.0.0"
23
23
  },
24
24
  "publishConfig": {
25
25
  "access": "public"
package/src/modules/_variables.scss CHANGED
@@ -1,4 +1,3 @@
1
- /* stylelint-disable-next-line annotation-no-unknown */
2
1
  $testing: false !default;
3
2
  $default-breakpoints: (
4
3
  mobile: ( size: 576px, description: 'sm' ),
package/src/modules/layout/_grid.scss CHANGED
@@ -1,4 +1,3 @@
1
- /* stylelint-disable-next-line annotation-no-unknown */
2
1
  $breakpoints: () !default;
3
2
 
4
3
  @use 'sass:string';
package/src/modules/position/_set-position.scss CHANGED
@@ -13,8 +13,5 @@
13
13
  }
14
14
  }
15
15
  position: $position;
16
- top: $top;
17
- right: $right;
18
- bottom: $bottom;
19
- left: $left;
16
+ inset: $top $right $bottom $left;
20
17
  }
package/src/modules/responsiveness/_breakpoints.scss CHANGED
@@ -1,4 +1,3 @@
1
- /* stylelint-disable-next-line annotation-no-unknown */
2
1
  $breakpoints: () !default;
3
2
 
4
3
  @use 'sass:list';
@@ -35,7 +34,7 @@ $breakpoints: () !default;
35
34
 
36
35
  @mixin apply-on($given-size) {
37
36
  /* stylelint-disable-next-line at-rule-allowed-list */
38
- @media only screen and (min-width: -get-size($given-size)) {
37
+ @media only screen and (width >= -get-size($given-size)) {
39
38
  @content;
40
39
  }
41
40
  }
package/src/partials/states/_visibility.scss CHANGED
@@ -1,4 +1,3 @@
1
- /* stylelint-disable-next-line plugin/stylelint-group-selectors */
2
1
  .hidden {
3
2
  display: none;
4
3
  }
package/tests/position/absolute.tests.scss CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable shorthand-property-no-redundant-values */
1
2
  @use '../../node_modules/sass-true/sass/true';
2
3
  @use '../../src/modules/position/absolute';
3
4
 
@@ -9,10 +10,7 @@
9
10
  }
10
11
  @include true.expect() {
11
12
  position: absolute;
12
- top: 0;
13
- right: 0;
14
- bottom: 0;
15
- left: 0;
13
+ inset: 0 0 0 0;
16
14
  }
17
15
  }
18
16
  }
@@ -24,10 +22,7 @@
24
22
  }
25
23
  @include true.expect() {
26
24
  position: absolute;
27
- top: 5px;
28
- right: 3em;
29
- bottom: 14rem;
30
- left: -8px;
25
+ inset: 5px 3em 14rem -8px;
31
26
  }
32
27
  }
33
28
  }
@@ -41,10 +36,7 @@
41
36
  }
42
37
  @include true.expect() {
43
38
  position: absolute;
44
- top: unset;
45
- right: unset;
46
- bottom: unset;
47
- left: unset;
39
+ inset: unset unset unset unset;
48
40
  }
49
41
  }
50
42
  }
@@ -56,10 +48,7 @@
56
48
  }
57
49
  @include true.expect() {
58
50
  position: absolute;
59
- top: 5px;
60
- right: 3em;
61
- bottom: 14rem;
62
- left: unset;
51
+ inset: 5px 3em 14rem unset;
63
52
  }
64
53
  }
65
54
  }
package/tests/position/fixed.tests.scss CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable shorthand-property-no-redundant-values */
1
2
  @use '../../node_modules/sass-true/sass/true';
2
3
  @use '../../src/modules/position/fixed';
3
4
 
@@ -9,10 +10,7 @@
9
10
  }
10
11
  @include true.expect() {
11
12
  position: fixed;
12
- top: 0;
13
- right: 0;
14
- bottom: 0;
15
- left: 0;
13
+ inset: 0 0 0 0;
16
14
  }
17
15
  }
18
16
  }
@@ -24,10 +22,7 @@
24
22
  }
25
23
  @include true.expect() {
26
24
  position: fixed;
27
- top: 5px;
28
- right: 15px;
29
- bottom: 20px;
30
- left: 1px;
25
+ inset: 5px 15px 20px 1px;
31
26
  }
32
27
  }
33
28
  }
@@ -41,10 +36,7 @@
41
36
  }
42
37
  @include true.expect() {
43
38
  position: fixed;
44
- top: unset;
45
- right: unset;
46
- bottom: unset;
47
- left: unset;
39
+ inset: unset unset unset unset;
48
40
  }
49
41
  }
50
42
  }
@@ -56,10 +48,7 @@
56
48
  }
57
49
  @include true.expect() {
58
50
  position: fixed;
59
- top: 5px;
60
- right: 15px;
61
- bottom: 20px;
62
- left: unset;
51
+ inset: 5px 15px 20px unset;
63
52
  }
64
53
  }
65
54
  }
package/tests/position/set-position.tests.scss CHANGED
@@ -9,10 +9,7 @@
9
9
  }
10
10
  @include true.expect() {
11
11
  position: absolute;
12
- top: 5px;
13
- right: 3em;
14
- bottom: 14rem;
15
- left: -8px;
12
+ inset: 5px 3em 14rem -8px;
16
13
  }
17
14
  }
18
15
  }
@@ -24,10 +21,7 @@
24
21
  }
25
22
  @include true.expect() {
26
23
  position: fixed;
27
- top: 5px;
28
- right: 1px;
29
- bottom: 1em;
30
- left: 100px;
24
+ inset: 5px 1px 1em 100px;
31
25
  }
32
26
  }
33
27
  }
@@ -39,10 +33,7 @@
39
33
  }
40
34
  @include true.expect() {
41
35
  position: static;
42
- top: 5px;
43
- right: 1px;
44
- bottom: 1em;
45
- left: 100px;
36
+ inset: 5px 1px 1em 100px;
46
37
  }
47
38
  }
48
39
  }
@@ -54,10 +45,7 @@
54
45
  }
55
46
  @include true.expect() {
56
47
  position: relative;
57
- top: 5px;
58
- right: 1px;
59
- bottom: 1em;
60
- left: 100px;
48
+ inset: 5px 1px 1em 100px;
61
49
  }
62
50
  }
63
51
  }
package/tests/shim.test.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @jest-environment node
2
+ * @jest-environment jest-environment-node-single-context
3
3
  */
4
4
 
5
5
  const path = require('path');
@@ -10,5 +10,5 @@ describe('Scss unit tests', () => {
10
10
  const paths = path.resolve(process.cwd(), 'tests/**/*.tests.scss');
11
11
  const sassTestFiles = glob.sync(paths);
12
12
 
13
- sassTestFiles.forEach(file => sassTrue.runSass({ file }, { describe, it }));
13
+ sassTestFiles.forEach(file => sassTrue.runSass({ describe, it }, file));
14
14
  });
package/dist/scss-foundation-modules.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"scss-foundation-modules.css"}