yummacss 2.1.0 → 3.0.1

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 (78) hide show
  1. package/LICENSE +17 -18
  2. package/README.md +58 -23
  3. package/dist/cli/commands/build.js +43 -0
  4. package/dist/cli/commands/init.js +19 -0
  5. package/dist/cli/commands/watch.js +48 -0
  6. package/dist/cli/config/defaultConfig.js +9 -0
  7. package/dist/cli/config/templates.js +33 -0
  8. package/dist/cli/lang.js +23 -0
  9. package/dist/cli/lib/cli-lang.js +23 -0
  10. package/dist/cli/lib/cli-ui.js +14 -0
  11. package/dist/cli/services/configLoader.js +42 -0
  12. package/dist/cli/services/minifyService.js +16 -0
  13. package/dist/cli/services/purgeService.js +12 -0
  14. package/dist/cli/services/scssCompiler.js +34 -0
  15. package/dist/cli/src/cli.js +16 -0
  16. package/dist/cli/utils/cli-ui.js +13 -0
  17. package/dist/cli/utils/ui.js +15 -0
  18. package/package.json +65 -24
  19. package/src/_fonts.scss +8 -6
  20. package/src/abstracts/_breakpoints.scss +12 -10
  21. package/src/abstracts/_index.scss +5 -0
  22. package/src/abstracts/_theme.scss +19 -16
  23. package/src/abstracts/_variables.scss +70 -56
  24. package/src/abstracts/functions/_create-values.scss +16 -0
  25. package/src/abstracts/functions/_ignore-neutral.scss +9 -0
  26. package/src/abstracts/functions/_index.scss +2 -0
  27. package/src/abstracts/mixins/_create-colors.scss +39 -0
  28. package/src/abstracts/mixins/_create-utilities.scss +39 -0
  29. package/src/abstracts/mixins/_extend-utilities.scss +24 -0
  30. package/src/abstracts/mixins/_index.scss +3 -0
  31. package/src/reset/_stylecent.scss +231 -0
  32. package/src/utilities/_background.scss +95 -0
  33. package/src/utilities/_border.scss +313 -0
  34. package/src/utilities/_box-model.scss +274 -91
  35. package/src/utilities/_color.scss +85 -0
  36. package/src/utilities/_effect.scss +98 -0
  37. package/src/utilities/_flexbox.scss +122 -56
  38. package/src/utilities/_grid.scss +52 -95
  39. package/src/utilities/_index.scss +14 -0
  40. package/src/utilities/_interactivity.scss +304 -0
  41. package/src/utilities/_outline.scss +53 -0
  42. package/src/utilities/_positioning.scss +436 -0
  43. package/src/utilities/_svg.scss +27 -0
  44. package/src/utilities/_table.scss +35 -0
  45. package/src/utilities/_transform.scss +164 -0
  46. package/src/utilities/_typography.scss +167 -57
  47. package/src/utilities/maps/_index.scss +12 -0
  48. package/src/utilities/maps/box-model/_dimension.scss +16 -0
  49. package/src/utilities/maps/box-model/_height.scss +16 -0
  50. package/src/utilities/maps/box-model/_margin.scss +10 -0
  51. package/src/utilities/maps/box-model/_padding.scss +10 -0
  52. package/src/utilities/maps/box-model/_width.scss +16 -0
  53. package/src/utilities/maps/flexbox/_flex-basis.scss +12 -0
  54. package/src/utilities/maps/grid/_gap.scss +5 -0
  55. package/src/yummacss-core.scss +3 -0
  56. package/src/yummacss.scss +4 -0
  57. package/.prettierrc +0 -9
  58. package/CHANGELOG.md +0 -58
  59. package/dist/yumma-core.css +0 -238809
  60. package/dist/yumma-core.min.css +0 -1
  61. package/dist/yumma.css +0 -238878
  62. package/dist/yumma.min.css +0 -1
  63. package/gulpfile.js +0 -44
  64. package/src/_base.scss +0 -72
  65. package/src/abstracts/_colors.scss +0 -29
  66. package/src/abstracts/_extensions.scss +0 -19
  67. package/src/abstracts/_functions.scss +0 -3
  68. package/src/abstracts/_layout.scss +0 -18
  69. package/src/abstracts/_mixins.scss +0 -575
  70. package/src/core.scss +0 -3
  71. package/src/utilities/_borders.scss +0 -214
  72. package/src/utilities/_effects.scss +0 -74
  73. package/src/utilities/_filters.scss +0 -57
  74. package/src/utilities/_interactions.scss +0 -111
  75. package/src/utilities/_layout.scss +0 -310
  76. package/src/utilities/_outlines.scss +0 -76
  77. package/src/utilities/_tables.scss +0 -61
  78. 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
- }