yummacss 3.0.2 → 3.1.0

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 (43) hide show
  1. package/README.md +66 -66
  2. package/dist/cli/commands/init.js +3 -5
  3. package/dist/cli/services/configLoader.js +4 -30
  4. package/package.json +6 -13
  5. package/src/_fonts.scss +16 -16
  6. package/src/abstracts/_breakpoints.scss +45 -45
  7. package/src/abstracts/_index.scss +5 -5
  8. package/src/abstracts/_theme.scss +21 -21
  9. package/src/abstracts/_variables.scss +83 -82
  10. package/src/abstracts/functions/_create-values.scss +16 -16
  11. package/src/abstracts/functions/_ignore-neutral.scss +7 -9
  12. package/src/abstracts/functions/_index.scss +2 -2
  13. package/src/abstracts/mixins/_create-colors.scss +90 -39
  14. package/src/abstracts/mixins/_create-utilities.scss +53 -39
  15. package/src/abstracts/mixins/_index.scss +2 -3
  16. package/src/reset/_stylecent.scss +231 -231
  17. package/src/utilities/_background.scss +95 -95
  18. package/src/utilities/_border.scss +313 -313
  19. package/src/utilities/_box-model.scss +290 -290
  20. package/src/utilities/_color.scss +85 -85
  21. package/src/utilities/_effect.scss +98 -98
  22. package/src/utilities/_flexbox.scss +213 -175
  23. package/src/utilities/_grid.scss +322 -322
  24. package/src/utilities/_index.scss +14 -14
  25. package/src/utilities/_interactivity.scss +304 -304
  26. package/src/utilities/_outline.scss +53 -53
  27. package/src/utilities/_positioning.scss +436 -436
  28. package/src/utilities/_svg.scss +27 -27
  29. package/src/utilities/_table.scss +35 -35
  30. package/src/utilities/_transform.scss +164 -164
  31. package/src/utilities/_typography.scss +278 -278
  32. package/src/utilities/maps/_index.scss +12 -12
  33. package/src/utilities/maps/box-model/_dimension.scss +16 -16
  34. package/src/utilities/maps/box-model/_height.scss +16 -16
  35. package/src/utilities/maps/box-model/_margin.scss +10 -10
  36. package/src/utilities/maps/box-model/_padding.scss +10 -10
  37. package/src/utilities/maps/box-model/_width.scss +16 -16
  38. package/src/utilities/maps/flexbox/_flex-basis.scss +12 -12
  39. package/src/utilities/maps/grid/_gap.scss +5 -5
  40. package/src/yummacss-core.scss +3 -3
  41. package/src/yummacss.scss +4 -4
  42. package/dist/cli/config/templates.js +0 -33
  43. package/src/abstracts/mixins/_extend-utilities.scss +0 -24
