office-ui-fabric-rails 2.6.1.0 → 3.0.0.0.beta1

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 (35) hide show
  1. checksums.yaml +4 -4
  2. data/bower.json +3 -3
  3. data/lib/office-ui-fabric-rails/version.rb +2 -2
  4. data/vendor/assets/css/fabric.components.css +1545 -2504
  5. data/vendor/assets/css/fabric.components.min.css +2 -2
  6. data/vendor/assets/css/fabric.components.rtl.css +1499 -2425
  7. data/vendor/assets/css/fabric.components.rtl.min.css +2 -2
  8. data/vendor/assets/css/fabric.css +57 -802
  9. data/vendor/assets/css/fabric.min.css +2 -2
  10. data/vendor/assets/css/fabric.rtl.css +496 -800
  11. data/vendor/assets/css/fabric.rtl.min.css +2 -2
  12. data/vendor/assets/js/fabric.js +5177 -0
  13. data/vendor/assets/js/fabric.min.js +4 -0
  14. data/vendor/assets/js/fabric.templates.js +1942 -0
  15. data/vendor/assets/js/fabric.templates.ts +1832 -0
  16. data/vendor/assets/scss/Fabric.Components.scss +6 -3
  17. data/vendor/assets/scss/Fabric.Icons.Output.scss +6 -0
  18. data/vendor/assets/scss/Fabric.RTL.scss +0 -3
  19. data/vendor/assets/scss/Fabric.Typography.Fonts.Extended.Output.scss +67 -0
  20. data/vendor/assets/scss/Fabric.Typography.Fonts.Output.scss +0 -63
  21. data/vendor/assets/scss/Fabric.Typography.Language.Overrides.Output.scss +32 -35
  22. data/vendor/assets/scss/Fabric.Typography.Output.scss +1 -1
  23. data/vendor/assets/scss/Fabric.scss +0 -4
  24. data/vendor/assets/scss/_Fabric.Common.scss +0 -1
  25. data/vendor/assets/scss/_Fabric.Icons.scss +6 -0
  26. data/vendor/assets/scss/_Fabric.Mixins.RTL.scss +13 -3
  27. data/vendor/assets/scss/_Fabric.Typography.Fonts.scss +19 -22
  28. data/vendor/assets/scss/_Fabric.Typography.Language.Overrides.scss +10 -78
  29. data/vendor/assets/scss/_Fabric.Typography.Variables.scss +6 -4
  30. data/vendor/assets/scss/_Fabric.Typography.scss +26 -37
  31. data/vendor/assets/scss/_Fabric.Utilities.scss +0 -1
  32. metadata +9 -7
  33. data/vendor/assets/js/jquery.fabric.js +0 -2451
  34. data/vendor/assets/js/jquery.fabric.min.js +0 -2
  35. data/vendor/assets/scss/_Office.Color.Variables.scss +0 -34
@@ -3,20 +3,23 @@
3
3
  @import '../components/Breadcrumb/Breadcrumb';
4
4
  @import '../components/Button/Button';
5
5
  @import '../components/Callout/Callout';
6
- @import '../components/ChoiceField/ChoiceField';
6
+ @import '../components/CheckBox/CheckBox';
7
+ @import '../components/RadioButton/RadioButton';
8
+ @import '../components/ChoiceFieldGroup/ChoiceFieldGroup';
7
9
  @import '../components/CommandBar/CommandBar';
10
+ @import '../components/CommandButton/CommandButton';
8
11
  @import '../components/ContextualMenu/ContextualMenu';
9
12
  @import '../components/DatePicker/DatePicker';
10
13
  @import '../components/Dialog/Dialog';
11
14
  @import '../components/Dropdown/Dropdown';
12
- @import '../components/Facepile/Facepile';
15
+ @import '../components/FacePile/FacePile';
13
16
  @import '../components/Label/Label';
14
17
  @import '../components/Link/Link';
