yummacss 2.1.0 → 3.0.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 (74) hide show
  1. package/LICENSE +17 -18
  2. package/README.md +16 -14
  3. package/dist/cli/commands/build.js +44 -0
  4. package/dist/cli/commands/init.js +17 -0
  5. package/dist/cli/commands/watch.js +36 -0
  6. package/dist/cli/config/defaultConfig.js +8 -0
  7. package/dist/cli/services/configLoader.js +16 -0
  8. package/dist/cli/services/minifyService.js +16 -0
  9. package/dist/cli/services/purgeService.js +12 -0
  10. package/dist/cli/services/scssCompiler.js +34 -0
  11. package/dist/cli/src/cli.js +19 -0
  12. package/dist/cli/utils/cli-ui.js +13 -0
  13. package/dist/cli/utils/ui.js +15 -0
  14. package/dist/yumma.css +126823 -190421
  15. package/dist/yumma.min.css +1 -1
  16. package/package.json +50 -24
  17. package/src/_fonts.scss +8 -6
  18. package/src/abstracts/_breakpoints.scss +12 -10
  19. package/src/abstracts/_index.scss +5 -0
  20. package/src/abstracts/_theme.scss +19 -16
  21. package/src/abstracts/_variables.scss +68 -55
  22. package/src/abstracts/functions/_create-values.scss +16 -0
  23. package/src/abstracts/functions/_ignore-neutral.scss +9 -0
  24. package/src/abstracts/functions/_index.scss +2 -0
  25. package/src/abstracts/mixins/_create-colors.scss +39 -0
  26. package/src/abstracts/mixins/_create-utilities.scss +39 -0
  27. package/src/abstracts/mixins/_extend-utilities.scss +24 -0
  28. package/src/abstracts/mixins/_index.scss +3 -0
  29. package/src/reset/_stylecent.scss +235 -0
  30. package/src/utilities/_background.scss +95 -0
  31. package/src/utilities/_border.scss +313 -0
  32. package/src/utilities/_box-model.scss +274 -91
  33. package/src/utilities/_color.scss +85 -0
  34. package/src/utilities/_effect.scss +98 -0
  35. package/src/utilities/_flexbox.scss +122 -56
  36. package/src/utilities/_grid.scss +52 -95
  37. package/src/utilities/_index.scss +14 -0
  38. package/src/utilities/_interactivity.scss +304 -0
  39. package/src/utilities/_outline.scss +53 -0
  40. package/src/utilities/_positioning.scss +436 -0
  41. package/src/utilities/_svg.scss +27 -0
  42. package/src/utilities/_table.scss +35 -0
  43. package/src/utilities/_transform.scss +164 -0
  44. package/src/utilities/_typography.scss +167 -57
  45. package/src/utilities/maps/_index.scss +12 -0
  46. package/src/utilities/maps/box-model/_dimension.scss +16 -0
  47. package/src/utilities/maps/box-model/_height.scss +16 -0
  48. package/src/utilities/maps/box-model/_margin.scss +10 -0
  49. package/src/utilities/maps/box-model/_padding.scss +10 -0
  50. package/src/utilities/maps/box-model/_width.scss +16 -0
  51. package/src/utilities/maps/flexbox/_flex-basis.scss +12 -0
  52. package/src/utilities/maps/grid/_gap.scss +5 -0
  53. package/src/yummacss-core.scss +3 -0
  54. package/src/yummacss.scss +4 -0
  55. package/.prettierrc +0 -9
  56. package/CHANGELOG.md +0 -58
  57. package/dist/yumma-core.css +0 -238809
  58. package/dist/yumma-core.min.css +0 -1
  59. package/gulpfile.js +0 -44
  60. package/src/_base.scss +0 -72
  61. package/src/abstracts/_colors.scss +0 -29
  62. package/src/abstracts/_extensions.scss +0 -19
  63. package/src/abstracts/_functions.scss +0 -3
  64. package/src/abstracts/_layout.scss +0 -18
  65. package/src/abstracts/_mixins.scss +0 -575
  66. package/src/core.scss +0 -3
  67. package/src/utilities/_borders.scss +0 -214
  68. package/src/utilities/_effects.scss +0 -74
  69. package/src/utilities/_filters.scss +0 -57
  70. package/src/utilities/_interactions.scss +0 -111
  71. package/src/utilities/_layout.scss +0 -310
  72. package/src/utilities/_outlines.scss +0 -76
  73. package/src/utilities/_tables.scss +0 -61
  74. package/src/yumma.scss +0 -23
