@epam/assets 5.2.0-rc.1 → 5.2.0-rc.3

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.
Files changed (23) hide show
  1. package/css/theme/theme_electric.css +473 -0
  2. package/css/theme/theme_electric.css.map +1 -0
  3. package/css/theme/theme_loveship.css +160 -376
  4. package/css/theme/theme_loveship.css.map +1 -1
  5. package/css/theme/theme_loveship_dark.css +168 -520
  6. package/css/theme/theme_loveship_dark.css.map +1 -1
  7. package/css/theme/theme_promo.css +350 -906
  8. package/css/theme/theme_promo.css.map +1 -1
  9. package/css/theme/theme_vanilla_thunder.css +11 -13
  10. package/css/theme/theme_vanilla_thunder.css.map +1 -1
  11. package/package.json +2 -2
  12. package/scss/electric/font-faces.scss +131 -0
  13. package/scss/loveship/font-faces.scss +120 -0
  14. package/scss/loveship/fonts.scss +20 -4
  15. package/scss/loveship/typography.scss +12 -5
  16. package/scss/promo/font-faces.scss +118 -3
  17. package/scss/promo/fonts.scss +14 -4
  18. package/scss/promo/typography.scss +11 -4
  19. package/theme/theme_electric.scss +486 -0
  20. package/theme/theme_loveship.scss +163 -911
  21. package/theme/theme_loveship_dark.scss +176 -647
  22. package/theme/theme_promo.scss +376 -1127
  23. package/theme/theme_vanilla_thunder.scss +11 -17
package/scss/loveship/font-faces.scss CHANGED
@@ -64,3 +64,123 @@
64
64
  url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.svg#filename') format('svg');
65
65
  font-display: block;
66
66
  }
67
+
68
+ @font-face {
69
+ font-family: 'Source Sans Pro';
70
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLight.ttf.woff2') format('woff2'),
71
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLight.otf.woff') format('woff'),
72
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLight.otf') format('opentype'),
73
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLight.ttf') format('truetype');
74
+ font-weight: 200;
75
+ font-style: normal;
76
+ }
77
+
78
+ @font-face {
79
+ font-family: 'Source Sans Pro';
80
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLightIt.ttf.woff2') format('woff2'),
81
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLightIt.otf.woff') format('woff'),
82
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLightIt.otf') format('opentype'),
83
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLightIt.ttf') format('truetype');
84
+ font-weight: 200;
85
+ font-style: italic;
86
+ }
87
+
88
+ @font-face {
89
+ font-family: 'Source Sans Pro';
90
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Light.ttf.woff2') format('woff2'),
91
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Light.otf.woff') format('woff'),
92
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Light.otf') format('opentype'),
93
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Light.ttf') format('truetype');
94
+ font-weight: 300;
95
+ font-style: normal;
96
+ }
97
+
98
+ @font-face {
99
+ font-family: 'Source Sans Pro';
100
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-LightIt.ttf.woff2') format('woff2'),
101
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-LightIt.otf.woff') format('woff'),
102
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-LightIt.otf') format('opentype'),
103
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-LightIt.ttf') format('truetype');
104
+ font-weight: 300;
105
+ font-style: italic;
106
+ }
107
+
108
+ @font-face {
109
+ font-family: 'Source Sans Pro';
110
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2') format('woff2'),
111
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff') format('woff'),
112
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf') format('opentype'),
113
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf') format('truetype');
114
+ font-weight: 400;
115
+ font-style: normal;
116
+ }
117
+
118
+ @font-face {
119
+ font-family: 'Source Sans Pro';
120
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2') format('woff2'),
121
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff') format('woff'),
122
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf') format('opentype'),
123
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf') format('truetype');
124
+ font-weight: 400;
125
+ font-style: italic;
126
+ }
127
+
128
+ @font-face {
129
+ font-family: 'Source Sans Pro';
130
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2') format('woff2'),
131
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff') format('woff'),
132
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf') format('opentype'),
133
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf') format('truetype');
134
+ font-weight: 600;
135
+ font-style: normal;
136
+ }
137
+
138
+ @font-face {
139
+ font-family: 'Source Sans Pro';
140
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-SemiboldIt.ttf.woff2') format('woff2'),
141
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-SemiboldIt.otf.woff') format('woff'),
142
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-SemiboldIt.otf') format('opentype'),
143
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-SemiboldIt.ttf') format('truetype');
144
+ font-weight: 600;
145
+ font-style: italic;
146
+ }
147
+
148
+ @font-face {
149
+ font-family: 'Source Sans Pro';
150
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Bold.ttf.woff2') format('woff2'),
151
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Bold.otf.woff') format('woff'),
152
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Bold.otf') format('opentype'),
153
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Bold.ttf') format('truetype');
154
+ font-weight: 700;
155
+ font-style: normal;
156
+ }
157
+
158
+ @font-face {
159
+ font-family: 'Source Sans Pro';
160
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BoldIt.ttf.woff2') format('woff2'),
161
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BoldIt.otf.woff') format('woff'),
162
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BoldIt.otf') format('opentype'),
163
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BoldIt.ttf') format('truetype');
164
+ font-weight: 700;
165
+ font-style: italic;
166
+ }
167
+
168
+ @font-face {
169
+ font-family: 'Source Sans Pro';
170
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Black.ttf.woff2') format('woff2'),
171
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Black.otf.woff') format('woff'),
172
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Black.otf') format('opentype'),
173
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Black.ttf') format('truetype');
174
+ font-weight: 900;
175
+ font-style: normal;
176
+ }
177
+
178
+ @font-face {
179
+ font-family: 'Source Sans Pro';
180
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BlackIt.ttf.woff2') format('woff2'),
181
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BlackIt.otf.woff') format('woff'),
182
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BlackIt.otf') format('opentype'),
183
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BlackIt.ttf') format('truetype');
184
+ font-weight: 900;
185
+ font-style: italic;
186
+ }
package/scss/loveship/fonts.scss CHANGED
@@ -1,7 +1,23 @@
1
- $font-sans: 'Sans Regular', Arial, sans-serif;
1
+ $font-source-sans: 'Source Sans Pro', sans-serif;
2
+ $font-roboto-condensed: 'Roboto Condensed', Arial, sans-serif;
3
+ $font-redacted: 'Redacted', Arial, sans-serif;
4
+ /**
5
+ * @deprecated Please use "$font-source-sans" us "font-weight: 300" instead "$font-sans-light"!
6
+ */
2
7
  $font-sans-light: 'Sans Light', Arial, sans-serif;
