@netlify/spark-ui 1.14.3 → 1.14.4
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,6 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
---
|
|
2
|
+
const { class: className, ...rest } = Astro.props;
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<div class:list={['n-action-arrow', className]} {...rest}>
|
|
2
6
|
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" fill="none" viewBox="0 0 14 14">
|
|
3
|
-
<g stroke="currentColor" stroke-linecap="square" stroke-width="1.564"
|
|
7
|
+
<g stroke="currentColor" stroke-linecap="square" stroke-width="1.564">
|
|
4
8
|
<path stroke-linejoin="round" d="M3.417 10.556 9.4 4.572"></path>
|
|
5
9
|
<path d="M9.88 9.381V4.093H4.59"></path>
|
|
6
10
|
</g>
|
|
@@ -17,7 +17,7 @@ const { id, href, text, class: className, ...rest } = Astro.props;
|
|
|
17
17
|
|
|
18
18
|
<style>
|
|
19
19
|
.n-action-link {
|
|
20
|
-
display: inline-
|
|
20
|
+
display: inline-block;
|
|
21
21
|
gap: var(--space-3xs);
|
|
22
22
|
align-items: center;
|
|
23
23
|
font-weight: var(--font-weight-medium);
|
|
@@ -31,5 +31,9 @@ const { id, href, text, class: className, ...rest } = Astro.props;
|
|
|
31
31
|
text-decoration-color: var(--color-link);
|
|
32
32
|
text-underline-offset: 0.1em;
|
|
33
33
|
}
|
|
34
|
+
|
|
35
|
+
:is(span + .n-action-arrow) {
|
|
36
|
+
margin-inline-start: 0.1em;
|
|
37
|
+
}
|
|
34
38
|
}
|
|
35
39
|
</style>
|
|
@@ -121,12 +121,6 @@ const isAnchorHeadline = isCardClickable && headline && !link?.text && link?.hre
|
|
|
121
121
|
min-width: 0;
|
|
122
122
|
}
|
|
123
123
|
|
|
124
|
-
.n-card :global(.n-action-arrow) {
|
|
125
|
-
flex: 0 0 auto;
|
|
126
|
-
align-self: center;
|
|
127
|
-
margin-inline-start: auto;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
124
|
.n-card-paragraph {
|
|
131
125
|
line-height: var(--line-height-text);
|
|
132
126
|
}
|
|
@@ -167,6 +161,10 @@ const isAnchorHeadline = isCardClickable && headline && !link?.text && link?.hre
|
|
|
167
161
|
}
|
|
168
162
|
}
|
|
169
163
|
|
|
164
|
+
.n-card-clickable .n-action-arrow {
|
|
165
|
+
margin-inline-start: auto;
|
|
166
|
+
}
|
|
167
|
+
|
|
170
168
|
/* Focus for Anchor Headline */
|
|
171
169
|
.n-card-anchor-heaadline:focus-within {
|
|
172
170
|
box-shadow: 0 0 0 3px var(--color-focus-ring, Highlight);
|