postcss-enumerates-in-line 0.3.2 → 1.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.
- package/README.md +286 -50
- package/README_EN.md +298 -51
- package/index.d.ts +48 -3
- package/index.mjs +246 -84
- package/package.json +1 -1
- package/test/gulp/gulpfile.mjs +6 -0
- package/test/gulp/package-lock.json +4 -4
- package/test/gulp/package.json +1 -1
- package/test/gulp/src/css/app.scss +15 -11
- package/test/postcss/build-css.mjs +6 -0
- package/test/postcss/package-lock.json +4 -4
- package/test/postcss/package.json +1 -1
- package/test/postcss/src/css/app.scss +15 -11
|
@@ -35,12 +35,13 @@
|
|
|
35
35
|
|
|
36
36
|
&--item {
|
|
37
37
|
&::before {
|
|
38
|
-
@enums display:inline content:"\0bb\020" ct:
|
|
38
|
+
@enums display:inline content:"\0bb\020" ct:color[[base,600]];
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
&--anchor {
|
|
42
|
-
@enums
|
|
43
|
-
|
|
42
|
+
@enums fd:color[[magenta,300]]^underline^dotted^2px fdo:4px
|
|
43
|
+
transition:text-decoration-color^0.25s^ease,color^0.25s^ease
|
|
44
|
+
hover!ct:color[[magenta,500]] hover!fdc:color[[white,999,0%]];
|
|
44
45
|
}
|
|
45
46
|
}
|
|
46
47
|
}
|
|
@@ -60,19 +61,21 @@
|
|
|
60
61
|
}
|
|
61
62
|
|
|
62
63
|
.c-projects {
|
|
63
|
-
@enums display:grid
|
|
64
|
+
@enums display:grid gtc:repeat(auto-fit,minmax(260px,1fr)) gap:1rem^1.5rem m8:0.375rem;
|
|
64
65
|
|
|
65
66
|
&--item {
|
|
66
|
-
@enums display:grid gap:0.5rem px:1rem py:0.5rem bw:1px bc:
|
|
67
|
-
|
|
67
|
+
@enums display:grid gap:0.5rem px:1rem py:0.5rem bw:1px bc:color[[base,400]] br:0.75rem
|
|
68
|
+
transition:transform^0.25s^ease,box-shadow^0.25s^ease,border-color^0.25s^ease,background-color^0.25s^ease
|
|
69
|
+
hover!transform:translateY(-0.25rem) hover!box-shadow:0^0.5rem^1rem^color[[black,999,25%]] hover!bc:color[[magenta,300]] hover!cb:color[[magenta,50]];
|
|
68
70
|
|
|
69
71
|
&--description {
|
|
70
72
|
@enums fs:0.95em;
|
|
71
73
|
}
|
|
72
74
|
|
|
73
75
|
&--anchor {
|
|
74
|
-
@enums
|
|
75
|
-
|
|
76
|
+
@enums fd:color[[magenta,300]]^underline^dotted^2px fdo:4px
|
|
77
|
+
transition:text-decoration-color^0.25s^ease,color^0.25s^ease
|
|
78
|
+
hover!ct:color[[magenta,500]] hover!fdc:color[[white,999,0%]];
|
|
76
79
|
}
|
|
77
80
|
}
|
|
78
81
|
}
|
|
@@ -84,12 +87,13 @@
|
|
|
84
87
|
@enums display:grid gap:1rem;
|
|
85
88
|
|
|
86
89
|
&--input {
|
|
87
|
-
@enums px:0.5rem py:0.375rem br:0.5rem cb:
|
|
90
|
+
@enums px:0.5rem py:0.375rem br:0.5rem cb:color[[base,50]] ct:color[[base,950]] fs:1rem;
|
|
88
91
|
}
|
|
89
92
|
|
|
90
93
|
&--button {
|
|
91
|
-
@enums py:0.5rem br:0.5rem cb:
|
|
92
|
-
|
|
94
|
+
@enums py:0.5rem br:0.5rem cb:color[[magenta,300]] ct:color[[base,950]] fs:1rem cursor:pointer
|
|
95
|
+
transition:background-color^0.25s^ease,color^0.25s^ease
|
|
96
|
+
hover!cb:color[[white,999]] hover!ct:color[[magenta,500]];
|
|
93
97
|
}
|
|
94
98
|
}
|
|
95
99
|
}
|