15
18
  @import '../components/List/List';
16
19
  @import '../components/ListItem/ListItem';
17
20
  @import '../components/MessageBanner/MessageBanner';
21
+ @import '../components/ContextualHost/ContextualHost';
18
22
  @import '../components/MessageBar/MessageBar';
19
- @import '../components/NavBar/NavBar';
20
23
  @import '../components/OrgChart/OrgChart';
21
24
  @import '../components/Overlay/Overlay';
22
25
  @import '../components/Panel/Panel';
@@ -355,6 +355,12 @@
355
355
  .ms-Icon--pictureEdit:before { @include ms-Icon--pictureEdit; }
356
356
  .ms-Icon--protectionCenter:before { @include ms-Icon--protectionCenter; }
357
357
  .ms-Icon--alert2:before { @include ms-Icon--alert2; }
358
+ .ms-Icon--skypeCircleCheck:before { @include ms-Icon--skypeCircleCheck; }
359
+ .ms-Icon--skypeCircleClock:before { @include ms-Icon--skypeCircleClock; }
360
+ .ms-Icon--skypeCircleMinus:before { @include ms-Icon--skypeCircleMinus; }
361
+ .ms-Icon--skypeCheck:before { @include ms-Icon--skypeCheck; }
362
+ .ms-Icon--skypeClock:before { @include ms-Icon--skypeClock; }
363
+ .ms-Icon--skypeMinus:before { @include ms-Icon--skypeMinus; }
358
364
 
359
365
  //*-- end
360
366
  // Modifier: Place the icon in a circle.
@@ -34,6 +34,3 @@
34
34
 
35
35
  // Grid
36
36
  @import './Fabric.Grid.Output';
37
-
38
- // Office colors
39
- @import './Office.Color.Variables';
@@ -0,0 +1,67 @@
1
+ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
2
+
3
+ //
4
+ // Office UI Fabric
5
+ // --------------------------------------------------
6
+
7
+ // Additional @font-face rules for the Leelawadee font.
8
+ @font-face {
9
+ font-family: "Leelawadee UI";
10
+ src: local('Leelawadee UI Bold'),
11
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold.woff2') format('woff2'),
12
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold.woff') format('woff'),
13
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold.ttf') format('truetype');
14
+ font-weight: 600;
15
+ font-style: normal;
16
+ }
17
+
18
+ @font-face {
19
+ font-family: "Leelawadee UI";
20
+ src: local('Leelawadee UI Regular'),
21
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular.woff2') format('woff2'),
22
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular.woff') format('woff'),
23
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular.ttf') format('truetype');
24
+ font-weight: 400;
25
+ font-style: normal;
26
+ }
27
+
28
+ @font-face {
29
+ font-family: "Leelawadee UI";
30
+ src: local('Leelawadee UI Semilight'),
31
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.woff2') format('woff2'),
32
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.woff') format('woff'),
33
+ url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.ttf') format('truetype');
34
+ font-weight: 300;
35
+ font-style: normal;
36
+ }
37
+
38
+ // Mixins to generate language-specific font faces.
39
+ @include SegoeUIArabicLight;
40
+ @include SegoeUIArabicRegular;
41
+ @include SegoeUIArabicSemibold;
42
+ @include SegoeUIArabicSemilight;
43
+
44
+ @include SegoeUICyrillicLight;
45
+ @include SegoeUICyrillicRegular;
46
+ @include SegoeUICyrillicSemibold;
47
+ @include SegoeUICyrillicSemilight;
48
+
49
+ @include SegoeUIEastEuropeanLight;
50
+ @include SegoeUIEastEuropeanRegular;
51
+ @include SegoeUIEastEuropeanSemibold;
52
+ @include SegoeUIEastEuropeanSemilight;
53
+
54
+ @include SegoeUIGreekLight;
55
+ @include SegoeUIGreekRegular;
56
+ @include SegoeUIGreekSemibold;
57
+ @include SegoeUIGreekSemilight;
58
+
59
+ @include SegoeUIHebrewLight;
60
+ @include SegoeUIHebrewRegular;
61
+ @include SegoeUIHebrewSemibold;
62
+ @include SegoeUIHebrewSemilight;
63
+
64
+ @include SegoeUIVietnameseLight;
65
+ @include SegoeUIVietnameseRegular;
66
+ @include SegoeUIVietnameseSemibold;
67
+ @include SegoeUIVietnameseSemilight;
@@ -7,69 +7,6 @@
7
7
 