package/src/utilities/maps/box-model/_padding.scss CHANGED
@@ -1,10 +1,10 @@
1
- @use "sass:map";
2
- @use "../../../abstracts/functions/create-values" as fun;
3
- @use "../../../abstracts/variables" as vars;
4
-
5
- $yma-padding-map: map.merge(
6
- (
7
- "auto": auto,
8
- ),
9
- fun.create-values(vars.$yma-padding)
10
- );
1
+ @use "sass:map";
2
+ @use "../../../abstracts/functions/create-values" as fun;
3
+ @use "../../../abstracts/variables" as vars;
4
+
5
+ $yma-padding-map: map.merge(
6
+ (
7
+ "auto": auto,
8
+ ),
9
+ fun.create-values(vars.$yma-padding)
10
+ );
package/src/utilities/maps/box-model/_width.scss CHANGED
@@ -1,16 +1,16 @@
1
- @use "sass:map";
2
- @use "../../../abstracts/functions/create-values" as fun;
3
- @use "../../../abstracts/variables" as vars;
4
-
5
- $yma-width-map: map.merge(
6
- (
7
- "auto": auto,
8
- "dvh": 100dvh,
9
- "fc": fit-content,
10
- "full": 100%,
11
- "half": 50%,
12
- "max": max-content,
13
- "min": min-content,
14
- ),
15
- fun.create-values(vars.$yma-width)
16
- );
1
+ @use "sass:map";
2
+ @use "../../../abstracts/functions/create-values" as fun;
3
+ @use "../../../abstracts/variables" as vars;
4
+
5
+ $yma-width-map: map.merge(
6
+ (
7
+ "auto": auto,
8
+ "dvh": 100dvh,
9
+ "fc": fit-content,
10
+ "full": 100%,
11
+ "half": 50%,
12
+ "max": max-content,
13
+ "min": min-content,
14
+ ),
15
+ fun.create-values(vars.$yma-width)
16
+ );
package/src/utilities/maps/flexbox/_flex-basis.scss CHANGED
@@ -1,12 +1,12 @@
1
- @use "sass:map";
2
- @use "../../../abstracts/functions/create-values" as fun;
3
- @use "../../../abstracts/variables" as vars;
4
-
5
- $yma-flex-basis-map: map.merge(
6
- (
7
- "auto": auto,
8
- "full": 100%,
9
- "half": 50%,
10
- ),
11
- fun.create-values(vars.$yma-flex-basis)
12
- );
1
+ @use "sass:map";
2
+ @use "../../../abstracts/functions/create-values" as fun;
3
+ @use "../../../abstracts/variables" as vars;
4
+
5
+ $yma-flex-basis-map: map.merge(
6
+ (
7
+ "auto": auto,
8
+ "full": 100%,
9
+ "half": 50%,
10
+ ),
11
+ fun.create-values(vars.$yma-flex-basis)
12
+ );
package/src/utilities/maps/grid/_gap.scss CHANGED
@@ -1,5 +1,5 @@
1
- @use "sass:map";
2
- @use "../../../abstracts/functions/create-values" as fun;
3
- @use "../../../abstracts/variables" as vars;
4
-
5
- $yma-gap-map: fun.create-values(vars.$yma-gap);
1
+ @use "sass:map";
2
+ @use "../../../abstracts/functions/create-values" as fun;
3
+ @use "../../../abstracts/variables" as vars;
4
+
5
+ $yma-gap-map: fun.create-values(vars.$yma-gap);
package/src/yummacss-core.scss CHANGED
@@ -1,3 +1,3 @@
1
- @use "abstracts" as *;
2
- @use "utilities" as *;
3
- @use "fonts";
1
+ @use "abstracts" as *;
2
+ @use "utilities" as *;
3
+ @use "fonts";
package/src/yummacss.scss CHANGED
@@ -1,4 +1,4 @@
1
- @use "reset/stylecent";
2
- @use "abstracts" as *;
3
- @use "utilities" as *;
4
- @use "fonts";
1
+ @use "reset/stylecent";
2
+ @use "abstracts" as *;
3
+ @use "utilities" as *;
4
+ @use "fonts";
package/dist/cli/config/templates.js DELETED
@@ -1,33 +0,0 @@
1
- import { readFileSync } from "fs";
2
- import { join, dirname } from "path";
3
- import { fileURLToPath } from "url";
4
- import { defaultConfig } from "./defaultConfig.js";
5
- const __filename = fileURLToPath(import.meta.url);
6
- const __dirname = dirname(__filename);
7
- const TEMPLATES_DIR = join(__dirname, "templates");
8
- const CONFIG_PLACEHOLDER = "{{CONFIG}}";
9
- const SUPPORTED_TEMPLATES = [
10
- { extension: ".js", templateFile: "yumma.config.js.template" },
11
- ];
12
- function loadTemplate(templateFile) {
13
- const templatePath = join(TEMPLATES_DIR, templateFile);
14
- return readFileSync(templatePath, "utf-8");
15
- }
16
- function generateConfigContent(template, config) {
17
- const configString = JSON.stringify(config, null, 2);
18
- return template.replace(CONFIG_PLACEHOLDER, configString);
19
- }
20
- export function generateConfigFile(extension) {
21
- const templateInfo = SUPPORTED_TEMPLATES.find(t => t.extension === extension);
22
- if (!templateInfo) {
23
- throw new Error(`Unsupported config extension: ${extension}`);
24
- }
25
- const template = loadTemplate(templateInfo.templateFile);
26
- return generateConfigContent(template, defaultConfig);
27
- }
28
- export function getSupportedExtensions() {
29
- return SUPPORTED_TEMPLATES.map(t => t.extension);
30
- }
31
- export function isSupportedExtension(extension) {
32
- return SUPPORTED_TEMPLATES.some(t => t.extension === extension);
33
- }
package/src/abstracts/mixins/_extend-utilities.scss DELETED
@@ -1,24 +0,0 @@
1
- @mixin extensions($map, $prefixes) {
2
- @each $k, $v in $map {
3
- @each $prefix, $property in $prefixes {
4
- // base styles
5
- .#{$prefix}-#{$k} {
6
- #{$property}: $v;
7
- }
8
-
9
- // hover styles
10
- .h\:#{$prefix}-#{$k}:hover {
11
- #{$property}: $v;
12
- }
13
-
14
- @each $bp, $bp-value in $yma-breakpoints {
15
- // responsive styles
16
- .#{$bp}\:#{$prefix}-#{$k} {
17
- @include breakpoint($bp-value) {
18
- #{$property}: $v;
19
- }
20
- }
21
- }
22
- }
23
- }
24
- }