yummacss 3.2.1 → 3.2.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/README.md +1 -4
- package/package.json +60 -60
- package/src/_fonts.scss +0 -3
- package/src/abstracts/functions/_index.scss +2 -2
- package/src/utilities/maps/box-model/_dimension.scss +26 -26
- package/src/utilities/maps/box-model/_height.scss +26 -26
- package/src/utilities/maps/box-model/_margin.scss +11 -11
- package/src/utilities/maps/box-model/_padding.scss +11 -11
- package/src/utilities/maps/box-model/_width.scss +26 -26
- package/src/utilities/maps/flexbox/_flex-basis.scss +12 -12
- package/src/utilities/maps/grid/_gap.scss +5 -5
package/README.md
CHANGED
|
@@ -11,10 +11,7 @@ Yumma CSS is a CSS framework packed with a set of abbreviated utility classes fo
|
|
|
11
11
|
|
|
12
12
|
### Installing
|
|
13
13
|
|
|
14
|
-
|
|
15
|
-
environment running
|
|
16
|
-
|
|
17
|
-
Install Yumma CSS
|
|
14
|
+
Install `yummacss` as a dev dependency
|
|
18
15
|
|
|
19
16
|
```
|
|
20
17
|
npm i yummacss -D
|
package/package.json
CHANGED
|
@@ -1,60 +1,60 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "yummacss",
|
|
3
|
-
"version": "3.2.
|
|
4
|
-
"description": "A CSS framework for the web with abbreviated styles.",
|
|
5
|
-
"keywords": [
|
|
6
|
-
"css-framework",
|
|
7
|
-
"css",
|
|
8
|
-
"design-system",
|
|
9
|
-
"framework",
|
|
10
|
-
"lightningcss",
|
|
11
|
-
"responsive-design",
|
|
12
|
-
"responsive",
|
|
13
|
-
"scss",
|
|
14
|
-
"typescript",
|
|
15
|
-
"yummacss"
|
|
16
|
-
],
|
|
17
|
-
"homepage": "https://yummacss.com",
|
|
18
|
-
"license": "MIT",
|
|
19
|
-
"author": "Renildo Pereira",
|
|
20
|
-
"files": [
|
|
21
|
-
"dist",
|
|
22
|
-
"src"
|
|
23
|
-
],
|
|
24
|
-
"type": "module",
|
|
25
|
-
"exports": {
|
|
26
|
-
".": "./dist/index.js"
|
|
27
|
-
},
|
|
28
|
-
"bin": {
|
|
29
|
-
"yummacss": "./dist/index.js"
|
|
30
|
-
},
|
|
31
|
-
"repository": {
|
|
32
|
-
"type": "git",
|
|
33
|
-
"url": "git+https://github.com/yumma-lib/yumma-css.git"
|
|
34
|
-
},
|
|
35
|
-
"scripts": {
|
|
36
|
-
"build": "tsup",
|
|
37
|
-
"dev": "tsup --watch",
|
|
38
|
-
"format:cli": "prettier --write cli",
|
|
39
|
-
"format": "prettier --write .",
|
|
40
|
-
"prepublishOnly": "pnpm build"
|
|
41
|
-
},
|
|
42
|
-
"packageManager": "pnpm@10.15.
|
|
43
|
-
"dependencies": {
|
|
44
|
-
"chokidar": "^4.0.3",
|
|
45
|
-
"commander": "^14.0.0",
|
|
46
|
-
"globby": "^14.1.0",
|
|
47
|
-
"lightningcss": "^1.30.1",
|
|
48
|
-
"ora": "^8.2.0",
|
|
49
|
-
"purgecss": "^7.0.2",
|
|
50
|
-
"sass-embedded": "^1.90.0",
|
|
51
|
-
"zod": "^4.0.17"
|
|
52
|
-
},
|
|
53
|
-
"devDependencies": {
|
|
54
|
-
"@types/node": "^24.2.0",
|
|
55
|
-
"prettier": "^3.6.2",
|
|
56
|
-
"prettier-plugin-organize-imports": "^4.2.0",
|
|
57
|
-
"tsup": "^8.5.0",
|
|
58
|
-
"typescript": "^5.9.2"
|
|
59
|
-
}
|
|
60
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "yummacss",
|
|
3
|
+
"version": "3.2.2",
|
|
4
|
+
"description": "A CSS framework for the web with abbreviated styles.",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"css-framework",
|
|
7
|
+
"css",
|
|
8
|
+
"design-system",
|
|
9
|
+
"framework",
|
|
10
|
+
"lightningcss",
|
|
11
|
+
"responsive-design",
|
|
12
|
+
"responsive",
|
|
13
|
+
"scss",
|
|
14
|
+
"typescript",
|
|
15
|
+
"yummacss"
|
|
16
|
+
],
|
|
17
|
+
"homepage": "https://yummacss.com",
|
|
18
|
+
"license": "MIT",
|
|
19
|
+
"author": "Renildo Pereira",
|
|
20
|
+
"files": [
|
|
21
|
+
"dist",
|
|
22
|
+
"src"
|
|
23
|
+
],
|
|
24
|
+
"type": "module",
|
|
25
|
+
"exports": {
|
|
26
|
+
".": "./dist/index.js"
|
|
27
|
+
},
|
|
28
|
+
"bin": {
|
|
29
|
+
"yummacss": "./dist/index.js"
|
|
30
|
+
},
|
|
31
|
+
"repository": {
|
|
32
|
+
"type": "git",
|
|
33
|
+
"url": "git+https://github.com/yumma-lib/yumma-css.git"
|
|
34
|
+
},
|
|
35
|
+
"scripts": {
|
|
36
|
+
"build": "tsup",
|
|
37
|
+
"dev": "tsup --watch",
|
|
38
|
+
"format:cli": "prettier --write cli",
|
|
39
|
+
"format": "prettier --write .",
|
|
40
|
+
"prepublishOnly": "pnpm build"
|
|
41
|
+
},
|
|
42
|
+
"packageManager": "pnpm@10.15.1",
|
|
43
|
+
"dependencies": {
|
|
44
|
+
"chokidar": "^4.0.3",
|
|
45
|
+
"commander": "^14.0.0",
|
|
46
|
+
"globby": "^14.1.0",
|
|
47
|
+
"lightningcss": "^1.30.1",
|
|
48
|
+
"ora": "^8.2.0",
|
|
49
|
+
"purgecss": "^7.0.2",
|
|
50
|
+
"sass-embedded": "^1.90.0",
|
|
51
|
+
"zod": "^4.0.17"
|
|
52
|
+
},
|
|
53
|
+
"devDependencies": {
|
|
54
|
+
"@types/node": "^24.2.0",
|
|
55
|
+
"prettier": "^3.6.2",
|
|
56
|
+
"prettier-plugin-organize-imports": "^4.2.0",
|
|
57
|
+
"tsup": "^8.5.0",
|
|
58
|
+
"typescript": "^5.9.2"
|
|
59
|
+
}
|
|
60
|
+
}
|
package/src/_fonts.scss
CHANGED
|
@@ -2,15 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
.ff-c {
|
|
4
4
|
font-family: vars.$ycss-font-charter;
|
|
5
|
-
font-weight: vars.$ycss-font-weight;
|
|
6
5
|
}
|
|
7
6
|
|
|
8
7
|
.ff-m {
|
|
9
8
|
font-family: vars.$ycss-font-mono;
|
|
10
|
-
font-weight: vars.$ycss-font-weight;
|
|
11
9
|
}
|
|
12
10
|
|
|
13
11
|
.ff-s {
|
|
14
12
|
font-family: vars.$ycss-font-system;
|
|
15
|
-
font-weight: vars.$ycss-font-weight;
|
|
16
13
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@forward "ignore-neutral";
|
|
2
|
-
@forward "create-values";
|
|
1
|
+
@forward "ignore-neutral";
|
|
2
|
+
@forward "create-values";
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
@use "sass:map";
|
|
2
|
-
@use "../../../abstracts/functions/create-values" as fun;
|
|
3
|
-
@use "../../../abstracts/variables" as vars;
|
|
4
|
-
@use "../../../abstracts/_breakpoints.scss" as bp;
|
|
5
|
-
|
|
6
|
-
$ycss-dimension-map: map.merge(
|
|
7
|
-
(
|
|
8
|
-
"auto": auto,
|
|
9
|
-
"dvh": 100dvh,
|
|
10
|
-
"dvw": 100dvw,
|
|
11
|
-
"fc": fit-content,
|
|
12
|
-
"full": 100%,
|
|
13
|
-
"half": 50%,
|
|
14
|
-
"max": max-content,
|
|
15
|
-
"min": min-content,
|
|
16
|
-
"px": 1px,
|
|
17
|
-
"vh": 100vh,
|
|
18
|
-
"vw": 100vw,
|
|
19
|
-
"sm": map.get(bp.$ycss-breakpoints, "sm"),
|
|
20
|
-
"md": map.get(bp.$ycss-breakpoints, "md"),
|
|
21
|
-
"lg": map.get(bp.$ycss-breakpoints, "lg"),
|
|
22
|
-
"xl": map.get(bp.$ycss-breakpoints, "xl"),
|
|
23
|
-
"xxl": map.get(bp.$ycss-breakpoints, "xxl"),
|
|
24
|
-
),
|
|
25
|
-
fun.create-values(vars.$ycss-dimension)
|
|
26
|
-
);
|
|
1
|
+
@use "sass:map";
|
|
2
|
+
@use "../../../abstracts/functions/create-values" as fun;
|
|
3
|
+
@use "../../../abstracts/variables" as vars;
|
|
4
|
+
@use "../../../abstracts/_breakpoints.scss" as bp;
|
|
5
|
+
|
|
6
|
+
$ycss-dimension-map: map.merge(
|
|
7
|
+
(
|
|
8
|
+
"auto": auto,
|
|
9
|
+
"dvh": 100dvh,
|
|
10
|
+
"dvw": 100dvw,
|
|
11
|
+
"fc": fit-content,
|
|
12
|
+
"full": 100%,
|
|
13
|
+
"half": 50%,
|
|
14
|
+
"max": max-content,
|
|
15
|
+
"min": min-content,
|
|
16
|
+
"px": 1px,
|
|
17
|
+
"vh": 100vh,
|
|
18
|
+
"vw": 100vw,
|
|
19
|
+
"sm": map.get(bp.$ycss-breakpoints, "sm"),
|
|
20
|
+
"md": map.get(bp.$ycss-breakpoints, "md"),
|
|
21
|
+
"lg": map.get(bp.$ycss-breakpoints, "lg"),
|
|
22
|
+
"xl": map.get(bp.$ycss-breakpoints, "xl"),
|
|
23
|
+
"xxl": map.get(bp.$ycss-breakpoints, "xxl"),
|
|
24
|
+
),
|
|
25
|
+
fun.create-values(vars.$ycss-dimension)
|
|
26
|
+
);
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
@use "sass:map";
|
|
2
|
-
@use "../../../abstracts/functions/create-values" as fun;
|
|
3
|
-
@use "../../../abstracts/variables" as vars;
|
|
4
|
-
@use "../../../abstracts/_breakpoints.scss" as bp;
|
|
5
|
-
|
|
6
|
-
$ycss-height-map: map.merge(
|
|
7
|
-
(
|
|
8
|
-
"auto": auto,
|
|
9
|
-
"dvh": 100dvh,
|
|
10
|
-
"dvw": 100dvw,
|
|
11
|
-
"fc": fit-content,
|
|
12
|
-
"full": 100%,
|
|
13
|
-
"half": 50%,
|
|
14
|
-
"max": max-content,
|
|
15
|
-
"min": min-content,
|
|
16
|
-
"px": 1px,
|
|
17
|
-
"vh": 100vh,
|
|
18
|
-
"vw": 100vw,
|
|
19
|
-
"sm": map.get(bp.$ycss-breakpoints, "sm"),
|
|
20
|
-
"md": map.get(bp.$ycss-breakpoints, "md"),
|
|
21
|
-
"lg": map.get(bp.$ycss-breakpoints, "lg"),
|
|
22
|
-
"xl": map.get(bp.$ycss-breakpoints, "xl"),
|
|
23
|
-
"xxl": map.get(bp.$ycss-breakpoints, "xxl"),
|
|
24
|
-
),
|
|
25
|
-
fun.create-values(vars.$ycss-height)
|
|
26
|
-
);
|
|
1
|
+
@use "sass:map";
|
|
2
|
+
@use "../../../abstracts/functions/create-values" as fun;
|
|
3
|
+
@use "../../../abstracts/variables" as vars;
|
|
4
|
+
@use "../../../abstracts/_breakpoints.scss" as bp;
|
|
5
|
+
|
|
6
|
+
$ycss-height-map: map.merge(
|
|
7
|
+
(
|
|
8
|
+
"auto": auto,
|
|
9
|
+
"dvh": 100dvh,
|
|
10
|
+
"dvw": 100dvw,
|
|
11
|
+
"fc": fit-content,
|
|
12
|
+
"full": 100%,
|
|
13
|
+
"half": 50%,
|
|
14
|
+
"max": max-content,
|
|
15
|
+
"min": min-content,
|
|
16
|
+
"px": 1px,
|
|
17
|
+
"vh": 100vh,
|
|
18
|
+
"vw": 100vw,
|
|
19
|
+
"sm": map.get(bp.$ycss-breakpoints, "sm"),
|
|
20
|
+
"md": map.get(bp.$ycss-breakpoints, "md"),
|
|
21
|
+
"lg": map.get(bp.$ycss-breakpoints, "lg"),
|
|
22
|
+
"xl": map.get(bp.$ycss-breakpoints, "xl"),
|
|
23
|
+
"xxl": map.get(bp.$ycss-breakpoints, "xxl"),
|
|
24
|
+
),
|
|
25
|
+
fun.create-values(vars.$ycss-height)
|
|
26
|
+
);
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
@use "sass:map";
|
|
2
|
-
@use "../../../abstracts/functions/create-values" as fun;
|
|
3
|
-
@use "../../../abstracts/variables" as vars;
|
|
4
|
-
|
|
5
|
-
$ycss-margin-map: map.merge(
|
|
6
|
-
(
|
|
7
|
-
"auto": auto,
|
|
8
|
-
"px": 1px,
|
|
9
|
-
),
|
|
10
|
-
fun.create-values(vars.$ycss-margin)
|
|
11
|
-
);
|
|
1
|
+
@use "sass:map";
|
|
2
|
+
@use "../../../abstracts/functions/create-values" as fun;
|
|
3
|
+
@use "../../../abstracts/variables" as vars;
|
|
4
|
+
|
|
5
|
+
$ycss-margin-map: map.merge(
|
|
6
|
+
(
|
|
7
|
+
"auto": auto,
|
|
8
|
+
"px": 1px,
|
|
9
|
+
),
|
|
10
|
+
fun.create-values(vars.$ycss-margin)
|
|
11
|
+
);
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
@use "sass:map";
|
|
2
|
-
@use "../../../abstracts/functions/create-values" as fun;
|
|
3
|
-
@use "../../../abstracts/variables" as vars;
|
|
4
|
-
|
|
5
|
-
$ycss-padding-map: map.merge(
|
|
6
|
-
(
|
|
7
|
-
"auto": auto,
|
|
8
|
-
"px": 1px,
|
|
9
|
-
),
|
|
10
|
-
fun.create-values(vars.$ycss-padding)
|
|
11
|
-
);
|
|
1
|
+
@use "sass:map";
|
|
2
|
+
@use "../../../abstracts/functions/create-values" as fun;
|
|
3
|
+
@use "../../../abstracts/variables" as vars;
|
|
4
|
+
|
|
5
|
+
$ycss-padding-map: map.merge(
|
|
6
|
+
(
|
|
7
|
+
"auto": auto,
|
|
8
|
+
"px": 1px,
|
|
9
|
+
),
|
|
10
|
+
fun.create-values(vars.$ycss-padding)
|
|
11
|
+
);
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
@use "sass:map";
|
|
2
|
-
@use "../../../abstracts/functions/create-values" as fun;
|
|
3
|
-
@use "../../../abstracts/variables" as vars;
|
|
4
|
-
@use "../../../abstracts/_breakpoints.scss" as bp;
|
|
5
|
-
|
|
6
|
-
$ycss-width-map: map.merge(
|
|
7
|
-
(
|
|
8
|
-
"auto": auto,
|
|
9
|
-
"dvh": 100dvh,
|
|
10
|
-
"dvw": 100dvw,
|
|
11
|
-
"fc": fit-content,
|
|
12
|
-
"full": 100%,
|
|
13
|
-
"half": 50%,
|
|
14
|
-
"max": max-content,
|
|
15
|
-
"min": min-content,
|
|
16
|
-
"px": 1px,
|
|
17
|
-
"vh": 100vh,
|
|
18
|
-
"vw": 100vw,
|
|
19
|
-
"sm": map.get(bp.$ycss-breakpoints, "sm"),
|
|
20
|
-
"md": map.get(bp.$ycss-breakpoints, "md"),
|
|
21
|
-
"lg": map.get(bp.$ycss-breakpoints, "lg"),
|
|
22
|
-
"xl": map.get(bp.$ycss-breakpoints, "xl"),
|
|
23
|
-
"xxl": map.get(bp.$ycss-breakpoints, "xxl"),
|
|
24
|
-
),
|
|
25
|
-
fun.create-values(vars.$ycss-width)
|
|
26
|
-
);
|
|
1
|
+
@use "sass:map";
|
|
2
|
+
@use "../../../abstracts/functions/create-values" as fun;
|
|
3
|
+
@use "../../../abstracts/variables" as vars;
|
|
4
|
+
@use "../../../abstracts/_breakpoints.scss" as bp;
|
|
5
|
+
|
|
6
|
+
$ycss-width-map: map.merge(
|
|
7
|
+
(
|
|
8
|
+
"auto": auto,
|
|
9
|
+
"dvh": 100dvh,
|
|
10
|
+
"dvw": 100dvw,
|
|
11
|
+
"fc": fit-content,
|
|
12
|
+
"full": 100%,
|
|
13
|
+
"half": 50%,
|
|
14
|
+
"max": max-content,
|
|
15
|
+
"min": min-content,
|
|
16
|
+
"px": 1px,
|
|
17
|
+
"vh": 100vh,
|
|
18
|
+
"vw": 100vw,
|
|
19
|
+
"sm": map.get(bp.$ycss-breakpoints, "sm"),
|
|
20
|
+
"md": map.get(bp.$ycss-breakpoints, "md"),
|
|
21
|
+
"lg": map.get(bp.$ycss-breakpoints, "lg"),
|
|
22
|
+
"xl": map.get(bp.$ycss-breakpoints, "xl"),
|
|
23
|
+
"xxl": map.get(bp.$ycss-breakpoints, "xxl"),
|
|
24
|
+
),
|
|
25
|
+
fun.create-values(vars.$ycss-width)
|
|
26
|
+
);
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
@use "sass:map";
|
|
2
|
-
@use "../../../abstracts/functions/create-values" as fun;
|
|
3
|
-
@use "../../../abstracts/variables" as vars;
|
|
4
|
-
|
|
5
|
-
$ycss-flex-basis-map: map.merge(
|
|
6
|
-
(
|
|
7
|
-
"auto": auto,
|
|
8
|
-
"full": 100%,
|
|
9
|
-
"half": 50%,
|
|
10
|
-
),
|
|
11
|
-
fun.create-values(vars.$ycss-flex-basis)
|
|
12
|
-
);
|
|
1
|
+
@use "sass:map";
|
|
2
|
+
@use "../../../abstracts/functions/create-values" as fun;
|
|
3
|
+
@use "../../../abstracts/variables" as vars;
|
|
4
|
+
|
|
5
|
+
$ycss-flex-basis-map: map.merge(
|
|
6
|
+
(
|
|
7
|
+
"auto": auto,
|
|
8
|
+
"full": 100%,
|
|
9
|
+
"half": 50%,
|
|
10
|
+
),
|
|
11
|
+
fun.create-values(vars.$ycss-flex-basis)
|
|
12
|
+
);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
@use "sass:map";
|
|
2
|
-
@use "../../../abstracts/functions/create-values" as fun;
|
|
3
|
-
@use "../../../abstracts/variables" as vars;
|
|
4
|
-
|
|
5
|
-
$ycss-gap-map: fun.create-values(vars.$ycss-gap);
|
|
1
|
+
@use "sass:map";
|
|
2
|
+
@use "../../../abstracts/functions/create-values" as fun;
|
|
3
|
+
@use "../../../abstracts/variables" as vars;
|
|
4
|
+
|
|
5
|
+
$ycss-gap-map: fun.create-values(vars.$ycss-gap);
|