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.
- checksums.yaml +4 -4
- data/bower.json +3 -3
- data/lib/office-ui-fabric-rails/version.rb +2 -2
- data/vendor/assets/css/fabric.components.css +1545 -2504
- data/vendor/assets/css/fabric.components.min.css +2 -2
- data/vendor/assets/css/fabric.components.rtl.css +1499 -2425
- data/vendor/assets/css/fabric.components.rtl.min.css +2 -2
- data/vendor/assets/css/fabric.css +57 -802
- data/vendor/assets/css/fabric.min.css +2 -2
- data/vendor/assets/css/fabric.rtl.css +496 -800
- data/vendor/assets/css/fabric.rtl.min.css +2 -2
- data/vendor/assets/js/fabric.js +5177 -0
- data/vendor/assets/js/fabric.min.js +4 -0
- data/vendor/assets/js/fabric.templates.js +1942 -0
- data/vendor/assets/js/fabric.templates.ts +1832 -0
- data/vendor/assets/scss/Fabric.Components.scss +6 -3
- data/vendor/assets/scss/Fabric.Icons.Output.scss +6 -0
- data/vendor/assets/scss/Fabric.RTL.scss +0 -3
- data/vendor/assets/scss/Fabric.Typography.Fonts.Extended.Output.scss +67 -0
- data/vendor/assets/scss/Fabric.Typography.Fonts.Output.scss +0 -63
- data/vendor/assets/scss/Fabric.Typography.Language.Overrides.Output.scss +32 -35
- data/vendor/assets/scss/Fabric.Typography.Output.scss +1 -1
- data/vendor/assets/scss/Fabric.scss +0 -4
- data/vendor/assets/scss/_Fabric.Common.scss +0 -1
- data/vendor/assets/scss/_Fabric.Icons.scss +6 -0
- data/vendor/assets/scss/_Fabric.Mixins.RTL.scss +13 -3
- data/vendor/assets/scss/_Fabric.Typography.Fonts.scss +19 -22
- data/vendor/assets/scss/_Fabric.Typography.Language.Overrides.scss +10 -78
- data/vendor/assets/scss/_Fabric.Typography.Variables.scss +6 -4
- data/vendor/assets/scss/_Fabric.Typography.scss +26 -37
- data/vendor/assets/scss/_Fabric.Utilities.scss +0 -1
- metadata +9 -7
- data/vendor/assets/js/jquery.fabric.js +0 -2451
- data/vendor/assets/js/jquery.fabric.min.js +0 -2
- 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/
|
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/
|
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.
|
@@ -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(
|
12
|
-
@include language-override-system-fonts(
|
13
|
-
@include language-override-system-fonts(
|
14
|
-
@include language-override-system-fonts(
|
15
|
-
@include language-override-system-fonts(
|
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
|
-
//
|
20
|
-
@include language-override-
|
18
|
+
// Thai (Leelawadee)
|
19
|
+
// tha
|
20
|
+
@include language-override-system-fonts(tha, $ms-font-stack-leelawadee);
|
21
21
|
|
22
22
|
// Arabic
|
23
|
-
//
|
24
|
-
@include language-override-
|
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
|
-
//
|
34
|
-
@include language-override-
|
35
|
-
@include language-override-
|
36
|
-
@include language-override-
|
37
|
-
@include language-override-
|
38
|
-
@include language-override-
|
39
|
-
@include language-override-
|
40
|
-
@include language-override-
|
41
|
-
@include language-override-
|
42
|
-
@include language-override-
|
43
|
-
@include language-override-
|
44
|
-
|
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
|
-
//
|
48
|
-
@include language-override-
|
44
|
+
// ell
|
45
|
+
@include language-override-system-fonts(ell, $ms-font-stack-greek);
|
49
46
|
|
50
47
|
// Hebrew
|
51
|
-
//
|
52
|
-
@include language-override-
|
48
|
+
// heb
|
49
|
+
@include language-override-system-fonts(heb, $ms-font-stack-hebrew);
|
53
50
|
|
54
51
|
// Vietnamese
|
55
|
-
//
|
56
|
-
@include language-override-
|
52
|
+
// vie
|
53
|
+
@include language-override-system-fonts(vie, $ms-font-stack-vietnamese);
|
@@ -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';
|
@@ -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-
|
286
|
+
@mixin transform-scaleX($scaleX: 1) {
|
287
287
|
@include LTR {
|
288
|
-
transform: scaleX(
|
288
|
+
transform: scaleX($scaleX);
|
289
289
|
}
|
290
290
|
|
291
291
|
@include RTL {
|
292
|
-
transform: scaleX(
|
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-
|
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-
|
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:
|
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-
|
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:
|
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-
|
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:
|
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($
|
12
|
-
*[lang="#{$
|
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: $
|
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
|
-
|
80
|
-
$ms-font-
|
81
|
-
$ms-font-
|
82
|
-
$ms-font-
|
83
|
-
$ms-font-
|
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;
|