@uncinq/css-components 1.5.3 → 1.6.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/css/components/breadcrumb.css +1 -0
- package/css/components/btn-close.css +3 -3
- package/css/components/btn-filter.css +3 -3
- package/css/components/btn-menu.css +3 -3
- package/css/components/btn-search.css +3 -3
- package/css/components/btn-share.css +3 -3
- package/css/components/btn-toc.css +3 -3
- package/package.json +1 -1
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/* components/breadcrumb.css */
|
|
2
2
|
@layer components {
|
|
3
3
|
.breadcrumb-wrapper {
|
|
4
|
+
background: var(--breadcrumb-color-background);
|
|
4
5
|
border-block: var(--breadcrumb-border-width) var(--breadcrumb-border-style) var(--breadcrumb-color-border);
|
|
5
6
|
overflow-x: auto;
|
|
6
7
|
padding-block: var(--breadcrumb-padding-block);
|
|
@@ -24,9 +24,9 @@
|
|
|
24
24
|
background-color: currentColor;
|
|
25
25
|
content: '';
|
|
26
26
|
flex-shrink: 0;
|
|
27
|
-
height: var(--icon-size);
|
|
28
|
-
mask: var(--icon-close) center / var(--icon-size) no-repeat;
|
|
29
|
-
width: var(--icon-size);
|
|
27
|
+
height: var(--btn-close-icon-size, var(--icon-size));
|
|
28
|
+
mask: var(--icon-close) center / var(--btn-close-icon-size, var(--icon-size)) no-repeat;
|
|
29
|
+
width: var(--btn-close-icon-size, var(--icon-size));
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
@media (hover: hover) and (pointer: fine) {
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
background-color: currentColor;
|
|
15
15
|
content: '';
|
|
16
16
|
flex-shrink: 0;
|
|
17
|
-
height: var(--icon-size);
|
|
18
|
-
mask: var(--icon-filter) center / var(--icon-size) no-repeat;
|
|
19
|
-
width: var(--icon-size);
|
|
17
|
+
height: var(--btn-filter-icon-size, var(--icon-size));
|
|
18
|
+
mask: var(--icon-filter) center / var(--btn-filter-icon-size, var(--icon-size)) no-repeat;
|
|
19
|
+
width: var(--btn-filter-icon-size, var(--icon-size));
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
}
|
|
@@ -25,9 +25,9 @@
|
|
|
25
25
|
background-color: currentColor;
|
|
26
26
|
content: '';
|
|
27
27
|
flex-shrink: 0;
|
|
28
|
-
height: var(--icon-size);
|
|
29
|
-
mask: var(--icon-menu) center / var(--icon-size) no-repeat;
|
|
30
|
-
width: var(--icon-size);
|
|
28
|
+
height: var(--btn-menu-icon-size, var(--icon-size));
|
|
29
|
+
mask: var(--icon-menu) center / var(--btn-menu-icon-size, var(--icon-size)) no-repeat;
|
|
30
|
+
width: var(--btn-menu-icon-size, var(--icon-size));
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
@media (hover: hover) and (pointer: fine) {
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
background-color: currentColor;
|
|
15
15
|
content: '';
|
|
16
16
|
flex-shrink: 0;
|
|
17
|
-
height: var(--icon-size);
|
|
18
|
-
mask: var(--icon-search) center / var(--icon-size) no-repeat;
|
|
19
|
-
width: var(--icon-size);
|
|
17
|
+
height: var(--btn-search-icon-size, var(--icon-size));
|
|
18
|
+
mask: var(--icon-search) center / var(--btn-search-icon-size, var(--icon-size)) no-repeat;
|
|
19
|
+
width: var(--btn-search-icon-size, var(--icon-size));
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
}
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
background-color: currentColor;
|
|
15
15
|
content: '';
|
|
16
16
|
flex-shrink: 0;
|
|
17
|
-
height: var(--icon-size);
|
|
18
|
-
mask: var(--icon-share) center / var(--icon-size) no-repeat;
|
|
19
|
-
width: var(--icon-size);
|
|
17
|
+
height: var(--btn-share-icon-size, var(--icon-size));
|
|
18
|
+
mask: var(--icon-share) center / var(--btn-share-icon-size, var(--icon-size)) no-repeat;
|
|
19
|
+
width: var(--btn-share-icon-size, var(--icon-size));
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
}
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
background-color: currentColor;
|
|
15
15
|
content: '';
|
|
16
16
|
flex-shrink: 0;
|
|
17
|
-
height: var(--icon-size);
|
|
18
|
-
mask: var(--icon-toc) center / var(--icon-size) no-repeat;
|
|
19
|
-
width: var(--icon-size);
|
|
17
|
+
height: var(--btn-toc-icon-size, var(--icon-size));
|
|
18
|
+
mask: var(--icon-toc) center / var(--btn-toc-icon-size, var(--icon-size)) no-repeat;
|
|
19
|
+
width: var(--btn-toc-icon-size, var(--icon-size));
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
}
|