@c8y/style 1024.18.9 → 1024.18.10
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/package.json
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
@use "../../../../variables/index" as *;
|
|
2
|
+
// Loaded so that @extend can reach .btn-primary and .btn-default below.
|
|
3
|
+
// With the Sass module system, @extend only sees selectors from modules this
|
|
4
|
+
// file loads itself; without this line the extends silently emit nothing.
|
|
5
|
+
@use "../../../core/buttons/buttons";
|
|
2
6
|
|
|
3
7
|
/**
|
|
4
8
|
* C8Y Empty State - Empty state component for lists and containers
|
|
@@ -33,8 +37,24 @@
|
|
|
33
37
|
color: $component-background-default;
|
|
34
38
|
}
|
|
35
39
|
}
|
|
40
|
+
// Action buttons are shared with action bars, where they are links; inside the
|
|
41
|
+
// empty state they are the primary call to action, so promote them.
|
|
36
42
|
.btn-link {
|
|
37
|
-
@extend .btn-primary
|
|
43
|
+
@extend .btn-primary;
|
|
44
|
+
// Restore the .btn chrome that .btn-link strips. Border colour comes from
|
|
45
|
+
// the extended variant, so only width and style are set here.
|
|
46
|
+
border-width: 1px;
|
|
47
|
+
border-style: solid;
|
|
48
|
+
border-radius: $btn-border-radius-base;
|
|
49
|
+
font-weight: $btn-font-weight;
|
|
50
|
+
// Same guard as .btn-link's own padding rule, so this wins on specificity.
|
|
51
|
+
&:not(.btn-xs):not(.btn-sm) {
|
|
52
|
+
padding: $btn-padding-vertical calc($btn-padding-horizontal * 2);
|
|
53
|
+
}
|
|
54
|
+
&:hover,
|
|
55
|
+
&:focus {
|
|
56
|
+
text-decoration: none;
|
|
57
|
+
}
|
|
38
58
|
}
|
|
39
59
|
|
|
40
60
|
p, .btn{
|
|
@@ -43,7 +63,7 @@
|
|
|
43
63
|
|
|
44
64
|
.dashboard.dashboard-theme-branded & {
|
|
45
65
|
.btn-primary {
|
|
46
|
-
@extend .btn-default
|
|
66
|
+
@extend .btn-default;
|
|
47
67
|
}
|
|
48
68
|
a {
|
|
49
69
|
color: $component-color-default;
|