package/gulpfile.js DELETED
@@ -1,44 +0,0 @@
1
- const { src, dest, series } = require("gulp");
2
- const sass = require("gulp-sass")(require("sass"));
3
- const clean = require("gulp-clean-css");
4
- const rename = require("gulp-rename");
5
-
6
- function standardFile() {
7
- return src("src/**/*.scss")
8
- .pipe(sass().on("error", sass.logError))
9
- .pipe(rename("yumma.css"))
10
- .pipe(dest("dist"));
11
- }
12
-
13
- function minifiedFile() {
14
- return src("dist/yumma.css")
15
- .pipe(clean())
16
- .pipe(rename({ suffix: ".min" }))
17
- .pipe(dest("dist"));
18
- }
19
-
20
- function coreFile() {
21
- return src("src/core.scss")
22
- .pipe(sass().on("error", sass.logError))
23
- .pipe(rename("yumma-core.css"))
24
- .pipe(dest("dist"));
25
- }
26
-
27
- function minifiedCoreFile() {
28
- return src("dist/yumma-core.css")
29
- .pipe(clean())
30
- .pipe(rename({ suffix: ".min" }))
31
- .pipe(dest("dist"));
32
- }
33
-
34
- exports.standardFile = standardFile;
35
- exports.minifiedFile = minifiedFile;
36
- exports.coreFile = coreFile;
37
- exports.minifiedCoreFile = minifiedCoreFile;
38
-
39
- exports.default = series(
40
- standardFile,
41
- minifiedFile,
42
- coreFile,
43
- minifiedCoreFile
44
- );
package/src/_base.scss DELETED
@@ -1,72 +0,0 @@
1
- $base: true !default;
2
-
3
- @if $base {
4
- *,
5
- *::before,
6
- *::after {
7
- border-style: solid;
8
- border-width: 0;
9
- box-sizing: border-box;
10
- }
11
-
12
- * {
13
- color: inherit;
14
- font-family: $yma-font-system;
15
- margin: 0;
16
- }
17
-
18
- body {
19
- font-family: inherit;
20
- line-height: 1.5;
21
- }
22
-
23
- canvas,
24
- img,
25
- picture,
26
- svg,
27
- video {
28
- display: block;
29
- max-width: 100%;
30
- }
31
-
32
- button,
33
- input,
34
- optgroup,
35
- select,
36
- textarea {
37
- background-color: $yma-color-transparent;
38
- font: inherit;
39
- }
40
-
41
- button {
42
- cursor: pointer;
43
- }
44
-
45
- h1,
46
- h2,
47
- h3,
48
- h4,
49
- h5,
50
- h6,
51
- p {
52
- font-size: inherit;
53
- font-weight: inherit;
54
- overflow-wrap: break-word;
55
- }
56
-
57
- a {
58
- text-decoration: none;
59
- }
60
-
61
- ol,
62
- ul {
63
- list-style: none;
64
- padding: 0;
65
- }
66
-
67
- hr {
68
- border-top: $yma-color-transparent;
69
- border: 0;
70
- margin: 1em 0;
71
- }
72
- }
@@ -1,29 +0,0 @@
1
- @import "mixins";
2
-
3
- @each $k, $v in $yma-theme {
4
- @include color-variants("accent-color", "ac", $k, $v);
5
- @include color-variants("background-color", "bg", $k, $v);
6
- @include color-variants("border-bottom-color", "bc-b", $k, $v);
7
- @include color-variants("border-color", "bc", $k, $v);
8
- @include color-variants("border-left-color", "bc-l", $k, $v);
9
- @include color-variants("border-right-color", "bc-r", $k, $v);
10
- @include color-variants("border-top-color", "bc-t", $k, $v);
11
- @include color-variants("caret-color", "cc", $k, $v);
12
- @include color-variants("color", "tc", $k, $v);
13
- @include color-variants("outline-color", "oc", $k, $v);
14
- @include color-variants("text-decoration-color", "tdc", $k, $v);
15
-
16
- @if (is-not-mono($v, $yma-theme)) {
17
- @include shade-variants("accent-color", "ac", $k, $v, 10%);
18
- @include shade-variants("background-color", "bg", $k, $v, 10%);
19
- @include shade-variants("border-bottom-color", "bc-b", $k, $v, 10%);
20
- @include shade-variants("border-color", "bc", $k, $v, 10%);
21
- @include shade-variants("border-left-color", "bc-l", $k, $v, 10%);
22
- @include shade-variants("border-right-color", "bc-r", $k, $v, 10%);
23
- @include shade-variants("border-top-color", "bc-t", $k, $v, 10%);
24
- @include shade-variants("caret-color", "cc", $k, $v, 10%);
25
- @include shade-variants("color", "tc", $k, $v, 10%);
26
- @include shade-variants("outline-color", "oc", $k, $v, 10%);
27
- @include shade-variants("text-decoration-color", "tdc", $k, $v, 10%);
28
- }
29
- }
@@ -1,19 +0,0 @@
1
- $yma-extension: (
2
- "auto": auto,
3
- "fc": fit-content,
4
- "full": 100%,
5
- "half": 50%,
6
- "max": max-content,
7
- "min": min-content,
8
- );
9
-
10
- $yma-height-extension: (
11
- "1\\/1": 100dvh,
12
- "1\\/2": 50dvh,
13
- );
14
-
15
- $yma-width-extension: (
16
- "1\\/1": 100dvw,
17
- "2\\/1": 50dvw,
18
- );
19
-
@@ -1,3 +0,0 @@
1
- @function is-not-mono($v, $yma-theme) {
2
- @return $v != map-get($yma-theme, "black") and $v != map-get($yma-theme, "white") and $v != map-get($yma-theme, "transparent");
3
- }
@@ -1,18 +0,0 @@
1
- @import "mixins";
2
- @import "breakpoints";
3
-
4
- .cnt {
5
- width: 100%;
6
-
7
- @each $bp, $bp-value in $yma-breakpoints {
8
- @include breakpoint($bp-value) {
9
- max-width: $bp-value;
10
- }
11
- }
12
- }
13
-
14
- .ins {
15
- display: flex;
16
- align-items: center;
17
- justify-content: center;
18
- }