@madj2k/fe-frontend-kit 2.0.1 → 2.0.2

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@madj2k/fe-frontend-kit",
3
- "version": "2.0.1",
3
+ "version": "2.0.2",
4
4
  "description": "Shared frontend utilities, menus and mixins for projects",
5
5
  "main": "index.js",
6
6
  "style": "index.scss",
@@ -3,6 +3,16 @@
3
3
  * ================================================== */
4
4
  @use 'sass:math';
5
5
 
6
+ $spacer : 1rem !default;
7
+ $spacers: (
8
+ 0: 0,
9
+ 1: $spacer * .25,
10
+ 2: $spacer * .5,
11
+ 3: $spacer,
12
+ 4: $spacer * 1.5,
13
+ 5: $spacer * 3,
14
+ ) !default;
15
+
6
16
  $page-padding: (
7
17
  xs: $spacer,
8
18
  sm: $spacer, // mobile
@@ -10,7 +20,6 @@ $page-padding: (
10
20
  lg: $spacer, // tablet
11
21
  xl: $spacer,
12
22
  xxl: $spacer,
13
- xxxl: $spacer
14
23
  ) !default;
15
24
 
16
25
  $content-spacers-blocks: (
@@ -21,31 +30,27 @@ $content-spacers-blocks: (
21
30
 
22
31
  $content-spacers: (
23
32
  'xs': (
24
- 'section': map-get($spacers, 6), // space between different sections
33
+ 'section': map-get($spacers, 5), // space between different sections
25
34
  'block': map-get($spacers, 3), // space between content blocks
26
35
  ),
27
36
  'sm': (
28
- 'section': map-get($spacers, 6), // space between different sections
37
+ 'section': map-get($spacers, 5), // space between different sections
29
38
  'block': map-get($spacers, 3), // space between content blocks
30
39
  ),
31
40
  'md': (
32
- 'section': map-get($spacers, 6), // space between different sections
41
+ 'section': map-get($spacers, 5), // space between different sections
33
42
  'block': map-get($spacers, 3), // space between content blocks
34
43
  ),
35
44
  'lg': (
36
- 'section': map-get($spacers, 7), // space between different sections
37
- 'block': map-get($spacers, 6), // space between content blocks
45
+ 'section': map-get($spacers, 5), // space between different sections
46
+ 'block': map-get($spacers, 3), // space between content blocks
38
47
  ),
39
48
  'xl': (
40
- 'section': map-get($spacers, 7), // space between different sections
41
- 'block': map-get($spacers, 6), // space between content blocks
49
+ 'section': map-get($spacers, 5), // space between different sections
50
+ 'block': map-get($spacers, 3), // space between content blocks
42
51
  ),
43
52
  'xxl': (
44
- 'section': map-get($spacers, 7), // space between different sections
45
- 'block': map-get($spacers, 6), // space between content blocks
53
+ 'section': map-get($spacers, 5), // space between different sections
54
+ 'block': map-get($spacers, 3), // space between content blocks
46
55
  ),
47
- 'xxxl': (
48
- 'section': map-get($spacers, 7), // space between different sections
49
- 'block': map-get($spacers, 6), // space between content blocks
50
- )
51
56
  ) !default;
@@ -1,20 +1,16 @@
1
- @use "bootstrap/scss/functions";
2
- @use "bootstrap/scss/variables";
3
- @use "bootstrap/scss/mixins";
1
+ @import '00_variables/colors';
2
+ @import '00_variables/font';
3
+ @import '00_variables/maps';
4
4
 
5
- @forward '00_mixins/accessibility';
6
- @forward '00_mixins/colors';
7
- @forward '00_mixins/effects';
8
- @forward '00_mixins/flex-box';
9
- @forward '00_mixins/form';
10
- @forward '00_mixins/format';
11
- @forward '00_mixins/icons';
12
- @forward '00_mixins/nav';
13
- @forward '00_mixins/page';
14
- @forward '00_mixins/section';
15
- @forward '00_mixins/toggle-list';
16
- @forward '00_mixins/unit';
17
-
18
- @forward '10_config/colors';
19
- @forward '10_config/font';
20
- @forward '10_config/maps';
5
+ @import '10_mixins/accessibility';
6
+ @import '10_mixins/colors';
7
+ @import '10_mixins/effects';
8
+ @import '10_mixins/flex-box';
9
+ @import '10_mixins/form';
10
+ @import '10_mixins/format';
11
+ @import '10_mixins/icons';
12
+ @import '10_mixins/nav';
13
+ @import '10_mixins/page';
14
+ @import '10_mixins/section';
15
+ @import '10_mixins/toggle-list';
16
+ @import '10_mixins/unit';