@reuters-graphics/graphics-components 1.1.3 → 1.1.5
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.
|
@@ -40,13 +40,14 @@ onMount(async () => {
|
|
|
40
40
|
--theme-font-family-sans-serif: Knowledge, sans-serif;
|
|
41
41
|
`}"
|
|
42
42
|
>
|
|
43
|
+
<a href="#main-content" class="skip-link"> Skip to main content </a>
|
|
43
44
|
<div class="nav-container show-nav">
|
|
44
45
|
<div class="scroll-container">
|
|
45
46
|
<div class="inner">
|
|
46
47
|
<div class="main-bar">
|
|
47
48
|
<div class="logo-container">
|
|
48
49
|
<div class="logo">
|
|
49
|
-
<a href="https://www.reuters.com">
|
|
50
|
+
<a href="https://www.reuters.com" aria-label="Reuters home">
|
|
50
51
|
<ReutersLogo
|
|
51
52
|
logoColour="var(--nav-accent)"
|
|
52
53
|
textColour="var(--nav-primary)"
|
|
@@ -236,4 +237,17 @@ To handle overlapping borders within components (e.g., buttons and inputs in inp
|
|
|
236
237
|
}
|
|
237
238
|
.mobile-menu .menu-button:focus-visible .button-container {
|
|
238
239
|
border: 2px solid var(--nav-accent);
|
|
240
|
+
}
|
|
241
|
+
.skip-link {
|
|
242
|
+
position: absolute;
|
|
243
|
+
left: -10000px;
|
|
244
|
+
top: auto;
|
|
245
|
+
width: 1px;
|
|
246
|
+
height: 1px;
|
|
247
|
+
overflow: hidden;
|
|
248
|
+
}
|
|
249
|
+
.skip-link:focus {
|
|
250
|
+
position: static;
|
|
251
|
+
width: auto;
|
|
252
|
+
height: auto;
|
|
239
253
|
}</style>
|
|
@@ -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';
|