8
8
  @import "Fabric.Typography.Fonts";
9
9
 
10
- // Additional @font-face rules for the Leelawadee font.
11
- @font-face {
12
- font-family: "Leelawadee UI Bold";
13
- src: url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold.eot?#iefix') format('embedded-opentype'),
14
- url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold.woff') format('woff'),
15
- url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold.ttf') format('truetype'),
16
- url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold#LeelawadeeUI-Bold') format('svg');
17
- font-weight: normal;
18
- font-style: normal;
19
- }
20
-
21
- @font-face {
22
- font-family: "Leelawadee UI";
23
- src: url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular.eot?#iefix') format('embedded-opentype'),
24
- url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular.woff') format('woff'),
25
- url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular.ttf') format('truetype'),
26
- url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular#LeelawadeeUI-Regular') format('svg');
27
- font-weight: normal;
28
- font-style: normal;
29
- }
30
-
31
- @font-face {
32
- font-family: "Leelawadee UI Semilight";
33
- src: url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.eot?#iefix') format('embedded-opentype'),
34
- url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.woff') format('woff'),
35
- url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.ttf') format('truetype'),
36
- url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight#LeelawadeeUI-Semilight') format('svg');
37
- font-weight: normal;
38
- font-style: normal;
39
- }
40
-
41
-
42
- // Mixins to generate language-specific font faces.
43
- @include SegoeUIArabicLight;
44
- @include SegoeUIArabicRegular;
45
- @include SegoeUIArabicSemibold;
46
- @include SegoeUIArabicSemilight;
47
-
48
- @include SegoeUICyrillicLight;
49
- @include SegoeUICyrillicRegular;
50
- @include SegoeUICyrillicSemibold;
51
- @include SegoeUICyrillicSemilight;
52
-
53
- @include SegoeUIEastEuropeanLight;
54
- @include SegoeUIEastEuropeanRegular;
55
- @include SegoeUIEastEuropeanSemibold;
56
- @include SegoeUIEastEuropeanSemilight;
57
-
58
- @include SegoeUIGreekLight;
59
- @include SegoeUIGreekRegular;
60
- @include SegoeUIGreekSemibold;
61
- @include SegoeUIGreekSemilight;
62
-
63
- @include SegoeUIHebrewLight;
64
- @include SegoeUIHebrewRegular;
65
- @include SegoeUIHebrewSemibold;
66
- @include SegoeUIHebrewSemilight;
67
-
68
- @include SegoeUIVietnameseLight;
69
- @include SegoeUIVietnameseRegular;
70
- @include SegoeUIVietnameseSemibold;
71
- @include SegoeUIVietnameseSemilight;
72
-
73
10
  @include SegoeUIWestEuropeanLight;
74
11
  @include SegoeUIWestEuropeanRegular;
75
12
  @include SegoeUIWestEuropeanSemibold;
@@ -3,54 +3,51 @@
3
3
  //
4
4
  // Office UI Fabric
5
5
  // --------------------------------------------------
6
- // Language override definitions
6
+ // Language override definitions using ISO 639-3 language codes
7
7
 
8
8
  @import "./Fabric.Typography.Language.Overrides";
9
9
 
10
10
  // Generate the override classes for non-distributed fonts.
