@neatui/css 3.13.0 → 3.15.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/GUIDE.md +1497 -0
- package/NEATUI_COMPREHENSIVE_ASSESSMENT.md +1019 -0
- package/NEATUI_DEEP_EVALUATION_REPORT.md +111 -0
- package/NEATUI_EVALUATION_REPORT_GPT.md +247 -0
- package/core/basic.scss +5 -1
- package/core/container.scss +281 -0
- package/core/size.scss +7 -8
- package/core/trim.scss +7 -7
- package/package.json +4 -1
- package/core/README.md +0 -142
- package/core/package.json +0 -16
package/core/trim.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
@use
|
|
1
|
+
@use "./media.scss" as *;
|
|
2
2
|
|
|
3
|
-
@mixin trim($media:
|
|
3
|
+
@mixin trim($media: "") {
|
|
4
4
|
$size: (no, xs, ss, sm, sl, ms, mm, ml, ls, lm, ll, xl);
|
|
5
5
|
|
|
6
6
|
// 栅格
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
// 圆角
|
|
57
57
|
$br_base: 0;
|
|
58
58
|
.#{$media}r-full {
|
|
59
|
-
border-radius:
|
|
59
|
+
border-radius: 10000em;
|
|
60
60
|
}
|
|
61
61
|
@each $sz in $size {
|
|
62
62
|
// 四角
|
|
@@ -626,11 +626,11 @@
|
|
|
626
626
|
@include trim();
|
|
627
627
|
|
|
628
628
|
// 平板
|
|
629
|
-
@include med(
|
|
630
|
-
@include trim(
|
|
629
|
+
@include med("<dpc") {
|
|
630
|
+
@include trim("pad\\:");
|
|
631
631
|
}
|
|
632
632
|
|
|
633
633
|
// 移动
|
|
634
|
-
@include med(
|
|
635
|
-
@include trim(
|
|
634
|
+
@include med("<pad") {
|
|
635
|
+
@include trim("mob\\:");
|
|
636
636
|
}
|
package/package.json
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neatui/css",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.15.1",
|
|
4
4
|
"description": "neatui",
|
|
5
5
|
"main": "./neatui.scss",
|
|
6
6
|
"license": "MIT",
|
|
7
|
+
"publishConfig": {
|
|
8
|
+
"access": "public"
|
|
9
|
+
},
|
|
7
10
|
"author": "xiaojunbo",
|
|
8
11
|
"scripts": {
|
|
9
12
|
"build": "yarn build:scss && yarn build:optimize && yarn build:minify",
|
package/core/README.md
DELETED
|
@@ -1,142 +0,0 @@
|
|
|
1
|
-
# @neatui/core
|
|
2
|
-
|
|
3
|
-
MCUI 核心组件，MCUI 全局架构性组件。官网 [https://mcui.fekit.cn/](https://mcui.fekit.cn/)
|
|
4
|
-
|
|
5
|
-
## 安装
|
|
6
|
-
|
|
7
|
-
### 安装核心
|
|
8
|
-
|
|
9
|
-
```
|
|
10
|
-
npm i @neatui/core
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
### 安装组件
|
|
14
|
-
|
|
15
|
-
```
|
|
16
|
-
npm i @neatui/btns
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
## 引用
|
|
20
|
-
|
|
21
|
-
```scss
|
|
22
|
-
// main.scss
|
|
23
|
-
|
|
24
|
-
// 添加主题
|
|
25
|
-
$theme: (
|
|
26
|
-
light: (
|
|
27
|
-
main: #d52932,
|
|
28
|
-
// 主体
|
|
29
|
-
vice: #67337d,
|
|
30
|
-
// 辅助
|
|
31
|
-
text: #000000,
|
|
32
|
-
// 文本
|
|
33
|
-
back: #ffffff,
|
|
34
|
-
// 底色
|
|
35
|
-
link: #0d66d0,
|
|
36
|
-
// 链接
|
|
37
|
-
code: #e23861,
|
|
38
|
-
// 代码
|
|
39
|
-
well: #4bbc73,
|
|
40
|
-
// 提倡
|
|
41
|
-
warn: #fb9a2a,
|
|
42
|
-
// 警告
|
|
43
|
-
risk: #f95850,
|
|
44
|
-
// 风险
|
|
45
|
-
info: #0889e4 // 信息
|
|
46
|
-
),
|
|
47
|
-
dark: (
|
|
48
|
-
main: #91cc48,
|
|
49
|
-
vice: #ffa60f,
|
|
50
|
-
text: rgba(255, 255, 255, 0.9),
|
|
51
|
-
back: #262629,
|
|
52
|
-
link: #00b9ff,
|
|
53
|
-
code: #e23861,
|
|
54
|
-
well: #49ca74,
|
|
55
|
-
warn: #fb9a2a,
|
|
56
|
-
risk: #fd7466,
|
|
57
|
-
info: #949af9
|
|
58
|
-
)
|
|
59
|
-
// 添加更多主题...
|
|
60
|
-
);
|
|
61
|
-
|
|
62
|
-
// 引用框架核心
|
|
63
|
-
@import '~@neatui/core';
|
|
64
|
-
|
|
65
|
-
// 引用业务组件
|
|
66
|
-
@import '~@neatui/btns';
|
|
67
|
-
// 引用更多组件...
|
|
68
|
-
```
|
|
69
|
-
|
|
70
|
-
## 使用
|
|
71
|
-
|
|
72
|
-
### 颜色
|
|
73
|
-
|
|
74
|
-
```scss
|
|
75
|
-
@import '~@neatui/core';
|
|
76
|
-
|
|
77
|
-
.header {
|
|
78
|
-
position: fixed;
|
|
79
|
-
width: 100%;
|
|
80
|
-
height: 4rem;
|
|
81
|
-
left: 0;
|
|
82
|
-
top: 0;
|
|
83
|
-
|
|
84
|
-
@include theme {
|
|
85
|
-
background-color: var(--co-back);
|
|
86
|
-
color: var(--co-text);
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
```
|
|
90
|
-
|
|
91
|
-
↓
|
|
92
|
-
|
|
93
|
-
```css
|
|
94
|
-
/* 编译成css: */
|
|
95
|
-
.header {
|
|
96
|
-
position: fixed;
|
|
97
|
-
width: 100%;
|
|
98
|
-
height: 4rem;
|
|
99
|
-
left: 0;
|
|
100
|
-
top: 0;
|
|
101
|
-
}
|
|
102
|
-
[mcui~='light'] .header {
|
|
103
|
-
background-color: #ffffff;
|
|
104
|
-
color: #000000;
|
|
105
|
-
}
|
|
106
|
-
[mcui~='dark'] .header {
|
|
107
|
-
background-color: #262629;
|
|
108
|
-
color: rgba(255, 255, 255, 0.9);
|
|
109
|
-
}
|
|
110
|
-
```
|
|
111
|
-
|
|
112
|
-
### 响应三端
|
|
113
|
-
|
|
114
|
-
```scss
|
|
115
|
-
@import '~@neatui/core';
|
|
116
|
-
|
|
117
|
-
body {
|
|
118
|
-
font-size: 14px;
|
|
119
|
-
|
|
120
|
-
@include mob {
|
|
121
|
-
font-size: 12px;
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
```
|
|
125
|
-
|
|
126
|
-
↓
|
|
127
|
-
|
|
128
|
-
```css
|
|
129
|
-
/* 编译成css: */
|
|
130
|
-
body {
|
|
131
|
-
font-size: 14px;
|
|
132
|
-
}
|
|
133
|
-
@media screen and (max-width: 767px) {
|
|
134
|
-
body {
|
|
135
|
-
font-size: 12px;
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
```
|
|
139
|
-
|
|
140
|
-
## 更多
|
|
141
|
-
|
|
142
|
-
详细文档请到MCUI官网 [https://mcui.fekit.cn](https://mcui.fekit.cn)
|
package/core/package.json
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@neatui/core",
|
|
3
|
-
"version": "1.12.15",
|
|
4
|
-
"description": "MCUI 核心组件，MCUI 全局架构性组件。官网 https://mcui.fekit.cn",
|
|
5
|
-
"main": "mcui@core.scss",
|
|
6
|
-
"scripts": {
|
|
7
|
-
"test": "echo \"Error: no test specified\" && exit 1"
|
|
8
|
-
},
|
|
9
|
-
"author": "xiaojunbo",
|
|
10
|
-
"license": "MIT",
|
|
11
|
-
"dependencies": {},
|
|
12
|
-
"keywords": [
|
|
13
|
-
"mcui",
|
|
14
|
-
"ui"
|
|
15
|
-
]
|
|
16
|
-
}
|