3
- $font-sans-bold: 'Sans Bold', Arial, sans-serif;
8
+ /**
9
+ * @deprecated Please use "$font-source-sans" us "font-weight: 400" instead "$font-sans"!
10
+ */
11
+ $font-sans: 'Sans Regular', Arial, sans-serif;
12
+ /**
13
+ * @deprecated Please use "$font-source-sans" us "font-weight: 600" instead "$font-sans-semibold"!
14
+ */
4
15
  $font-sans-semibold: 'Sans Semibold', Arial, sans-serif;
16
+ /**
17
+ * @deprecated Please use "$font-source-sans" us "font-weight: 700" instead "$font-sans-bold"!
18
+ */
19
+ $font-sans-bold: 'Sans Bold', Arial, sans-serif;
20
+ /**
21
+ * @deprecated Please use "$font-source-sans" us "font-weight: 400" & "font-style: italic" instead "$font-sans-italic"!
22
+ */
5
23
  $font-sans-italic: 'Sans Italic', Arial, sans-serif;
6
- $font-roboto-condensed: 'Roboto Condensed', Arial, sans-serif;
7
- $font-redacted: 'Redacted', Arial, sans-serif;
package/scss/loveship/typography.scss CHANGED
@@ -12,7 +12,8 @@
12
12
  }
13
13
 
14
14
  :global(.hero-header), h2 {
15
- font-family: $font-sans-bold;
15
+ font-family: $font-source-sans;
16
+ font-weight: 700;
16
17
  }
17
18
 
18
19
  :global(.hero-header) {
@@ -22,7 +23,8 @@
22
23
  }
23
24
 
24
25
  h3, h4, h5, h6 {
25
- font-family: $font-sans-semibold;
26
+ font-family: $font-source-sans;
27
+ font-weight: 600;
26
28
  }
27
29
 