11
- @include language-override-system-fonts(ja-JP, $ms-font-stack-japanese);
12
- @include language-override-system-fonts(ko-KR, $ms-font-stack-korean);
13
- @include language-override-system-fonts(ch-ZHS, $ms-font-stack-chinese-simplified);
14
- @include language-override-system-fonts(ch-ZHT, $ms-font-stack-chinese-traditional);
15
- @include language-override-system-fonts(hi-IN, $ms-font-stack-hindi);
11
+ @include language-override-system-fonts(jpn, $ms-font-stack-japanese);
12
+ @include language-override-system-fonts(kor, $ms-font-stack-korean);
13
+ @include language-override-system-fonts(cmn, $ms-font-stack-chinese-simplified);
14
+ @include language-override-system-fonts(yue, $ms-font-stack-chinese-traditional);
15
+ @include language-override-system-fonts(hin, $ms-font-stack-hindi);
16
16
 
17
17
  // Generate the override classes for web fonts.
18
- // Leelawadee
19
- // th-TH
20
- @include language-override-web-fonts(th-TH, $ms-font-family-semilight-leelawadee, $ms-font-family-semilight-leelawadee, $ms-font-family-regular-leelawadee, $ms-font-family-semibold-leelawadee);
18
+ // Thai (Leelawadee)
19
+ // tha
20
+ @include language-override-system-fonts(tha, $ms-font-stack-leelawadee);
21
21
 
22
22
  // Arabic
23
- // ar
24
- @include language-override-web-fonts(ar, $ms-font-family-light-arabic, $ms-font-family-semilight-arabic, $ms-font-family-regular-arabic, $ms-font-family-semibold-arabic);
25
-
26
- // Cyrillic
27
- // bg-BG, ru-RU, uk-UA
28
- @include language-override-web-fonts(bg-BG, $ms-font-family-light-cyrillic, $ms-font-family-semilight-cyrillic, $ms-font-family-regular-cyrillic, $ms-font-family-semibold-cyrillic);
29
- @include language-override-web-fonts(ru-RU, $ms-font-family-light-cyrillic, $ms-font-family-semilight-cyrillic, $ms-font-family-regular-cyrillic, $ms-font-family-semibold-cyrillic);
30
- @include language-override-web-fonts(uk-UA, $ms-font-family-light-cyrillic, $ms-font-family-semilight-cyrillic, $ms-font-family-regular-cyrillic, $ms-font-family-semibold-cyrillic);
23
+ // ara
24
+ @include language-override-system-fonts(ara, $ms-font-stack-arabic);
31
25
 
32
26
  // East European
