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.
- package/LICENSE +17 -18
- package/README.md +58 -23
- package/dist/cli/commands/build.js +43 -0
- package/dist/cli/commands/init.js +19 -0
- package/dist/cli/commands/watch.js +48 -0
- package/dist/cli/config/defaultConfig.js +9 -0
- package/dist/cli/config/templates.js +33 -0
- package/dist/cli/lang.js +23 -0
- package/dist/cli/lib/cli-lang.js +23 -0
- package/dist/cli/lib/cli-ui.js +14 -0
- package/dist/cli/services/configLoader.js +42 -0
- package/dist/cli/services/minifyService.js +16 -0
- package/dist/cli/services/purgeService.js +12 -0
- package/dist/cli/services/scssCompiler.js +34 -0
- package/dist/cli/src/cli.js +16 -0
- package/dist/cli/utils/cli-ui.js +13 -0
- package/dist/cli/utils/ui.js +15 -0
- package/package.json +65 -24
- package/src/_fonts.scss +8 -6
- package/src/abstracts/_breakpoints.scss +12 -10
- package/src/abstracts/_index.scss +5 -0
- package/src/abstracts/_theme.scss +19 -16
- package/src/abstracts/_variables.scss +70 -56
- package/src/abstracts/functions/_create-values.scss +16 -0
- package/src/abstracts/functions/_ignore-neutral.scss +9 -0
- package/src/abstracts/functions/_index.scss +2 -0
- package/src/abstracts/mixins/_create-colors.scss +39 -0
- package/src/abstracts/mixins/_create-utilities.scss +39 -0
- package/src/abstracts/mixins/_extend-utilities.scss +24 -0
- package/src/abstracts/mixins/_index.scss +3 -0
- package/src/reset/_stylecent.scss +231 -0
- package/src/utilities/_background.scss +95 -0
- package/src/utilities/_border.scss +313 -0
- package/src/utilities/_box-model.scss +274 -91
- package/src/utilities/_color.scss +85 -0
- package/src/utilities/_effect.scss +98 -0
- package/src/utilities/_flexbox.scss +122 -56
- package/src/utilities/_grid.scss +52 -95
- package/src/utilities/_index.scss +14 -0
- package/src/utilities/_interactivity.scss +304 -0
- package/src/utilities/_outline.scss +53 -0
- package/src/utilities/_positioning.scss +436 -0
- package/src/utilities/_svg.scss +27 -0
- package/src/utilities/_table.scss +35 -0
- package/src/utilities/_transform.scss +164 -0
- package/src/utilities/_typography.scss +167 -57
- package/src/utilities/maps/_index.scss +12 -0
- package/src/utilities/maps/box-model/_dimension.scss +16 -0
- package/src/utilities/maps/box-model/_height.scss +16 -0
- package/src/utilities/maps/box-model/_margin.scss +10 -0
- package/src/utilities/maps/box-model/_padding.scss +10 -0
- package/src/utilities/maps/box-model/_width.scss +16 -0
- package/src/utilities/maps/flexbox/_flex-basis.scss +12 -0
- package/src/utilities/maps/grid/_gap.scss +5 -0
- package/src/yummacss-core.scss +3 -0
- package/src/yummacss.scss +4 -0
- package/.prettierrc +0 -9
- package/CHANGELOG.md +0 -58
- package/dist/yumma-core.css +0 -238809
- package/dist/yumma-core.min.css +0 -1
- package/dist/yumma.css +0 -238878
- package/dist/yumma.min.css +0 -1
- package/gulpfile.js +0 -44
- package/src/_base.scss +0 -72
- package/src/abstracts/_colors.scss +0 -29
- package/src/abstracts/_extensions.scss +0 -19
- package/src/abstracts/_functions.scss +0 -3
- package/src/abstracts/_layout.scss +0 -18
- package/src/abstracts/_mixins.scss +0 -575
- package/src/core.scss +0 -3
- package/src/utilities/_borders.scss +0 -214
- package/src/utilities/_effects.scss +0 -74
- package/src/utilities/_filters.scss +0 -57
- package/src/utilities/_interactions.scss +0 -111
- package/src/utilities/_layout.scss +0 -310
- package/src/utilities/_outlines.scss +0 -76
- package/src/utilities/_tables.scss +0 -61
- 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,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
|
-
}
|