28
30
  h1, h2, h3, h4, h5, h6 {
@@ -58,12 +60,15 @@
58
60
 
59
61
  @mixin typography-inline() {
60
62
  b, strong {
61
- font-family: $font-sans-semibold;
63
+ font-family: $font-source-sans;
64
+ font-weight: 600;
62
65
  color: $night900;
63
66
  }
64
67
 
65
68
  i, em {
66
- font-family: $font-sans-italic;
69
+ font-family: $font-source-sans;
70
+ font-weight: 400;
71
+ font-style: italic;
67
72
  }
68
73
 
69
74
  a {
@@ -83,6 +88,7 @@
83
88
  background-color: $night700;
84
89
  border-radius: 3px;
85
90
  font-family: monospace;
91
+ font-weight: 400;
86
92
  white-space: pre-wrap;
87
93
  word-wrap: normal;
88
94
  }
@@ -108,6 +114,7 @@
108
114
  background-color: $night700;
109
115
  border-radius: 3px;
110
116
  font-family: monospace;
117
+ font-weight: 400;
111
118
  white-space: pre-wrap;
112
119
  word-wrap: normal;
113
120
  }
@@ -148,6 +155,6 @@
148
155
  @include typography-header();
149
156
  @include typography-block();
150
157
  @include typography-inline();
151
- font-family: $font-sans;
158
+ font-family: $font-source-sans;
152
159
  color: $night700;
153
160
  }
package/scss/promo/font-faces.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap');
2
+
1
3
  @font-face {
2
4
  font-family: 'Sans Regular';
3
5
  src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2') format('woff2'),
@@ -46,8 +48,121 @@
46
48
  }
47
49
 
48
50
  @font-face {
49
- font-family: 'Roboto Slab';
51
+ font-family: 'Source Sans Pro';
52
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLight.ttf.woff2') format('woff2'),
53
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLight.otf.woff') format('woff'),
54
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLight.otf') format('opentype'),
55
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLight.ttf') format('truetype');
56
+ font-weight: 200;
50
57
  font-style: normal;
51
- font-weight: normal;
52
- src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoSlab-Regular.ttf') format('truetype');
58
+ }
59
+
60
+ @font-face {
61
+ font-family: 'Source Sans Pro';
62
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-ExtraLightIt.ttf.woff2') format('woff2'),
63
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-ExtraLightIt.otf.woff') format('woff'),
64
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-ExtraLightIt.otf') format('opentype'),
65
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-ExtraLightIt.ttf') format('truetype');
66
+ font-weight: 200;
67
+ font-style: italic;
68
+ }
69
+
70
+ @font-face {
71
+ font-family: 'Source Sans Pro';
72
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Light.ttf.woff2') format('woff2'),
73
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Light.otf.woff') format('woff'),
74
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Light.otf') format('opentype'),
75
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Light.ttf') format('truetype');
76
+ font-weight: 300;
77
+ font-style: normal;
78
+ }
79
+
80
+ @font-face {
81
+ font-family: 'Source Sans Pro';
82
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-LightIt.ttf.woff2') format('woff2'),
83
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-LightIt.otf.woff') format('woff'),
84
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-LightIt.otf') format('opentype'),
85
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-LightIt.ttf') format('truetype');
86
+ font-weight: 300;
87
+ font-style: italic;
88
+ }
89
+
90
+ @font-face {
91
+ font-family: 'Source Sans Pro';
92
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2') format('woff2'),
93
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff') format('woff'),
94
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf') format('opentype'),
95
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf') format('truetype');
96
+ font-weight: 400;
97
+ font-style: normal;
98
+ }
99
+
100
+ @font-face {
101
+ font-family: 'Source Sans Pro';
102
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2') format('woff2'),
103
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff') format('woff'),
104
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf') format('opentype'),
105
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf') format('truetype');
106
+ font-weight: 400;
107
+ font-style: italic;
108
+ }
109
+
110
+ @font-face {
111
+ font-family: 'Source Sans Pro';
112
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2') format('woff2'),
113
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff') format('woff'),
114
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf') format('opentype'),
115
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf') format('truetype');
116
+ font-weight: 600;
117
+ font-style: normal;
118
+ }
119
+
120
+ @font-face {
121
+ font-family: 'Source Sans Pro';
122
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-SemiboldIt.ttf.woff2') format('woff2'),
123
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-SemiboldIt.otf.woff') format('woff'),
124
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-SemiboldIt.otf') format('opentype'),
125
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-SemiboldIt.ttf') format('truetype');
126
+ font-weight: 600;
127
+ font-style: italic;
128
+ }
129
+
130
+ @font-face {
131
+ font-family: 'Source Sans Pro';
132
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Bold.ttf.woff2') format('woff2'),
133
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Bold.otf.woff') format('woff'),
134
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Bold.otf') format('opentype'),
135
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Bold.ttf') format('truetype');
136
+ font-weight: 700;
137
+ font-style: normal;
138
+ }
139
+
140
+ @font-face {
141
+ font-family: 'Source Sans Pro';
142
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BoldIt.ttf.woff2') format('woff2'),
143
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BoldIt.otf.woff') format('woff'),
144
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BoldIt.otf') format('opentype'),
145
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BoldIt.ttf') format('truetype');
146
+ font-weight: 700;
147
+ font-style: italic;
148
+ }
149
+
150
+ @font-face {
151
+ font-family: 'Source Sans Pro';
152
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Black.ttf.woff2') format('woff2'),
153
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Black.otf.woff') format('woff'),
154
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Black.otf') format('opentype'),
155
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Black.ttf') format('truetype');
156
+ font-weight: 900;
157
+ font-style: normal;
158
+ }
159
+
160
+ @font-face {
161
+ font-family: 'Source Sans Pro';
162
+ src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-BlackIt.ttf.woff2') format('woff2'),
163
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-BlackIt.otf.woff') format('woff'),
164
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-BlackIt.otf') format('opentype'),
165
+ url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-BlackIt.ttf') format('truetype');
166
+ font-weight: 900;
167
+ font-style: italic;
53
168
  }
