@swisspost/design-system-styles 8.7.0 → 8.8.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/_svg-icon-map.scss +8 -0
- package/basics.css +1 -1
- package/components/base.css +1 -1
- package/components/fonts.css +1 -1
- package/components/fonts.scss +9 -39
- package/components/icons.css +1 -1
- package/components/popover.css +1 -1
- package/components/root.css +1 -1
- package/components/stepper.css +1 -1
- package/components/stepper.scss +1 -1
- package/components/tooltip.css +1 -1
- package/fonts.css +1 -1
- package/index.css +3 -3
- package/intranet.css +3 -3
- package/package.json +3 -3
- package/post-external.css +3 -3
- package/post-internal.css +3 -3
- package/tokens/temp/channel.scss +1 -1
- package/tokens/temp/components.scss +1 -1
- package/tokens/temp/core.scss +1 -1
- package/tokens/temp/device.scss +1 -1
- package/tokens/temp/index.scss +1 -1
- package/tokens/temp/mode.scss +1 -1
- package/tokens/temp/theme.scss +1 -1
- package/variables/_options.scss +1 -1
- package/variables/_type.scss +4 -4
package/components/base.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
body{--post-bg-opacity: 1;background-color:rgba(var(--post-bg-rgb), var(--post-bg-opacity)) !important;color:var(--post-contrast-color) !important}body,:root{--post-contrast-color: #000;--post-focus-color: #1976c8;--post-contrast-color-inverted: #fff;--post-gray-10: hsl(0, 0%, 90%);--post-gray-20: hsl(0, 0%, 80%);--post-gray-40: hsl(0, 0%, 60%);--post-gray-60: hsl(0, 0%, 40%);--post-gray-80: hsl(0, 0%, 20%);--post-yellow: #fc0;--post-white: #fff;--post-light: #faf9f8;--post-gray: #f4f3f1;--post-dark: hsl(0, 0%, 20%);--post-black: #000;--post-primary: hsl(0, 0%, 20%);--post-secondary: hsl(0, 0%, 40%);--post-success: #2c871d;--post-warning: #f49e00;--post-error: #a51728;--post-info: #cce4ee;--post-success-background: #c0debb;--post-warning-background: #fce2b2;--post-error-background: #ffdade;--post-nightblue: #004976;--post-nightblue-bright: #0076a8;--post-petrol: #006d68;--post-petrol-bright: #00968f;--post-coral: #9e2a2f;--post-coral-bright: #e03c31;--post-olive: #716135;--post-olive-bright: #aa9d2e;--post-purple: #80276c;--post-purple-bright: #c5299b;--post-aubergine: #523178;--post-aubergine-bright: #7566a0;--post-contrast-color-rgb: 0, 0, 0;--post-contrast-color-inverted-rgb: 255, 255, 255;--post-gray-10-rgb: 230, 230, 230;--post-gray-20-rgb: 204, 204, 204;--post-gray-40-rgb: 153, 153, 153;--post-gray-60-rgb: 102, 102, 102;--post-gray-80-rgb: 51, 51, 51;--post-black-alpha-10-rgba: rgba(0, 0, 0, 0.1);--post-black-alpha-20-rgba: rgba(0, 0, 0, 0.2);--post-black-alpha-40-rgba: rgba(0, 0, 0, 0.4);--post-black-alpha-60-rgba: rgba(0, 0, 0, 0.6);--post-black-alpha-80-rgba: rgba(0, 0, 0, 0.8);--post-white-alpha-10-rgba: rgba(255, 255, 255, 0.1);--post-white-alpha-20-rgba: rgba(255, 255, 255, 0.2);--post-white-alpha-40-rgba: rgba(255, 255, 255, 0.4);--post-white-alpha-60-rgba: rgba(255, 255, 255, 0.6);--post-white-alpha-80-rgba: rgba(255, 255, 255, 0.8);--post-yellow-rgb: 255, 204, 0;--post-white-rgb: 255, 255, 255;--post-light-rgb: 250, 249, 248;--post-gray-rgb: 244, 243, 241;--post-dark-rgb: 51, 51, 51;--post-black-rgb: 0, 0, 0;--post-primary-rgb: 51, 51, 51;--post-secondary-rgb: 102, 102, 102;--post-success-rgb: 44, 135, 29;--post-warning-rgb: 244, 158, 0;--post-error-rgb: 165, 23, 40;--post-info-rgb: 204, 228, 238;--post-success-background-rgb: 192, 222, 187;--post-warning-background-rgb: 252, 226, 178;--post-error-background-rgb: 255, 218, 222;--post-nightblue-rgb: 0, 73, 118;--post-nightblue-bright-rgb: 0, 118, 168;--post-petrol-rgb: 0, 109, 104;--post-petrol-bright-rgb: 0, 150, 143;--post-coral-rgb: 158, 42, 47;--post-coral-bright-rgb: 224, 60, 49;--post-olive-rgb: 113, 97, 53;--post-olive-bright-rgb: 170, 157, 46;--post-purple-rgb: 128, 39, 108;--post-purple-bright-rgb: 197, 41, 155;--post-aubergine-rgb: 82, 49, 120;--post-aubergine-bright-rgb: 117, 102, 160}:root,[data-bs-theme=light]{--bs-gray-100: #f8f9fa;--bs-gray-200: #e9ecef;--bs-gray-300: #dee2e6;--bs-gray-400: #ced4da;--bs-gray-500: #adb5bd;--bs-gray-600: #6c757d;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #212529;--bs-primary: hsl(0, 0%, 20%);--bs-secondary: hsl(0, 0%, 40%);--bs-light: #faf9f8;--bs-dark: hsl(0, 0%, 20%);--bs-success: #2c871d;--bs-warning: #f49e00;--bs-error: #a51728;--bs-info: #cce4ee;--bs-primary-rgb: 51, 51, 51;--bs-secondary-rgb: 102, 102, 102;--bs-light-rgb: 250, 249, 248;--bs-dark-rgb: 51, 51, 51;--bs-success-rgb: 44, 135, 29;--bs-warning-rgb: 244, 158, 0;--bs-error-rgb: 165, 23, 40;--bs-info-rgb: 204, 228, 238;--bs-primary-text-emphasis: #141414;--bs-secondary-text-emphasis: #292929;--bs-success-text-emphasis: #12360c;--bs-info-text-emphasis: #525b5f;--bs-warning-text-emphasis: #623f00;--bs-danger-text-emphasis: #58151c;--bs-light-text-emphasis: #495057;--bs-dark-text-emphasis: #495057;--bs-primary-bg-subtle: #d6d6d6;--bs-secondary-bg-subtle: #e0e0e0;--bs-success-bg-subtle: #d5e7d2;--bs-info-bg-subtle: #f5fafc;--bs-warning-bg-subtle: #fdeccc;--bs-danger-bg-subtle: #f8d7da;--bs-light-bg-subtle: #fcfcfd;--bs-dark-bg-subtle: #ced4da;--bs-primary-border-subtle: #adadad;--bs-secondary-border-subtle: #c2c2c2;--bs-success-border-subtle: #abcfa5;--bs-info-border-subtle: #ebf4f8;--bs-warning-border-subtle: #fbd899;--bs-danger-border-subtle: #f1aeb5;--bs-light-border-subtle: #e9ecef;--bs-dark-border-subtle: #adb5bd;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-font-sans-serif: "
|
|
1
|
+
body{--post-bg-opacity: 1;background-color:rgba(var(--post-bg-rgb), var(--post-bg-opacity)) !important;color:var(--post-contrast-color) !important}body,:root{--post-contrast-color: #000;--post-focus-color: #1976c8;--post-contrast-color-inverted: #fff;--post-gray-10: hsl(0, 0%, 90%);--post-gray-20: hsl(0, 0%, 80%);--post-gray-40: hsl(0, 0%, 60%);--post-gray-60: hsl(0, 0%, 40%);--post-gray-80: hsl(0, 0%, 20%);--post-yellow: #fc0;--post-white: #fff;--post-light: #faf9f8;--post-gray: #f4f3f1;--post-dark: hsl(0, 0%, 20%);--post-black: #000;--post-primary: hsl(0, 0%, 20%);--post-secondary: hsl(0, 0%, 40%);--post-success: #2c871d;--post-warning: #f49e00;--post-error: #a51728;--post-info: #cce4ee;--post-success-background: #c0debb;--post-warning-background: #fce2b2;--post-error-background: #ffdade;--post-nightblue: #004976;--post-nightblue-bright: #0076a8;--post-petrol: #006d68;--post-petrol-bright: #00968f;--post-coral: #9e2a2f;--post-coral-bright: #e03c31;--post-olive: #716135;--post-olive-bright: #aa9d2e;--post-purple: #80276c;--post-purple-bright: #c5299b;--post-aubergine: #523178;--post-aubergine-bright: #7566a0;--post-contrast-color-rgb: 0, 0, 0;--post-contrast-color-inverted-rgb: 255, 255, 255;--post-gray-10-rgb: 230, 230, 230;--post-gray-20-rgb: 204, 204, 204;--post-gray-40-rgb: 153, 153, 153;--post-gray-60-rgb: 102, 102, 102;--post-gray-80-rgb: 51, 51, 51;--post-black-alpha-10-rgba: rgba(0, 0, 0, 0.1);--post-black-alpha-20-rgba: rgba(0, 0, 0, 0.2);--post-black-alpha-40-rgba: rgba(0, 0, 0, 0.4);--post-black-alpha-60-rgba: rgba(0, 0, 0, 0.6);--post-black-alpha-80-rgba: rgba(0, 0, 0, 0.8);--post-white-alpha-10-rgba: rgba(255, 255, 255, 0.1);--post-white-alpha-20-rgba: rgba(255, 255, 255, 0.2);--post-white-alpha-40-rgba: rgba(255, 255, 255, 0.4);--post-white-alpha-60-rgba: rgba(255, 255, 255, 0.6);--post-white-alpha-80-rgba: rgba(255, 255, 255, 0.8);--post-yellow-rgb: 255, 204, 0;--post-white-rgb: 255, 255, 255;--post-light-rgb: 250, 249, 248;--post-gray-rgb: 244, 243, 241;--post-dark-rgb: 51, 51, 51;--post-black-rgb: 0, 0, 0;--post-primary-rgb: 51, 51, 51;--post-secondary-rgb: 102, 102, 102;--post-success-rgb: 44, 135, 29;--post-warning-rgb: 244, 158, 0;--post-error-rgb: 165, 23, 40;--post-info-rgb: 204, 228, 238;--post-success-background-rgb: 192, 222, 187;--post-warning-background-rgb: 252, 226, 178;--post-error-background-rgb: 255, 218, 222;--post-nightblue-rgb: 0, 73, 118;--post-nightblue-bright-rgb: 0, 118, 168;--post-petrol-rgb: 0, 109, 104;--post-petrol-bright-rgb: 0, 150, 143;--post-coral-rgb: 158, 42, 47;--post-coral-bright-rgb: 224, 60, 49;--post-olive-rgb: 113, 97, 53;--post-olive-bright-rgb: 170, 157, 46;--post-purple-rgb: 128, 39, 108;--post-purple-bright-rgb: 197, 41, 155;--post-aubergine-rgb: 82, 49, 120;--post-aubergine-bright-rgb: 117, 102, 160}:root,[data-bs-theme=light]{--bs-gray-100: #f8f9fa;--bs-gray-200: #e9ecef;--bs-gray-300: #dee2e6;--bs-gray-400: #ced4da;--bs-gray-500: #adb5bd;--bs-gray-600: #6c757d;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #212529;--bs-primary: hsl(0, 0%, 20%);--bs-secondary: hsl(0, 0%, 40%);--bs-light: #faf9f8;--bs-dark: hsl(0, 0%, 20%);--bs-success: #2c871d;--bs-warning: #f49e00;--bs-error: #a51728;--bs-info: #cce4ee;--bs-primary-rgb: 51, 51, 51;--bs-secondary-rgb: 102, 102, 102;--bs-light-rgb: 250, 249, 248;--bs-dark-rgb: 51, 51, 51;--bs-success-rgb: 44, 135, 29;--bs-warning-rgb: 244, 158, 0;--bs-error-rgb: 165, 23, 40;--bs-info-rgb: 204, 228, 238;--bs-primary-text-emphasis: #141414;--bs-secondary-text-emphasis: #292929;--bs-success-text-emphasis: #12360c;--bs-info-text-emphasis: #525b5f;--bs-warning-text-emphasis: #623f00;--bs-danger-text-emphasis: #58151c;--bs-light-text-emphasis: #495057;--bs-dark-text-emphasis: #495057;--bs-primary-bg-subtle: #d6d6d6;--bs-secondary-bg-subtle: #e0e0e0;--bs-success-bg-subtle: #d5e7d2;--bs-info-bg-subtle: #f5fafc;--bs-warning-bg-subtle: #fdeccc;--bs-danger-bg-subtle: #f8d7da;--bs-light-bg-subtle: #fcfcfd;--bs-dark-bg-subtle: #ced4da;--bs-primary-border-subtle: #adadad;--bs-secondary-border-subtle: #c2c2c2;--bs-success-border-subtle: #abcfa5;--bs-info-border-subtle: #ebf4f8;--bs-warning-border-subtle: #fbd899;--bs-danger-border-subtle: #f1aeb5;--bs-light-border-subtle: #e9ecef;--bs-dark-border-subtle: #adb5bd;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-font-sans-serif: "Swiss Post Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family: "Swiss Post Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--bs-body-font-size:1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.5;--bs-body-color: #000;--bs-body-color-rgb: 0, 0, 0;--bs-body-bg: #fff;--bs-body-bg-rgb: 255, 255, 255;--bs-emphasis-color: #000;--bs-emphasis-color-rgb: 0, 0, 0;--bs-secondary-color: rgba(0, 0, 0, 0.75);--bs-secondary-color-rgb: 0, 0, 0;--bs-secondary-bg: #e9ecef;--bs-secondary-bg-rgb: 233, 236, 239;--bs-tertiary-color: rgba(0, 0, 0, 0.5);--bs-tertiary-color-rgb: 0, 0, 0;--bs-tertiary-bg: #f8f9fa;--bs-tertiary-bg-rgb: 248, 249, 250;--bs-heading-color: inherit;--bs-link-color: hsl(0, 0%, 20%);--bs-link-color-rgb: 51, 51, 51;--bs-link-decoration: underline;--bs-link-hover-color: #292929;--bs-link-hover-color-rgb: 41, 41, 41;--bs-code-color: #d63384;--bs-highlight-color: #000;--bs-highlight-bg: #fcf8e3;--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: hsl(0, 0%, 80%);--bs-border-color-translucent: rgba(0, 0, 0, 0.175);--bs-border-radius: 4px;--bs-border-radius-sm: 4px;--bs-border-radius-lg: 4px;--bs-border-radius-xl: 1rem;--bs-border-radius-xxl: 2rem;--bs-border-radius-2xl: var(--bs-border-radius-xxl);--bs-border-radius-pill: 50rem;--bs-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);--bs-box-shadow-sm: 0 0 4px 0 rgba(0, 0, 0, 0.4);--bs-box-shadow-lg: 0 0 8px 0 rgba(0, 0, 0, 0.4);--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width: 0.25rem;--bs-focus-ring-opacity: 0.25;--bs-focus-ring-color: rgba(51, 51, 51, 0.25);--bs-form-valid-color: hsl(0, 0%, 40%);--bs-form-valid-border-color: hsl(0, 0%, 40%);--bs-form-invalid-color: #a51728;--bs-form-invalid-border-color: #a51728}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color: #dee2e6;--bs-body-color-rgb: 222, 226, 230;--bs-body-bg: #212529;--bs-body-bg-rgb: 33, 37, 41;--bs-emphasis-color: #fff;--bs-emphasis-color-rgb: 255, 255, 255;--bs-secondary-color: rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb: 222, 226, 230;--bs-secondary-bg: #343a40;--bs-secondary-bg-rgb: 52, 58, 64;--bs-tertiary-color: rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb: 222, 226, 230;--bs-tertiary-bg: #2b3035;--bs-tertiary-bg-rgb: 43, 48, 53;--bs-primary-text-emphasis: #858585;--bs-secondary-text-emphasis: #a3a3a3;--bs-success-text-emphasis: #80b777;--bs-info-text-emphasis: #e0eff5;--bs-warning-text-emphasis: #f8c566;--bs-danger-text-emphasis: #ea868f;--bs-light-text-emphasis: #f8f9fa;--bs-dark-text-emphasis: #dee2e6;--bs-primary-bg-subtle: #0a0a0a;--bs-secondary-bg-subtle: #141414;--bs-success-bg-subtle: #091b06;--bs-info-bg-subtle: #292e30;--bs-warning-bg-subtle: #312000;--bs-danger-bg-subtle: #2c0b0e;--bs-light-bg-subtle: #343a40;--bs-dark-bg-subtle: #1a1d20;--bs-primary-border-subtle: #1f1f1f;--bs-secondary-border-subtle: #3d3d3d;--bs-success-border-subtle: #1a5111;--bs-info-border-subtle: #7a898f;--bs-warning-border-subtle: #925f00;--bs-danger-border-subtle: #842029;--bs-light-border-subtle: #495057;--bs-dark-border-subtle: #343a40;--bs-heading-color: inherit;--bs-link-color: #858585;--bs-link-hover-color: #9d9d9d;--bs-link-color-rgb: 133, 133, 133;--bs-link-hover-color-rgb: 157, 157, 157;--bs-code-color: #e685b5;--bs-highlight-color: #dee2e6;--bs-highlight-bg: #665200;--bs-border-color: #495057;--bs-border-color-translucent: rgba(255, 255, 255, 0.15);--bs-form-valid-color: #75b798;--bs-form-valid-border-color: #75b798;--bs-form-invalid-color: #ea868f;--bs-form-invalid-border-color: #ea868f}@font-face{font-display:swap;font-family:"Swiss Post Sans";font-weight:700;src:url("https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Bold.woff2") format("woff2"),url("https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Swiss Post Sans";font-weight:400;src:url("https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Regular.woff2") format("woff2"),url("https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Regular.woff") format("woff")}@font-face{font-display:swap;font-family:"Swiss Post Sans";font-weight:300;src:url("https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Light.woff2") format("woff2"),url("https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Light.woff") format("woff")}/*!
|
|
2
2
|
* Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)
|
|
3
3
|
* Copyright 2011-2021 The Bootstrap Authors
|
|
4
4
|
* Copyright 2011-2021 Twitter, Inc.
|
package/components/fonts.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@font-face{font-display:swap;font-family:"
|
|
1
|
+
@font-face{font-display:swap;font-family:"Swiss Post Sans";font-weight:700;src:url("https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Bold.woff2") format("woff2"),url("https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Bold.woff") format("woff")}@font-face{font-display:swap;font-family:"Swiss Post Sans";font-weight:400;src:url("https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Regular.woff2") format("woff2"),url("https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Regular.woff") format("woff")}@font-face{font-display:swap;font-family:"Swiss Post Sans";font-weight:300;src:url("https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Light.woff2") format("woff2"),url("https://fonts.post.ch/swiss-post-sans/v1/SwissPostSans-Light.woff") format("woff")}
|
package/components/fonts.scss
CHANGED
|
@@ -4,57 +4,27 @@
|
|
|
4
4
|
|
|
5
5
|
@font-face {
|
|
6
6
|
font-display: swap;
|
|
7
|
-
font-family: '
|
|
7
|
+
font-family: 'Swiss Post Sans';
|
|
8
8
|
font-weight: 700;
|
|
9
9
|
src:
|
|
10
|
-
url('#{options.$font-base-path}/
|
|
11
|
-
url('#{options.$font-base-path}/
|
|
10
|
+
url('#{options.$font-base-path}/SwissPostSans-Bold.woff2') format('woff2'),
|
|
11
|
+
url('#{options.$font-base-path}/SwissPostSans-Bold.woff') format('woff');
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
@font-face {
|
|
15
15
|
font-display: swap;
|
|
16
|
-
font-family: '
|
|
17
|
-
font-weight: 700;
|
|
18
|
-
font-style: italic;
|
|
19
|
-
src:
|
|
20
|
-
url('#{options.$font-base-path}/FrutigerNeueforPostW05-BdIt.woff2') format('woff2'),
|
|
21
|
-
url('#{options.$font-base-path}/FrutigerNeueforPostW05-BdIt.woff') format('woff');
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
@font-face {
|
|
25
|
-
font-display: swap;
|
|
26
|
-
font-family: 'Frutiger Neue For Post';
|
|
27
|
-
font-weight: 400;
|
|
28
|
-
src:
|
|
29
|
-
url('#{options.$font-base-path}/FrutigerNeueforPostW05-Rg.woff2') format('woff2'),
|
|
30
|
-
url('#{options.$font-base-path}/FrutigerNeueforPostW05-Rg.woff') format('woff');
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
@font-face {
|
|
34
|
-
font-display: swap;
|
|
35
|
-
font-family: 'Frutiger Neue For Post';
|
|
16
|
+
font-family: 'Swiss Post Sans';
|
|
36
17
|
font-weight: 400;
|
|
37
|
-
font-style: italic;
|
|
38
|
-
src:
|
|
39
|
-
url('#{options.$font-base-path}/FrutigerNeueforPostW05-It.woff2') format('woff2'),
|
|
40
|
-
url('#{options.$font-base-path}/FrutigerNeueforPostW05-It.woff') format('woff');
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
@font-face {
|
|
44
|
-
font-display: swap;
|
|
45
|
-
font-family: 'Frutiger Neue For Post';
|
|
46
|
-
font-weight: 300;
|
|
47
18
|
src:
|
|
48
|
-
url('#{options.$font-base-path}/
|
|
49
|
-
url('#{options.$font-base-path}/
|
|
19
|
+
url('#{options.$font-base-path}/SwissPostSans-Regular.woff2') format('woff2'),
|
|
20
|
+
url('#{options.$font-base-path}/SwissPostSans-Regular.woff') format('woff');
|
|
50
21
|
}
|
|
51
22
|
|
|
52
23
|
@font-face {
|
|
53
24
|
font-display: swap;
|
|
54
|
-
font-family: '
|
|
25
|
+
font-family: 'Swiss Post Sans';
|
|
55
26
|
font-weight: 300;
|
|
56
|
-
font-style: italic;
|
|
57
27
|
src:
|
|
58
|
-
url('#{options.$font-base-path}/
|
|
59
|
-
url('#{options.$font-base-path}/
|
|
28
|
+
url('#{options.$font-base-path}/SwissPostSans-Light.woff2') format('woff2'),
|
|
29
|
+
url('#{options.$font-base-path}/SwissPostSans-Light.woff') format('woff');
|
|
60
30
|
}
|