@deppon/deppon-assets 1.15.0 → 1.15.3

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 (8) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +3 -3
  3. package/dist/css/base.less +281 -281
  4. package/dist/css/control.less +103 -103
  5. package/package.json +2 -2
  6. package/src/css/base.less +281 -281
  7. package/src/css/control.less +103 -103
  8. package/src/index.js +1 -1
package/src/css/control.less CHANGED
@@ -1,104 +1,104 @@
1
- .line-clamp(@line: 3) {
2
- overflow: hidden;
3
- display: -webkit-box;
4
- -webkit-line-clamp: @line;
5
- /* autoprefixer: ignore next */
6
- -webkit-box-orient: vertical;
7
- /* autoprefixer: ignore next */
8
- text-overflow: ellipsis;
9
- }
10
-
11
- .text-overflow {
12
- overflow: hidden;
13
- text-overflow: ellipsis;
14
- white-space: nowrap;
15
- }
16
-
17
- .font(@size, @color, @height) {
18
- font-size: @size;
19
- color: @color;
20
- line-height: @height;
21
- }
22
-
23
- /* 1px边框 */
24
-
25
- /* 例: .border-1px(#000, 0, solid) */
26
-
27
- .min-device-pixel-ratio(@scale2, @scale3) {
28
- @media screen and (min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) {
29
- transform: @scale2;
30
- }
31
- @media screen and (min-device-pixel-ratio: 3),
32
- (-webkit-min-device-pixel-ratio: 3) {
33
- transform: @scale3;
34
- }
35
- }
36
-
37
- .border-1px(@color: #000, @radius: 2PX, @style: solid) {
38
- &::before {
39
- content: "";
40
- pointer-events: none;
41
- display: block;
42
- position: absolute;
43
- left: 0;
44
- top: 0;
45
- transform-origin: 0 0;
46
- border: 1PX @style @color;
47
- border-radius: @radius;
48
- box-sizing: border-box;
49
- width: 100%;
50
- height: 100%;
51
- @media screen and (min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) {
52
- width: 200%;
53
- height: 200%;
54
- border-radius: (@radius * 2);
55
- transform: scale(.5);
56
- }
57
- @media screen and (min-device-pixel-ratio: 3),
58
- (-webkit-min-device-pixel-ratio: 3) {
59
- width: 300%;
60
- height: 300%;
61
- border-radius: (@radius * 3);
62
- transform: scale(.33);
63
- }
64
- }
65
- }
66
-
67
- .border-top-1px(@color: #000, @style: solid) {
68
- &::before {
69
- content: "";
70
- position: absolute;
71
- left: 0;
72
- top: 0;
73
- width: 100%;
74
- border-top: 1Px @style @color;
75
- transform-origin: 0 0;
76
- .min-device-pixel-ratio(scaleY(.5), scaleY(.33));
77
- }
78
- }
79
-
80
- .border-bottom-1px(@color: #000, @style: solid) {
81
- &::after {
82
- content: "";
83
- position: absolute;
84
- left: 0;
85
- bottom: 0;
86
- width: 100%;
87
- border-bottom: 1Px @style @color;
88
- transform-origin: 0 0;
89
- .min-device-pixel-ratio(scaleY(.5), scaleY(.33));
90
- }
91
- }
92
-
93
- .border-left-1px(@color: #000, @style: solid) {
94
- &::before {
95
- content: "";
96
- position: absolute;
97
- left: 0;
98
- top: 0;
99
- height: 100%;
100
- border-left: 1Px @style @color;
101
- transform-origin: 0 0;
102
- .min-device-pixel-ratio(scaleX(.5), scaleX(.33));
103
- }
1
+ .line-clamp(@line: 3) {
2
+ overflow: hidden;
3
+ display: -webkit-box;
4
+ -webkit-line-clamp: @line;
5
+ /* autoprefixer: ignore next */
6
+ -webkit-box-orient: vertical;
7
+ /* autoprefixer: ignore next */
8
+ text-overflow: ellipsis;
9
+ }
10
+
11
+ .text-overflow {
12
+ overflow: hidden;
13
+ text-overflow: ellipsis;
14
+ white-space: nowrap;
15
+ }
16
+
17
+ .font(@size, @color, @height) {
18
+ font-size: @size;
19
+ color: @color;
20
+ line-height: @height;
21
+ }
22
+
23
+ /* 1px边框 */
24
+
25
+ /* 例: .border-1px(#000, 0, solid) */
26
+
27
+ .min-device-pixel-ratio(@scale2, @scale3) {
28
+ @media screen and (min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) {
29
+ transform: @scale2;
30
+ }
31
+ @media screen and (min-device-pixel-ratio: 3),
32
+ (-webkit-min-device-pixel-ratio: 3) {
33
+ transform: @scale3;
34
+ }
35
+ }
36
+
37
+ .border-1px(@color: #000, @radius: 2PX, @style: solid) {
38
+ &::before {
39
+ content: "";
40
+ pointer-events: none;
41
+ display: block;
42
+ position: absolute;
43
+ left: 0;
44
+ top: 0;
45
+ transform-origin: 0 0;
46
+ border: 1PX @style @color;
47
+ border-radius: @radius;
48
+ box-sizing: border-box;
49
+ width: 100%;
50
+ height: 100%;
51
+ @media screen and (min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) {
52
+ width: 200%;
53
+ height: 200%;
54
+ border-radius: (@radius * 2);
55
+ transform: scale(.5);
56
+ }
57
+ @media screen and (min-device-pixel-ratio: 3),
58
+ (-webkit-min-device-pixel-ratio: 3) {
59
+ width: 300%;
60
+ height: 300%;
61
+ border-radius: (@radius * 3);
62
+ transform: scale(.33);
63
+ }
64
+ }
65
+ }
66
+
67
+ .border-top-1px(@color: #000, @style: solid) {
68
+ &::before {
69
+ content: "";
70
+ position: absolute;
71
+ left: 0;
72
+ top: 0;
73
+ width: 100%;
74
+ border-top: 1Px @style @color;
75
+ transform-origin: 0 0;
76
+ .min-device-pixel-ratio(scaleY(.5), scaleY(.33));
77
+ }
78
+ }
79
+
80
+ .border-bottom-1px(@color: #000, @style: solid) {
81
+ &::after {
82
+ content: "";
83
+ position: absolute;
84
+ left: 0;
85
+ bottom: 0;
86
+ width: 100%;
87
+ border-bottom: 1Px @style @color;
88
+ transform-origin: 0 0;
89
+ .min-device-pixel-ratio(scaleY(.5), scaleY(.33));
90
+ }
91
+ }
92
+
93
+ .border-left-1px(@color: #000, @style: solid) {
94
+ &::before {
95
+ content: "";
96
+ position: absolute;
97
+ left: 0;
98
+ top: 0;
99
+ height: 100%;
100
+ border-left: 1Px @style @color;
101
+ transform-origin: 0 0;
102
+ .min-device-pixel-ratio(scaleX(.5), scaleX(.33));
103
+ }
104
104
  }
package/src/index.js CHANGED
@@ -1 +1 @@
1
- export default {};
1
+ export default {};