@medyll/cssfabric 0.2.5 → 0.2.7

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 (33) hide show
  1. package/.gitignores +3 -0
  2. package/bin/index.js +33 -5
  3. package/bin/install.js +131 -0
  4. package/bin/package-lock.json +2429 -0
  5. package/bin/package.json +15 -0
  6. package/package.json +8 -1
  7. package/src/cssfabric/_utils.scss +2 -2
  8. package/src/cssfabric/modules/_cssfabric-config.scss +7 -2
  9. package/src/cssfabric/modules/grid/_grid-build.scss +6 -3
  10. package/src/lib/_generated/cssFabric.vars.json +1122 -13
  11. package/src/lib/styles/box/box.responsive.css +2579 -1198
  12. package/src/lib/styles/box/box.responsive.min.css +1 -1
  13. package/src/lib/styles/color/color.responsive.css +3419 -1852
  14. package/src/lib/styles/color/color.responsive.min.css +1 -1
  15. package/src/lib/styles/cssfabric.css +20793 -1
  16. package/src/lib/styles/cssfabric.min.css +56 -0
  17. package/src/lib/styles/cssfabric.responsive.css +75406 -0
  18. package/src/lib/styles/cssfabric.responsive.min.css +37 -1
  19. package/src/lib/styles/flex/flex.responsive.css +190 -64
  20. package/src/lib/styles/flex/flex.responsive.min.css +1 -1
  21. package/src/lib/styles/grid/grid.responsive.css +249 -128
  22. package/src/lib/styles/grid/grid.responsive.min.css +1 -1
  23. package/src/lib/styles/menu/menu.responsive.css +155 -70
  24. package/src/lib/styles/menu/menu.responsive.min.css +1 -1
  25. package/src/lib/styles/overflow/overflow.responsive.css +110 -49
  26. package/src/lib/styles/overflow/overflow.responsive.min.css +1 -1
  27. package/src/lib/styles/scale/scale.responsive.css +1373 -652
  28. package/src/lib/styles/scale/scale.responsive.min.css +1 -1
  29. package/src/lib/styles/table/table.responsive.css +141 -67
  30. package/src/lib/styles/table/table.responsive.min.css +1 -1
  31. package/src/lib/styles/text/text.responsive.css +56 -7
  32. package/src/lib/styles/text/text.responsive.min.css +1 -1
  33. package/svelte.config.js +1 -2
package/bin/package.json ADDED
@@ -0,0 +1,15 @@
1
+ {
2
+ "name": "cssfabric-install",
3
+ "version": "0.0.0",
4
+ "description": "",
5
+ "main": "index.js",
6
+ "scripts": {
7
+ "test": "echo \"Error: no test specified\" && exit 1"
8
+ },
9
+ "dependencies": {
10
+ "@medyll/cssfabric": "0.2.5"
11
+ },
12
+ "author": "",
13
+ "license": "ISC",
14
+ "type":"module"
15
+ }
package/package.json CHANGED
@@ -1,11 +1,15 @@
1
1
  {
2
2
  "name": "@medyll/cssfabric",
3
- "version": "0.2.5",
3
+ "version": "0.2.7",
4
4
  "private": false,
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/medyll/cssfabric.git"
8
8
  },
9
+ "main": "bin/index.js",
10
+ "bin": {
11
+ "@medyll/cssfabric": "bin/index.js"
12
+ },
9
13
  "scripts": {
10
14
  "dev": "svelte-kit dev",
11
15
  "build": "svelte-kit build",
@@ -21,11 +25,14 @@
21
25
  "css-build": "sass src/cssfabric/modules/vars.scss css/mystyles.css"
22
26
  },
23
27
  "dependencies": {
28
+ "@colors/colors": "^1.5.0",
24
29
  "@lukeed/uuid": "^2.0.0",
25
30
  "cookie": "^0.4.1",
31
+ "fs-extra": "^10.1.0",
26
32
  "gulp-concat-util": "^0.5.5",
27
33
  "gulp-filelist": "^2.0.5",
28
34
  "JSON": "^1.0.0",
35
+ "prompt": "^1.3.0",
29
36
  "sass": "^1.32.12",
30
37
  "svelte2tsx": "^0.5.9"
31
38
  },
package/src/cssfabric/_utils.scss CHANGED
@@ -21,10 +21,10 @@
21
21
  }
22
22
 
23
23
  // css dimensions rules builder responsive
24
- @mixin fabricResponsiveEncloser($mq_size_value, $mq_min_size_value: null) {
24
+ @mixin fabricResponsiveEncloser($mq_size_value, $mq_min_size_value: null) {
25
25
  // and (min-width: $mq_min_size_value + rem)
26
26
  // @debug $mq_size_value $mq_min_size_value;
27
- $type-width: if($mq_size_value==180, max, max);
27
+ $type-width: "min"; // if($mq_size_value==180, max, max);
28
28
  $width: if($mq_size_value==180, $mq_min_size_value, $mq_size_value);
29
29
 
30
30
  // @debug (#{$type-width}-width: $width + rem) ;
package/src/cssfabric/modules/_cssfabric-config.scss CHANGED
@@ -101,10 +101,15 @@ $cssfabric-config: (
101
101
  full: 100%
102
102
  ),
103
103
  media_quey_sizes: (
104
- xxl: 1300,
104
+ sm:640,
105
+ md:768,
106
+ lg:1024,
107
+ xl:1280,
108
+ xxl:1540
109
+ /* xxl: 1300,
105
110
  xl: 1200,
106
111
  lg: 960,
107
- md: 760
112
+ md: 760 */
108
113
  ),
109
114
  densities-ratios: $densities-ratios,
110
115
  themes:(
package/src/cssfabric/modules/grid/_grid-build.scss CHANGED
@@ -24,12 +24,13 @@ $grid-max-rows: map-get($grid-config, grid-max-rows);
24
24
 
25
25
  $grid-code-sep: #{$grid-code}#{$sep};
26
26
 
27
+ //
27
28
  @mixin makeGrid($mqKey) {
28
29
  $prefix: if($mqKey, #{$grid-code}-#{$mqKey}, #{$grid-code});
29
30
  $h_prop: #{$prefix}#{$sep}#{$grid-h};
30
31
  $v_prop: #{$prefix}#{$sep}#{$grid-v};
31
32
 
32
- .#{$grid-code} {
33
+ .#{$prefix} {
33
34
  display: grid;
34
35
  &-auto-flow-cols {
35
36
  grid-auto-flow: column;
@@ -69,15 +70,17 @@ $grid-code-sep: #{$grid-code}#{$sep};
69
70
  .#{$grid-code-sep}inline {
70
71
  display: inline-grid;
71
72
  }
73
+
74
+
72
75
  /* template-columns */
73
76
  @for $col-row from 1 through $grid-max-cols {
74
- .#{$grid-code}-cols-#{$col-row} {
77
+ .#{$prefix}-cols-#{$col-row} {
75
78
  grid-template-columns: repeat(#{$col-row}, minmax(0, 1fr));
76
79
  }
77
80
  }
78
81
  /* template-rows */
79
82
  @for $col-row from 1 through $grid-max-rows {
80
- .#{$grid-code}-rows-#{$col-row} {
83
+ .#{$prefix}-rows-#{$col-row} {
81
84
  grid-template-rows: repeat(#{$col-row}, minmax(0, 1fr));
82
85
  }
83
86
  }