package/scss/promo/fonts.scss CHANGED
@@ -1,7 +1,17 @@
1
+ $font-source-sans: 'Source Sans Pro', sans-serif;
2
+ $font-museo-sans: 'Museo Sans', 'Sans Semibold', Arial, sans-serif;
3
+ $font-museo-slab: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;
4
+ $font-redacted: 'Redacted';
5
+ $font-roboto-mono: 'Roboto Mono', monospace;
6
+ /**
7
+ * @deprecated Please use "$font-source-sans" us "font-weight: 400" instead "$font-sans"!
8
+ */
1
9
  $font-sans: 'Sans Regular', Arial, sans-serif;
10
+ /**
11
+ * @deprecated Please use "$font-source-sans" us "font-weight: 600" instead "$font-sans-semibold"!
12
+ */
2
13
  $font-sans-semibold: 'Sans Semibold', Arial, sans-serif;
14
+ /**
15
+ * @deprecated Please use "$font-source-sans" us "font-weight: 400" & "font-style: italic" instead "$font-sans-italic"!
16
+ */
3
17
  $font-sans-italic: 'Sans Italic', Arial, sans-serif;
4
- $font-redacted: 'Redacted';
5
- $font-museo-sans: 'Museo Sans', 'Sans Semibold', Arial, sans-serif;
6
- $font-museo-slab: 'Museo Slab', 'Roboto Slab', Arial, sans-serif;
7
- $font-roboto-mono: 'Roboto Mono', Arial, sans-serif;
package/scss/promo/typography.scss CHANGED
@@ -13,6 +13,7 @@
13
13
 
14
14
  :global(.hero-header) {
15
15
  font-family: $font-museo-slab;
16
+ font-weight: 700;
16
17
  margin: 30px 0;
17
18
  font-size: 66px;
18
19
  line-height: 72px;
@@ -25,6 +26,7 @@
25
26
 
26
27
  :global(.promo-header), h1, h2, h3 {
27
28
  font-family: $font-museo-sans;
29
+ font-weight: 500;
28
30
  }
29
31
 
30
32
  :global(.promo-header) {
@@ -32,7 +34,8 @@
32
34
  }
33
35
 
34
36
  h4, h5, h6 {
35
- font-family: $font-sans-semibold;
37
+ font-family: $font-source-sans;
38
+ font-weight: 600;
36
39
  }
37
40
 
38
41
  h1, h2, h3, h4, h5, h6 {
@@ -74,11 +77,14 @@
74
77
 
75
78
  @mixin typography-inline() {
76
79
  b, strong {
77
- font-family: $font-sans-semibold;
80
+ font-family: $font-source-sans;
81
+ font-weight: 600;
78
82
  }
79
83
 
80
84
  i, em {
81
- font-family: $font-sans-italic;
85
+ font-family: $font-source-sans;
86
+ font-weight: 400;
87
+ font-style: italic;
82
88
  }
83
89
 
84
90
  a {
@@ -105,6 +111,7 @@
105
111
  color: $gray80;
106
112
  background-color: $gray30;
107
113
  font-family: $font-roboto-mono;
114
+ font-weight: 400;
108
115
  white-space: pre-wrap;
109
116
  word-wrap: normal;
110
117
  }
@@ -166,5 +173,5 @@
166
173
  @include typography-block();
167
174
  @include typography-inline();
168
175
  color: $gray80;
169
- font-family: $font-sans;
176
+ font-family: $font-source-sans;
170
177
  }