33
- // cs-CZ, et-EE, hr-HR, hu-HU, lt-LT, pl-PL, lt-sr-SP, tr-TR, sk-SK, kk-KZ
34
- @include language-override-web-fonts(cs-CZ, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
35
- @include language-override-web-fonts(et-EE, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
36
- @include language-override-web-fonts(hr-HR, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
37
- @include language-override-web-fonts(hu-HU, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
38
- @include language-override-web-fonts(lt-LT, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
39
- @include language-override-web-fonts(lv-LV, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
40
- @include language-override-web-fonts(pl-PL, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
41
- @include language-override-web-fonts(lt-sr-SP, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
42
- @include language-override-web-fonts(tr-TR, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
43
- @include language-override-web-fonts(sk-SK, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
44
- @include language-override-web-fonts(kk-KZ, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean);
27
+ // ces, et, hrv, hun, lit, pl, lat, tur, slk, kaz
28
+ @include language-override-system-fonts(ces, $ms-font-stack-eastEuropean);
29
+ @include language-override-system-fonts(est, $ms-font-stack-eastEuropean);
30
+ @include language-override-system-fonts(hrv, $ms-font-stack-eastEuropean);
31
+ @include language-override-system-fonts(hun, $ms-font-stack-eastEuropean);
32
+ @include language-override-system-fonts(kaz, $ms-font-stack-eastEuropean);
33
+ @include language-override-system-fonts(lav, $ms-font-stack-eastEuropean);
34
+ @include language-override-system-fonts(lit, $ms-font-stack-eastEuropean);
35
+ @include language-override-system-fonts(pol, $ms-font-stack-eastEuropean);
36
+ @include language-override-system-fonts(slk, $ms-font-stack-eastEuropean);
37
+ @include language-override-system-fonts(tur, $ms-font-stack-eastEuropean);
38
+
39
+ // Cyrillic
40
+ // rus
41
+ @include language-override-system-fonts(rus, $ms-font-stack-cyrillic);
45
42
 
46
43
  // Greek
47
- // el-GR
48
- @include language-override-web-fonts(el-GR, $ms-font-family-light-greek, $ms-font-family-semilight-greek, $ms-font-family-regular-greek, $ms-font-family-semibold-greek);
44
+ // ell
45
+ @include language-override-system-fonts(ell, $ms-font-stack-greek);
49
46
 
50
47
  // Hebrew
51
- // he-IL
52
- @include language-override-web-fonts(he-IL, $ms-font-family-light-hebrew, $ms-font-family-semilight-hebrew, $ms-font-family-regular-hebrew, $ms-font-family-semibold-hebrew);
48
+ // heb
49
+ @include language-override-system-fonts(heb, $ms-font-stack-hebrew);
53
50
 
54
51
  // Vietnamese
55
- // vi-VN
56
- @include language-override-web-fonts(vi-VN, $ms-font-family-light-vietnamese, $ms-font-family-semilight-vietnamese, $ms-font-family-regular-vietnamese, $ms-font-family-semibold-vietnamese);
52
+ // vie
53
+ @include language-override-system-fonts(vie, $ms-font-stack-vietnamese);
@@ -203,7 +203,7 @@
203
203
 
204
204
  .ms-fontColor-neutralSecondary,
205
205
  .ms-fontColor-neutralSecondary--hover:hover {
206
- @include ms-fontColor-neutralSecondary;
206
+ @include ms-fontColor-neutralSecondary;
207
207
  }
208
208
 
209
209
  .ms-fontColor-neutralSecondaryAlt,
@@ -19,7 +19,6 @@
19
19
  @import './Fabric.Typography.Variables';
20
20
  @import './Fabric.Typography.Output';
21
21
  @import './Fabric.Typography.Fonts.Output';
22
- @import './Fabric.Typography.Language.Overrides.Output';
23
22
 
24
23
  // Icons
25
24
  @import './Fabric.Icons.Font.Output';
@@ -35,6 +34,3 @@
35
34
 
36
35
  // Grid
37
36
  @import './Fabric.Grid.Output';
38
-
39
- // Office colors
40
- @import './Office.Color.Variables';
@@ -12,4 +12,3 @@
12
12
  @import "./Fabric.Typography.Variables";
13
13
  @import "./Fabric.Utilities";
14
14
  @import "./Fabric.ZIndex.Variables";
15
- @import "./Office.Color.Variables";
@@ -357,6 +357,12 @@
357
357
  @mixin ms-Icon--pictureEdit { content: '\e288'; } // ''
358
358
  @mixin ms-Icon--protectionCenter { content: '\e289'; } // ''
359
359
  @mixin ms-Icon--alert2 { content: '\e28a'; } // ''
360
+ @mixin ms-Icon--skypeCircleCheck { content: '\e310'; } // ''
361
+ @mixin ms-Icon--skypeCircleClock { content: '\e311'; } // ''
362
+ @mixin ms-Icon--skypeCircleMinus { content: '\e312'; } // ''
363
+ @mixin ms-Icon--skypeCheck { content: '\e315'; } // ''
364
+ @mixin ms-Icon--skypeClock { content: '\e316'; } // ''
365
+ @mixin ms-Icon--skypeMinus { content: '\e317'; } // ''
360
366
 
361
367
 
362
368
  @mixin ms-Icon--circle {
@@ -283,13 +283,23 @@
283
283
  }
284
284
 
285
285
  // Transforms.
286
- @mixin transform-rtl() {
286
+ @mixin transform-scaleX($scaleX: 1) {
287
287
  @include LTR {
288
- transform: scaleX(1);
288
+ transform: scaleX($scaleX);
289
289
  }
290
290
 
291
291
  @include RTL {
292
- transform: scaleX(-1);
292
+ transform: scaleX(-$scaleX);
293
+ }
294
+ }
295
+
296
+ @mixin transform-translateX($distance) {
297
+ @include LTR {
298
+ transform: translateX($distance);
299
+ }
300
+
301
+ @include RTL {
302
+ transform: translateX(-$distance);
293
303
  }
294
304
  }
295
305
 
@@ -7,10 +7,7 @@
7
7
 
8
8
 
9
9
  // Font weights.
10
- $ms-light: "Segoe UI Light";
11
- $ms-regular: "Segoe UI Regular";
12
- $ms-semibold: "Segoe UI Semibold";
13
- $ms-semilight: "Segoe UI Semilight";
10
+ $ms-font-name: "Segoe UI";
14
11
 
15
12
 
16
13
  // Font paths.
@@ -31,48 +28,48 @@ $ms-font-path-westeuropean: "SegoeUI-WestEuropean";
31
28
  // Mixins to generate @font-face rules for unique languages.
32
29
  @mixin SegoeUILight($ms-font-language, $ms-font-path) {
33
30
  @font-face {
34
- font-family: "#{$ms-light} #{$ms-font-language}";
31
+ font-family: "#{$ms-font-name} #{$ms-font-language}";
35
32
  src: local("Segoe UI Light"),
36
33
  url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Light.woff2') format('woff2'),
37
34
  url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Light.woff') format('woff'),
38
35
  url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Light.ttf') format('truetype');
39
- font-weight: normal;
40
- font-style: normal;
41
- }
42
- }
43
-
44
- @mixin SegoeUIRegular($ms-font-language, $ms-font-path) {
45
- @font-face {
46
- font-family: "#{$ms-regular} #{$ms-font-language}";
47
- src: local("Segoe UI"),
48
- url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Regular.woff2') format('woff2'),
49
- url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Regular.woff') format('woff'),
50
- url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Regular.ttf') format('truetype');
51
- font-weight: normal;
36
+ font-weight: 100;
52
37
  font-style: normal;
53
38
  }
54
39
  }
55
40
 
56
41
  @mixin SegoeUISemilight($ms-font-language, $ms-font-path) {
57
42
  @font-face {
58
- font-family: "#{$ms-semilight} #{$ms-font-language}";
43
+ font-family: "#{$ms-font-name} #{$ms-font-language}";
59
44
  src: local("Segoe UI Semilight"),
60
45
  url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Semilight.woff2') format('woff2'),
61
46
  url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Semilight.woff') format('woff'),
62
47
  url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Semilight.ttf') format('truetype');
63
- font-weight: normal;
48
+ font-weight: 200;
49
+ font-style: normal;
50
+ }
51
+ }
52
+
53
+ @mixin SegoeUIRegular($ms-font-language, $ms-font-path) {
54
+ @font-face {
55
+ font-family: "#{$ms-font-name} #{$ms-font-language}";
56
+ src: local("Segoe UI"),
57
+ url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Regular.woff2') format('woff2'),
58
+ url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Regular.woff') format('woff'),
59
+ url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Regular.ttf') format('truetype');
60
+ font-weight: 400;
64
61
  font-style: normal;
65
62
  }
66
63
  }
67
64
 
68
65
  @mixin SegoeUISemibold($ms-font-language, $ms-font-path) {
69
66
  @font-face {
70
- font-family: "#{$ms-semibold} #{$ms-font-language}";
67
+ font-family: "#{$ms-font-name} #{$ms-font-language}";
71
68
  src: local("Segoe UI Semibold"),
72
69
  url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Semibold.woff2') format('woff2'),
73
70
  url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Semibold.woff') format('woff'),
74
71
  url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Semibold.ttf') format('truetype');
75
- font-weight: normal;
72
+ font-weight: 600;
76
73
  font-style: normal;
77
74
  }
78
75
  }
@@ -8,8 +8,8 @@
8
8
 
9
9
  // A mixin that overrides all of the font classes for languages that
10
10
  // use system fonts. A single font-family is used for all weights.
11
- @mixin language-override-system-fonts($ms-lang-code, $ms-font-family) {
12
- *[lang="#{$ms-lang-code}"] {
11
+ @mixin language-override-system-fonts($lang-code, $font-family) {
12
+ *[lang="#{$lang-code}"] {
13
13
  .ms-font-mi,
14
14
  .ms-font-xs,
15
15
  .ms-font-s,
@@ -28,14 +28,11 @@
28
28
  .ms-fontWeight-regular-hover:hover,
29
29
  .ms-fontWeight-semibold,
30
30
  .ms-fontWeight-semibold-hover:hover {
31
- font-family: $ms-font-family;
31
+ font-family: $font-family;
32
32
  }
33
33
  }
34
34
  }
35
35
 
36
- // Base font stack.
37
- $ms-font-system-base: 'Segoe UI', Tahoma, Arial, sans-serif;
38
-
39
36
  // Variables for each of the non-distributed (native) font stacks.
40
37
  $ms-font-stack-japanese: 'Yu Gothic', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka, $ms-font-system-base;
41
38
  $ms-font-stack-korean: 'Malgun Gothic', Gulim, $ms-font-system-base;
@@ -43,76 +40,11 @@ $ms-font-stack-chinese-simplified: 'Microsoft Yahei', Verdana, Simsun, $ms-font-
43
40
  $ms-font-stack-chinese-traditional: 'Microsoft Jhenghei', Pmingliu, $ms-font-system-base;
44
41
  $ms-font-stack-hindi: 'Nirmala UI', $ms-font-system-base;
45
42
 
46
-
47
- //== Web fonts
48
- //
49
- // A mixin that overrides all of the font classes for languages that use
50
- // distributed web fonts. These reference different fonts for each weight.
51
- @mixin language-override-web-fonts($ms-lang-code, $ms-font-family-light, $ms-font-family-semilight, $ms-font-family-regular, $ms-font-family-semibold) {
52
- *[lang="#{$ms-lang-code}"] {
53
- .ms-font-xl,
54
- .ms-font-xxl,
55
- .ms-fontWeight-light,
56
- .ms-fontWeight-light-hover:hover {
57
- font-family: $ms-font-family-light;
58
- }
59
- .ms-font-l,
60
- .ms-font-su,
61
- .ms-fontWeight-semilight,
62
- .ms-fontWeight-semilight-hover:hover {
63
- font-family: $ms-font-family-semilight;
64
- }
65
- .ms-fontWeight-regular,
66
- .ms-fontweight-regular-hover:hover {
67
- font-family: $ms-font-family-regular;
68
- }
69
- .ms-font-mi,
70
- .ms-fontWeight-semibold,
71
- .ms-fontWeight-semibold-hover:hover {
72
- font-family: $ms-font-family-semibold;
73
- }
74
- }
75
- }
76
-
77
43
  // Variables for each of the web font stacks.
78
-
79
- // East European
80
- $ms-font-family-light-eastEuropean: 'Segoe UI Light EastEuropean', $ms-font-family-light;
81
- $ms-font-family-semilight-eastEuropean: 'Segoe UI Semilight EastEuropean', $ms-font-family-semilight;
82
- $ms-font-family-regular-eastEuropean: 'Segoe UI Regular EastEuropean', $ms-font-family-regular;
83
- $ms-font-family-semibold-eastEuropean: 'Segoe UI Semibold EastEuropean', $ms-font-family-semibold;
84
-
85
- // Cyrillic
86
- $ms-font-family-light-cyrillic: 'Segoe UI Light Cyrillic', $ms-font-family-light;
87
- $ms-font-family-semilight-cyrillic: 'Segoe UI Semilight Cyrillic', $ms-font-family-semilight;
88
- $ms-font-family-regular-cyrillic: 'Segoe UI Regular Cyrillic', $ms-font-family-regular;
89
- $ms-font-family-semibold-cyrillic: 'Segoe UI Semibold Cyrillic', $ms-font-family-semibold;
90
-
91
- // Leelawadee
92
- $ms-font-family-semilight-leelawadee: 'Leelawadee UI Semilight', 'Kmer UI', $ms-font-family-semilight;
93
- $ms-font-family-regular-leelawadee: 'Leelawadee UI Regular', 'Kmer UI', $ms-font-family-regular;
94
- $ms-font-family-semibold-leelawadee: 'Leelawadee UI Bold', 'Kmer UI', $ms-font-family-semibold;
95
-
96
- // Arabic
97
- $ms-font-family-light-arabic: 'Segoe UI Light Arabic', $ms-font-family-light;
98
- $ms-font-family-semilight-arabic: 'Segoe UI Semilight Arabic', $ms-font-family-semilight;
99
- $ms-font-family-regular-arabic: 'Segoe UI Regular Arabic', $ms-font-family-regular;
100
- $ms-font-family-semibold-arabic: 'Segoe UI Semibold Arabic', $ms-font-family-semibold;
101
-
102
- // Greek
103
- $ms-font-family-light-greek: 'Segoe UI Light Greek', $ms-font-family-light;
104
- $ms-font-family-semilight-greek: 'Segoe UI Semilight Greek', $ms-font-family-semilight;
105
- $ms-font-family-regular-greek: 'Segoe UI Regular Greek', $ms-font-family-regular;
106
- $ms-font-family-semibold-greek: 'Segoe UI Semibold Greek', $ms-font-family-semibold;
107
-
108
- // Hebrew
109
- $ms-font-family-light-hebrew: 'Segoe UI Light Hebrew', $ms-font-family-light;
110
- $ms-font-family-semilight-hebrew: 'Segoe UI Semilight Hebrew', $ms-font-family-semilight;
111
- $ms-font-family-regular-hebrew: 'Segoe UI Regular Hebrew', $ms-font-family-regular;
112
- $ms-font-family-semibold-hebrew: 'Segoe UI Semibold Hebrew', $ms-font-family-semibold;
113
-
114
- // Vietnamese
115
- $ms-font-family-light-vietnamese: 'Segoe UI Light Vietnamese', $ms-font-family-light;
116
- $ms-font-family-semilight-vietnamese: 'Segoe UI Semilight Vietnamese', $ms-font-family-semilight;
117
- $ms-font-family-regular-vietnamese: 'Segoe UI Regular Vietnamese', $ms-font-family-regular;
118
- $ms-font-family-semibold-vietnamese: 'Segoe UI Semibold Vietnamese', $ms-font-family-semibold;
44
+ $ms-font-stack-arabic: 'Segoe UI Arabic', $ms-font-family-base;
45
+ $ms-font-stack-cyrillic: 'Segoe UI Cyrillic', $ms-font-family-base;
46
+ $ms-font-stack-eastEuropean: 'Segoe UI EastEuropean', $ms-font-family-base;
47
+ $ms-font-stack-greek: 'Segoe UI Greek', $ms-font-family-base;
48
+ $ms-font-stack-hebrew: 'Segoe UI Hebrew', $ms-font-family-base;
49
+ $ms-font-stack-vietnamese: 'Segoe UI Vietnamese', $ms-font-family-base;
50
+ $ms-font-stack-leelawadee: 'Leelawadee UI', 'Kmer UI', $ms-font-family-base;