hy-app 0.6.7 → 0.6.9
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/attributes.json +1 -1
- package/components/hy-action-sheet/index.scss +2 -2
- package/components/hy-avatar/index.scss +2 -2
- package/components/hy-card/hy-card.vue +2 -1
- package/components/hy-card/index.scss +0 -1
- package/components/hy-cell-item/index.scss +8 -9
- package/components/hy-code-input/index.scss +2 -2
- package/components/hy-config-provider/hy-config-provider.vue +3 -3
- package/components/hy-config-provider/props.ts +1 -1
- package/components/hy-float-button/index.scss +1 -1
- package/components/hy-index-bar/index.scss +1 -1
- package/components/hy-line-progress/index.scss +3 -3
- package/components/hy-menu/index.scss +1 -1
- package/components/hy-modal/index.scss +2 -2
- package/components/hy-notice-bar/index.scss +1 -1
- package/components/hy-popover/index.scss +6 -6
- package/components/hy-popup/index.scss +5 -5
- package/components/hy-read-more/props.ts +1 -1
- package/components/hy-scroll-list/index.scss +2 -2
- package/components/hy-search/index.scss +1 -1
- package/components/hy-signature/index.scss +1 -1
- package/components/hy-skeleton/index.scss +4 -4
- package/components/hy-slider/index.scss +3 -3
- package/components/hy-steps/index.scss +3 -3
- package/components/hy-subsection/index.scss +8 -8
- package/components/hy-swiper/index.scss +2 -2
- package/components/hy-switch/index.scss +3 -3
- package/components/hy-tabbar-group/index.scss +2 -2
- package/components/hy-tabs/index.scss +1 -1
- package/components/hy-tag/index.scss +1 -1
- package/components/hy-textarea/index.scss +4 -4
- package/components/hy-toast/index.scss +1 -1
- package/components/hy-tooltip/index.scss +6 -6
- package/components/hy-warn/index.scss +1 -1
- package/libs/css/_mixin.scss +3 -3
- package/libs/css/common.scss +1 -1
- package/libs/css/theme.scss +53 -24
- package/package.json +1 -1
- package/web-types.json +1 -1
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
top: 20px;
|
|
76
76
|
right: 15px;
|
|
77
77
|
background-color: rgba(128, 128, 128, 0.25);
|
|
78
|
-
border-radius: $hy-
|
|
78
|
+
border-radius: $hy-radius-circle;
|
|
79
79
|
padding: $hy-border-margin-padding-sm;
|
|
80
80
|
}
|
|
81
81
|
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
width: $hy-img-size-base;
|
|
113
113
|
height: $hy-img-size-base;
|
|
114
114
|
margin: 0 auto 7px;
|
|
115
|
-
border-radius: $hy-
|
|
115
|
+
border-radius: $hy-radius-base;
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
@include e(panel-title) {
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
justify-content: center;
|
|
8
8
|
|
|
9
9
|
@include m(circle) {
|
|
10
|
-
border-radius: $hy-
|
|
10
|
+
border-radius: $hy-radius-circle;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
@include m(square) {
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
height: 100%;
|
|
35
35
|
|
|
36
36
|
@include m(circle) {
|
|
37
|
-
border-radius: $hy-
|
|
37
|
+
border-radius: $hy-radius-circle;
|
|
38
38
|
overflow: hidden;
|
|
39
39
|
}
|
|
40
40
|
|
|
@@ -12,22 +12,22 @@
|
|
|
12
12
|
/* 大 */
|
|
13
13
|
@include m(large) {
|
|
14
14
|
font-size: $hy-font-size-lg;
|
|
15
|
-
padding:
|
|
16
|
-
line-height:
|
|
15
|
+
padding: $hy-border-margin-padding-lg;
|
|
16
|
+
line-height: $hy-line-height-lg;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
/* 默认 */
|
|
20
20
|
@include m(medium) {
|
|
21
21
|
font-size: $hy-font-size-base;
|
|
22
|
-
padding:
|
|
23
|
-
line-height:
|
|
22
|
+
padding: $hy-border-margin-padding-base;
|
|
23
|
+
line-height: $hy-line-height-base;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
/* 小 */
|
|
27
27
|
@include m(small) {
|
|
28
28
|
font-size: $hy-font-size-sm;
|
|
29
|
-
padding:
|
|
30
|
-
line-height:
|
|
29
|
+
padding: $hy-border-margin-padding-sm;
|
|
30
|
+
line-height: $hy-line-height-sm;
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
/*点击状态*/
|
|
@@ -51,9 +51,8 @@
|
|
|
51
51
|
|
|
52
52
|
/*sub值*/
|
|
53
53
|
@include e(sub) {
|
|
54
|
-
margin-top: $hy-border-margin-padding-sm;
|
|
55
54
|
color: $hy-text-color--grey;
|
|
56
|
-
font-size:
|
|
55
|
+
font-size: $hy-font-size-sm;
|
|
57
56
|
}
|
|
58
57
|
}
|
|
59
58
|
}
|
|
@@ -64,7 +63,7 @@
|
|
|
64
63
|
max-width: 90%;
|
|
65
64
|
flex: 1;
|
|
66
65
|
@include m(value) {
|
|
67
|
-
line-height:
|
|
66
|
+
line-height: $hy-line-height-base;
|
|
68
67
|
color: $hy-text-color--grey;
|
|
69
68
|
margin-right: $hy-border-margin-padding-sm;
|
|
70
69
|
}
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
/* 无边框 */
|
|
28
28
|
@include e(no) {
|
|
29
29
|
background-color: $hy-background--track;
|
|
30
|
-
border-radius: $hy-
|
|
30
|
+
border-radius: $hy-radius-sm;
|
|
31
31
|
@include m(active) {
|
|
32
32
|
&:before {
|
|
33
33
|
content: "";
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
content: "";
|
|
68
68
|
position: absolute;
|
|
69
69
|
bottom: 0;
|
|
70
|
-
border-radius: $hy-
|
|
70
|
+
border-radius: $hy-radius-semicircle;
|
|
71
71
|
width: 40px;
|
|
72
72
|
background-color: $hy-border-color--2;
|
|
73
73
|
}
|
|
@@ -38,9 +38,9 @@ const themeStyle = computed(() => {
|
|
|
38
38
|
{
|
|
39
39
|
'--hy-theme-color': props.themeColor,
|
|
40
40
|
'--hy-theme--light':
|
|
41
|
-
props.theme === '
|
|
42
|
-
? colorGradient(props.themeColor)[
|
|
43
|
-
: colorGradient(props.themeColor
|
|
41
|
+
props.theme === 'dark'
|
|
42
|
+
? colorGradient(props.themeColor, '#000')[60]
|
|
43
|
+
: colorGradient(props.themeColor)[80],
|
|
44
44
|
padding: addUnit(props.padding)
|
|
45
45
|
},
|
|
46
46
|
props.customStyle
|
|
@@ -8,11 +8,11 @@
|
|
|
8
8
|
flex: 1;
|
|
9
9
|
width: 100%;
|
|
10
10
|
overflow: hidden;
|
|
11
|
-
border-radius: $hy-
|
|
11
|
+
border-radius: $hy-radius-semicircle;
|
|
12
12
|
|
|
13
13
|
@include e(background) {
|
|
14
14
|
background-color: $hy-background--empty;
|
|
15
|
-
border-radius: $hy-
|
|
15
|
+
border-radius: $hy-radius-semicircle;
|
|
16
16
|
flex: 1;
|
|
17
17
|
}
|
|
18
18
|
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
align-items: center;
|
|
25
25
|
@include flex(row);
|
|
26
26
|
color: #ffffff;
|
|
27
|
-
border-radius: $hy-
|
|
27
|
+
border-radius: $hy-radius-semicircle;
|
|
28
28
|
transition: width 0.5s ease;
|
|
29
29
|
justify-content: flex-end;
|
|
30
30
|
background-color: $hy-primary;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
@include b(modal) {
|
|
5
5
|
max-width: 650rpx;
|
|
6
|
-
border-radius: $hy-
|
|
6
|
+
border-radius: $hy-radius-base;
|
|
7
7
|
overflow: hidden;
|
|
8
8
|
|
|
9
9
|
/* 标题 */
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
justify-content: center;
|
|
66
66
|
align-items: center;
|
|
67
67
|
height: 43px;
|
|
68
|
-
border-radius: $hy-
|
|
68
|
+
border-radius: $hy-radius-semicircle;
|
|
69
69
|
|
|
70
70
|
/* 确认 */
|
|
71
71
|
@include m(confirm) {
|
|
@@ -32,7 +32,7 @@ $z-index: 998;
|
|
|
32
32
|
z-index: $z-index;
|
|
33
33
|
position: relative;
|
|
34
34
|
background-color: $hy-background--box;
|
|
35
|
-
border-radius: $hy-
|
|
35
|
+
border-radius: $hy-radius-sm;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
@include edeep(pos) {
|
|
@@ -43,8 +43,8 @@ $z-index: 998;
|
|
|
43
43
|
min-height: 36px;
|
|
44
44
|
z-index: $z-index;
|
|
45
45
|
transition: opacity 0.2s;
|
|
46
|
-
box-shadow: $hy-
|
|
47
|
-
border-radius: $hy-
|
|
46
|
+
box-shadow: $hy-shadow-base;
|
|
47
|
+
border-radius: $hy-radius-sm;
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
|
|
@@ -55,7 +55,7 @@ $z-index: 998;
|
|
|
55
55
|
|
|
56
56
|
@include e(container) {
|
|
57
57
|
position: relative;
|
|
58
|
-
border-radius: $hy-
|
|
58
|
+
border-radius: $hy-radius-sm;
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
@include e(inner) {
|
|
@@ -64,7 +64,7 @@ $z-index: 998;
|
|
|
64
64
|
line-height: 22px;
|
|
65
65
|
z-index: $z-index;
|
|
66
66
|
background-color: $hy-background--box;
|
|
67
|
-
border-radius: $hy-
|
|
67
|
+
border-radius: $hy-radius-sm;
|
|
68
68
|
box-sizing: content-box;
|
|
69
69
|
width: 200px;
|
|
70
70
|
}
|
|
@@ -79,5 +79,5 @@ $z-index: 998;
|
|
|
79
79
|
z-index: $z-index;
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
-
@include squareArrow(6px, $hy-background--box, $z-index, $hy-
|
|
82
|
+
@include squareArrow(6px, $hy-background--box, $z-index, $hy-shadow-base);
|
|
83
83
|
}
|
|
@@ -13,23 +13,23 @@
|
|
|
13
13
|
@include m(round) {
|
|
14
14
|
|
|
15
15
|
&-top {
|
|
16
|
-
border-radius: 0 0 $hy-
|
|
16
|
+
border-radius: 0 0 $hy-radius-lg $hy-radius-lg;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
&-left {
|
|
20
|
-
border-radius: 0 $hy-
|
|
20
|
+
border-radius: 0 $hy-radius-lg $hy-radius-lg 0;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
&-right {
|
|
24
|
-
border-radius: $hy-
|
|
24
|
+
border-radius: $hy-radius-lg 0 0 $hy-radius-lg;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
&-bottom {
|
|
28
|
-
border-radius: $hy-
|
|
28
|
+
border-radius: $hy-radius-lg $hy-radius-lg 0 0;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
&-center {
|
|
32
|
-
border-radius: $hy-
|
|
32
|
+
border-radius: $hy-radius-lg;
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
|
|
@@ -28,14 +28,14 @@
|
|
|
28
28
|
@include m(line) {
|
|
29
29
|
width: 60px;
|
|
30
30
|
height: 4px;
|
|
31
|
-
border-radius: $hy-
|
|
31
|
+
border-radius: $hy-radius-semicircle;
|
|
32
32
|
overflow: hidden;
|
|
33
33
|
background-color: $hy-background--empty;
|
|
34
34
|
|
|
35
35
|
@include e(bar) {
|
|
36
36
|
width: 20px;
|
|
37
37
|
height: 4px;
|
|
38
|
-
border-radius: $hy-
|
|
38
|
+
border-radius: $hy-radius-semicircle;
|
|
39
39
|
background-color: $hy-primary;
|
|
40
40
|
}
|
|
41
41
|
}
|
|
@@ -42,7 +42,7 @@ $hy-search-close-size: 20px !default;
|
|
|
42
42
|
@include e(close) {
|
|
43
43
|
width: $hy-search-close-size;
|
|
44
44
|
height: $hy-search-close-size;
|
|
45
|
-
border-radius: $hy-
|
|
45
|
+
border-radius: $hy-radius-circle;
|
|
46
46
|
background-color: $hy-background--track;
|
|
47
47
|
@include flex(row);
|
|
48
48
|
align-items: center;
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
@include e(col) {
|
|
20
|
-
border-radius: $hy-
|
|
20
|
+
border-radius: $hy-radius-sm;
|
|
21
21
|
background-color: $hy-background--skeleton;
|
|
22
22
|
display: flex;
|
|
23
23
|
align-items: center;
|
|
@@ -32,20 +32,20 @@
|
|
|
32
32
|
&-text {
|
|
33
33
|
width: 100%;
|
|
34
34
|
height: 20px;
|
|
35
|
-
border-radius: $hy-
|
|
35
|
+
border-radius: $hy-radius-sm;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
&-rect {
|
|
39
39
|
width: 100%;
|
|
40
40
|
height: 20px;
|
|
41
|
-
border-radius: $hy-
|
|
41
|
+
border-radius: $hy-radius-base;
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
&-circle {
|
|
45
45
|
flex-shrink: 0;
|
|
46
46
|
width: 48px;
|
|
47
47
|
height: 48px;
|
|
48
|
-
border-radius: $hy-
|
|
48
|
+
border-radius: $hy-radius-circle;
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
@include m(animation) {
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
flex: 1;
|
|
16
16
|
@include flex(column);
|
|
17
17
|
position: relative;
|
|
18
|
-
border-radius: $hy-
|
|
18
|
+
border-radius: $hy-radius-semicircle;
|
|
19
19
|
padding: $hy-border-margin-padding-base $hy-border-margin-padding-lg;
|
|
20
20
|
justify-content: center;
|
|
21
21
|
}
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
|
|
35
35
|
@include e(base) {
|
|
36
36
|
background-color: $hy-background--empty;
|
|
37
|
-
border-radius: $hy-
|
|
37
|
+
border-radius: $hy-radius-semicircle;
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
/* #ifndef APP-NVUE */
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
|
|
52
52
|
@include e(gap) {
|
|
53
53
|
position: relative;
|
|
54
|
-
border-radius: $hy-
|
|
54
|
+
border-radius: $hy-radius-semicircle;
|
|
55
55
|
transition: width 0.2s;
|
|
56
56
|
background-color: $hy-primary;
|
|
57
57
|
&-0 {
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
align-items: center;
|
|
41
41
|
position: relative;
|
|
42
42
|
background-color: transparent;
|
|
43
|
-
border-radius: $hy-
|
|
43
|
+
border-radius: $hy-radius-semicircle;
|
|
44
44
|
|
|
45
45
|
/* 选择 */
|
|
46
46
|
&.process {
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
@include e(item) {
|
|
71
71
|
width: 10px;
|
|
72
72
|
height: 10px;
|
|
73
|
-
border-radius: $hy-
|
|
73
|
+
border-radius: $hy-radius-circle;
|
|
74
74
|
background-color: $hy-info;
|
|
75
75
|
border: none;
|
|
76
76
|
}
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
box-sizing: border-box;
|
|
90
90
|
flex-shrink: 0;
|
|
91
91
|
/* #endif */
|
|
92
|
-
border-radius: $hy-
|
|
92
|
+
border-radius: $hy-radius-semicircle;
|
|
93
93
|
border: $hy-border-line;
|
|
94
94
|
@include flex(row);
|
|
95
95
|
align-items: center;
|
|
@@ -15,12 +15,12 @@
|
|
|
15
15
|
height: 35px;
|
|
16
16
|
background-color: $hy-background--3;
|
|
17
17
|
padding: 3px;
|
|
18
|
-
border-radius: $hy-
|
|
18
|
+
border-radius: $hy-radius-sm;
|
|
19
19
|
align-items: stretch;
|
|
20
20
|
|
|
21
21
|
@include m(bar) {
|
|
22
22
|
background-color: $hy-background--container !important;
|
|
23
|
-
border-radius: $hy-
|
|
23
|
+
border-radius: $hy-radius-sm;
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
background-color: $hy-primary;
|
|
39
39
|
|
|
40
40
|
@include m(first) {
|
|
41
|
-
border-radius: $hy-
|
|
41
|
+
border-radius: $hy-radius-sm 0 0 $hy-radius-sm;
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
@include m(center) {
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
@include m(last) {
|
|
49
|
-
border-radius: 0 $hy-
|
|
49
|
+
border-radius: 0 $hy-radius-sm $hy-radius-sm 0;
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
|
|
@@ -67,13 +67,13 @@
|
|
|
67
67
|
}
|
|
68
68
|
|
|
69
69
|
@include m(first) {
|
|
70
|
-
border-top-left-radius: $hy-
|
|
71
|
-
border-bottom-left-radius: $hy-
|
|
70
|
+
border-top-left-radius: $hy-radius-sm;
|
|
71
|
+
border-bottom-left-radius: $hy-radius-sm;
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
@include m(last) {
|
|
75
|
-
border-top-right-radius: $hy-
|
|
76
|
-
border-bottom-right-radius: $hy-
|
|
75
|
+
border-top-right-radius: $hy-radius-sm;
|
|
76
|
+
border-bottom-right-radius: $hy-radius-sm;
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
@include m(text) {
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
@include e(bar) {
|
|
62
62
|
width: 22px;
|
|
63
63
|
height: 4px;
|
|
64
|
-
border-radius: $hy-
|
|
64
|
+
border-radius: $hy-radius-semicircle;
|
|
65
65
|
background-color: #ffffff;
|
|
66
66
|
transition: transform 0.3s;
|
|
67
67
|
}
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
@include m(dot) {
|
|
71
71
|
width: 5px;
|
|
72
72
|
height: 5px;
|
|
73
|
-
border-radius: $hy-
|
|
73
|
+
border-radius: $hy-radius-semicircle;
|
|
74
74
|
margin: 0 $hy-border-margin-padding-sm;
|
|
75
75
|
|
|
76
76
|
@include e(active) {
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
/* #endif */
|
|
9
9
|
background-color: $hy-background--3;
|
|
10
10
|
position: relative;
|
|
11
|
-
border-radius: $hy-
|
|
11
|
+
border-radius: $hy-radius-semicircle;
|
|
12
12
|
transition: background-color 0.4s;
|
|
13
13
|
border: 1px solid rgba(0, 0, 0, 0.12);
|
|
14
14
|
justify-content: flex-end;
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
align-items: center;
|
|
26
26
|
justify-content: center;
|
|
27
27
|
background-color: $hy-background--container;
|
|
28
|
-
border-radius: $hy-
|
|
28
|
+
border-radius: $hy-radius-semicircle;
|
|
29
29
|
box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.25);
|
|
30
30
|
transition-property: transform;
|
|
31
31
|
transition-duration: 0.4s;
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
|
|
35
35
|
@include e(bg) {
|
|
36
36
|
position: absolute;
|
|
37
|
-
border-radius: $hy-
|
|
37
|
+
border-radius: $hy-radius-semicircle;
|
|
38
38
|
background-color: $hy-background--3;
|
|
39
39
|
transition-property: transform;
|
|
40
40
|
transition-duration: 0.4s;
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
@include m(circle) {
|
|
20
20
|
margin-left: $hy-border-margin-padding-lg;
|
|
21
21
|
margin-right: $hy-border-margin-padding-lg;
|
|
22
|
-
border-radius: $hy-
|
|
23
|
-
box-shadow: $hy-
|
|
22
|
+
border-radius: $hy-radius-semicircle;
|
|
23
|
+
box-shadow: $hy-shadow-base;
|
|
24
24
|
|
|
25
25
|
@include is(fixed) {
|
|
26
26
|
@include is(safe) {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
@use "../../libs/css/mixin" as *;
|
|
3
3
|
|
|
4
4
|
@include b(textarea) {
|
|
5
|
-
border-radius: $hy-
|
|
5
|
+
border-radius: $hy-radius-sm;
|
|
6
6
|
position: relative;
|
|
7
7
|
@include flex;
|
|
8
8
|
flex: 1;
|
|
@@ -13,11 +13,11 @@
|
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
@include e(radius) {
|
|
16
|
-
border-radius: $hy-
|
|
16
|
+
border-radius: $hy-radius-sm;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
@include e(no-radius) {
|
|
20
|
-
border-radius: $hy-
|
|
20
|
+
border-radius: $hy-radius-no;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
@include e(disabled) {
|
|
@@ -48,6 +48,6 @@
|
|
|
48
48
|
font-size: 12px;
|
|
49
49
|
background-color: $hy-background--3;
|
|
50
50
|
padding: 1px 4px;
|
|
51
|
-
border-radius: $hy-
|
|
51
|
+
border-radius: $hy-radius-sm;
|
|
52
52
|
}
|
|
53
53
|
}
|
|
@@ -8,7 +8,7 @@ $hy-tooltip--background-color: rgb(50, 50, 51);
|
|
|
8
8
|
position: relative;
|
|
9
9
|
@include flex;
|
|
10
10
|
|
|
11
|
-
@include squareArrow(6px, $hy-tooltip--background-color, -1, $hy-
|
|
11
|
+
@include squareArrow(6px, $hy-tooltip--background-color, -1, $hy-shadow-base);
|
|
12
12
|
|
|
13
13
|
@include edeep(popup) {
|
|
14
14
|
position: absolute;
|
|
@@ -17,8 +17,8 @@ $hy-tooltip--background-color: rgb(50, 50, 51);
|
|
|
17
17
|
text-align: center;
|
|
18
18
|
min-height: 36px;
|
|
19
19
|
transition: opacity 0.2s;
|
|
20
|
-
box-shadow: $hy-
|
|
21
|
-
border-radius: $hy-
|
|
20
|
+
box-shadow: $hy-shadow-base;
|
|
21
|
+
border-radius: $hy-radius-sm;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
|
|
@@ -29,7 +29,7 @@ $hy-tooltip--background-color: rgb(50, 50, 51);
|
|
|
29
29
|
|
|
30
30
|
@include e(container) {
|
|
31
31
|
position: relative;
|
|
32
|
-
border-radius: $hy-
|
|
32
|
+
border-radius: $hy-radius-sm;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
@include e(inner) {
|
|
@@ -37,7 +37,7 @@ $hy-tooltip--background-color: rgb(50, 50, 51);
|
|
|
37
37
|
padding: $hy-border-margin-padding-base;
|
|
38
38
|
line-height: 22px;
|
|
39
39
|
z-index: $hy-tooltip--z-index;
|
|
40
|
-
border-radius: $hy-
|
|
40
|
+
border-radius: $hy-radius-sm;
|
|
41
41
|
box-sizing: content-box;
|
|
42
42
|
width: 200px;
|
|
43
43
|
}
|
|
@@ -58,7 +58,7 @@ $hy-tooltip--background-color: rgb(50, 50, 51);
|
|
|
58
58
|
background-color: $hy-tooltip--background-color;
|
|
59
59
|
position: relative;
|
|
60
60
|
flex: 1;
|
|
61
|
-
border-radius: $hy-
|
|
61
|
+
border-radius: $hy-radius-sm;
|
|
62
62
|
padding: 0;
|
|
63
63
|
@include flex(row);
|
|
64
64
|
align-items: center;
|