@reuters-graphics/graphics-components 1.1.2 → 1.1.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/dist/components/SiteHeader/NavBar/NavDropdown/StoryCard/index.svelte +1 -11
- package/dist/components/SiteHeader/NavBar/NavDropdown/StoryCard/index.svelte.d.ts +0 -2
- package/dist/components/SiteHeader/NavBar/NavDropdown/index.svelte +1 -4
- package/dist/scss/fonts/_font-faces.scss +25 -0
- package/package.json +1 -1
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
import { getTime } from './time';
|
|
4
4
|
|
|
5
5
|
export let story;
|
|
6
|
-
export let withSection = false;
|
|
7
6
|
|
|
8
7
|
$: thumbnail = story.thumbnail;
|
|
9
8
|
</script>
|
|
@@ -11,17 +10,8 @@
|
|
|
11
10
|
<div class="story-card">
|
|
12
11
|
<a href="{normalizeUrl(story.canonical_url)}">
|
|
13
12
|
<div class="story-text" class:has-thumbnail="{thumbnail}">
|
|
14
|
-
{#if withSection}
|
|
15
|
-
<a href="{normalizeUrl(story.primary_section.id)}">
|
|
16
|
-
<span class="label">{story.primary_section.name}</span>
|
|
17
|
-
</a>
|
|
18
|
-
{/if}
|
|
19
13
|
<span>{story.title}</span>
|
|
20
|
-
{
|
|
21
|
-
<time datetime="{story.display_time}"
|
|
22
|
-
>{getTime(story.display_time)}</time
|
|
23
|
-
>
|
|
24
|
-
{/if}
|
|
14
|
+
<time datetime="{story.display_time}">{getTime(story.display_time)}</time>
|
|
25
15
|
</div>
|
|
26
16
|
{#if thumbnail}
|
|
27
17
|
<div class="thumbnail">
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
/** @typedef {typeof __propDef.slots} IndexSlots */
|
|
4
4
|
export default class Index extends SvelteComponent<{
|
|
5
5
|
story: any;
|
|
6
|
-
withSection?: boolean | undefined;
|
|
7
6
|
}, {
|
|
8
7
|
[evt: string]: CustomEvent<any>;
|
|
9
8
|
}, {}> {
|
|
@@ -15,7 +14,6 @@ import { SvelteComponent } from "svelte";
|
|
|
15
14
|
declare const __propDef: {
|
|
16
15
|
props: {
|
|
17
16
|
story: any;
|
|
18
|
-
withSection?: boolean | undefined;
|
|
19
17
|
};
|
|
20
18
|
events: {
|
|
21
19
|
[evt: string]: CustomEvent<any>;
|
|
@@ -83,6 +83,31 @@
|
|
|
83
83
|
font-display: swap;
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
+
/* Dotcom aliases for knowledge */
|
|
87
|
+
@font-face {
|
|
88
|
+
font-family: 'knowledge-regular';
|
|
89
|
+
src: local('Knowledge');
|
|
90
|
+
font-weight: normal;
|
|
91
|
+
font-style: normal;
|
|
92
|
+
font-display: swap;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
@font-face {
|
|
96
|
+
font-family: 'knowledge-medium';
|
|
97
|
+
src: local('Knowledge');
|
|
98
|
+
font-weight: 500;
|
|
99
|
+
font-style: normal;
|
|
100
|
+
font-display: swap;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
@font-face {
|
|
104
|
+
font-family: 'knowledge-bold';
|
|
105
|
+
src: local('Knowledge');
|
|
106
|
+
font-weight: bold;
|
|
107
|
+
font-style: normal;
|
|
108
|
+
font-display: swap;
|
|
109
|
+
}
|
|
110
|
+
|
|
86
111
|
/* SOURCE SANS PRO */
|
|
87
112
|
@font-face {
|
|
88
113
|
font-family: 'Source Sans Pro';
|