office-ui-fabric-core-rails 4.1.0.0 → 5.0.0.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.
Files changed (28) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +1 -0
  3. data/Rakefile +3 -3
  4. data/lib/office-ui-fabric-core-rails/version.rb +2 -2
  5. data/{bower.json → package.json} +2 -2
  6. data/vendor/assets/css/fabric.css +2573 -129
  7. data/vendor/assets/css/fabric.min.css +2 -2
  8. data/vendor/assets/css/fabric.rtl.css +1242 -458
  9. data/vendor/assets/css/fabric.rtl.min.css +2 -2
  10. data/vendor/assets/scss/Fabric.Brand.Icons.Output.scss +19 -0
  11. data/vendor/assets/scss/Fabric.Icons.Font.Output.scss +2 -3
  12. data/vendor/assets/scss/Fabric.Icons.Output.scss +708 -645
  13. data/vendor/assets/scss/Fabric.Icons.RTL.Output.scss +144 -342
  14. data/vendor/assets/scss/Fabric.Responsive.Utilities.Output.scss +767 -777
  15. data/vendor/assets/scss/Fabric.Typography.Fonts.Extended.Output.scss +9 -9
  16. data/vendor/assets/scss/Fabric.scss +3 -0
  17. data/vendor/assets/scss/_Fabric.Animations.scss +6 -6
  18. data/vendor/assets/scss/_Fabric.Brand.Icons.scss +51 -0
  19. data/vendor/assets/scss/_Fabric.Color.Variables.scss +64 -64
  20. data/vendor/assets/scss/_Fabric.Icons.scss +115 -53
  21. data/vendor/assets/scss/_Fabric.Responsive.Utilities.Variables.scss +918 -192
  22. data/vendor/assets/scss/_Fabric.Responsive.Variables.scss +6 -6
  23. data/vendor/assets/scss/_Fabric.Typography.Fonts.scss +21 -21
  24. data/vendor/assets/scss/_Fabric.Typography.Language.Overrides.scss +12 -12
  25. data/vendor/assets/scss/_Fabric.Typography.Variables.scss +16 -16
  26. data/vendor/assets/scss/_Fabric.ZIndex.Variables.scss +17 -17
  27. metadata +5 -4
  28. data/vendor/assets/scss/_Fabric.Icons.Adjustments.scss +0 -6
@@ -8,9 +8,9 @@
8
8
  @font-face {
9
9
  font-family: "Leelawadee UI";
10
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');
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
14
  font-weight: 600;
15
15
  font-style: normal;
16
16
  }
@@ -18,9 +18,9 @@
18
18
  @font-face {
19
19
  font-family: "Leelawadee UI";
20
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');
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
24
  font-weight: 400;
25
25
  font-style: normal;
26
26
  }
@@ -28,9 +28,9 @@
28
28
  @font-face {
29
29
  font-family: "Leelawadee UI";
30
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');
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
34
  font-weight: 300;
35
35
  font-style: normal;
36
36
  }
@@ -25,6 +25,9 @@
25
25
  @import './Fabric.Icons.Font.Output';
26
26
  @import './Fabric.Icons.Output';
27
27
 
28
+ // Brand Icons
29
+ @import './Fabric.Brand.Icons.Output';
30
+
28
31
  // Animations
29
32
  @import './Fabric.Animations.Output';
30
33
 
@@ -10,12 +10,12 @@
10
10
  // The original class names are deprecated and will be removed in a future release.
11
11
 
12
12
  // Variables
13
- $ms-ease1: cubic-bezier(0.1,0.9,0.2,1);
14
- $ms-ease2: cubic-bezier(0.1,0.25,0.75,0.9);
15
- $ms-duration1: 0.167s;
16
- $ms-duration2: 0.267s;
17
- $ms-duration3: 0.367s;
18
- $ms-duration4: 0.467s;
13
+ $ms-ease1: cubic-bezier(0.1,0.9,0.2,1) !default;
14
+ $ms-ease2: cubic-bezier(0.1,0.25,0.75,0.9) !default;
15
+ $ms-duration1: 0.167s !default;
16
+ $ms-duration2: 0.267s !default;
17
+ $ms-duration3: 0.367s !default;
18
+ $ms-duration4: 0.467s !default;
19
19
 
20
20
 
21
21
  // Animation mixin
@@ -0,0 +1,51 @@
1
+ // Images Path for Product Icons
2
+ $productImagesPath: "https://spoppe-a.akamaihd.net/files/fabric/assets/brand-icons/product/png";
3
+
4
+ // Images Path for Document Icons
5
+ $documentImagesPath: "https://spoppe-a.akamaihd.net/files/fabric/assets/brand-icons/document/png";
6
+
7
+ // Icon Names
8
+ $productIconList: access excel infopath office onedrive onenote outlook powerpoint project sharepoint visio word;
9
+
10
+ $documentIconList: accdb csv docx dotx mpp mpt odp ods odt one onepkg onetoc potx ppsx pptx pub vsdx vssx vstx xls xlsx xltx xsn;
11
+
12
+ // Icon Sizes
13
+ $iconSizes: 16 48 96;
14
+
15
+
16
+ // Generate Icon Classes for product and document icons
17
+ @mixin brandIconClasses($retina) {
18
+ // Generate Product icon list
19
+ @each $icon in $productIconList {
20
+ .ms-BrandIcon--#{$icon} {
21
+ @include brandIconSizes($icon, $retina, $productImagesPath);
22
+ }
23
+ }
24
+
25
+ // Generate Document icon list
26
+ @each $icon in $documentIconList {
27
+ .ms-BrandIcon--#{$icon} {
28
+ @include brandIconSizes($icon, $retina, $documentImagesPath);
29
+ }
30
+ }
31
+ }
32
+
33
+ // Generate size classes for each icon
34
+ @mixin brandIconSizes($icon, $retina, $imagesPath) {
35
+ @each $size in $iconSizes {
36
+ &.ms-BrandIcon--Icon#{$size} {
37
+ background-image: url(#{$imagesPath}/#{$icon}_#{$size}x#{$retina}.png);
38
+ }
39
+ }
40
+ }
41
+
42
+ // Generate generic icon size classes
43
+ @mixin brandIconSizesClasses() {
44
+ @each $size in $iconSizes {
45
+ .ms-BrandIcon--Icon#{$size} {
46
+ background-size: 100% 100%;
47
+ width: #{$size}px;
48
+ height: #{$size}px;
49
+ }
50
+ }
51
+ }
@@ -8,86 +8,86 @@
8
8
 
9
9
  //== Theme Colors
10
10
  //
11
- $ms-color-themeDarker: #004578;
12
- $ms-color-themeDark: #005a9e;
13
- $ms-color-themeDarkAlt: #106ebe;
14
- $ms-color-themePrimary: #0078d7;
15
- $ms-color-themeSecondary: #2488d8;
16
- $ms-color-themeTertiary: #69afe5;
17
- $ms-color-themeLight: #b3d6f2;
18
- $ms-color-themeLighter: #deecf9;
19
- $ms-color-themeLighterAlt: #eff6fc;
11
+ $ms-color-themeDarker: #004578 !default;
12
+ $ms-color-themeDark: #005a9e !default;
13
+ $ms-color-themeDarkAlt: #106ebe !default;
14
+ $ms-color-themePrimary: #0078d7 !default;
15
+ $ms-color-themeSecondary: #2488d8 !default;
16
+ $ms-color-themeTertiary: #69afe5 !default;
17
+ $ms-color-themeLight: #b3d6f2 !default;
18
+ $ms-color-themeLighter: #deecf9 !default;
19
+ $ms-color-themeLighterAlt: #eff6fc !default;
20
20
 
21
21
 
22
22
  //== Grayscale Colors
23
23
  //
24
- $ms-color-black: #000000;
25
- $ms-color-neutralDark: #212121;
26
- $ms-color-neutralPrimary: #333333;
27
- $ms-color-neutralPrimaryAlt: #3C3C3C;
28
- $ms-color-neutralSecondary: #666666;
29
- $ms-color-neutralSecondaryAlt: #767676;
30
- $ms-color-neutralTertiary: #a6a6a6;
31
- $ms-color-neutralTertiaryAlt: #c8c8c8;
32
- $ms-color-neutralQuaternary: #d0d0d0;
33
- $ms-color-neutralQuaternaryAlt: #dadada;
34
- $ms-color-neutralLight: #eaeaea;
35
- $ms-color-neutralLighter: #f4f4f4;
36
- $ms-color-neutralLighterAlt: #f8f8f8;
37
- $ms-color-white: #ffffff;
24
+ $ms-color-black: #000000 !default;
25
+ $ms-color-neutralDark: #212121 !default;
26
+ $ms-color-neutralPrimary: #333333 !default;
27
+ $ms-color-neutralPrimaryAlt: #3C3C3C !default;
28
+ $ms-color-neutralSecondary: #666666 !default;
29
+ $ms-color-neutralSecondaryAlt: #767676 !default;
30
+ $ms-color-neutralTertiary: #a6a6a6 !default;
31
+ $ms-color-neutralTertiaryAlt: #c8c8c8 !default;
32
+ $ms-color-neutralQuaternary: #d0d0d0 !default;
33
+ $ms-color-neutralQuaternaryAlt: #dadada !default;
34
+ $ms-color-neutralLight: #eaeaea !default;
35
+ $ms-color-neutralLighter: #f4f4f4 !default;
36
+ $ms-color-neutralLighterAlt: #f8f8f8 !default;
37
+ $ms-color-white: #ffffff !default;
38
38
 
39
39
  //== Translucent Colors
40
40
  //
41
- $ms-color-blackTranslucent40: rgba(0,0,0,.4);
42
- $ms-color-whiteTranslucent40: rgba(255,255,255,.4);
41
+ $ms-color-blackTranslucent40: rgba(0,0,0,.4) !default;
42
+ $ms-color-whiteTranslucent40: rgba(255,255,255,.4) !default;
43
43
 
44
44
 
45
45
  //== Core brand and accent colors
46
46
  //
47
- $ms-color-yellow: #ffb900;
48
- $ms-color-yellowLight: #fff100;
49
- $ms-color-orange: #d83b01;
50
- $ms-color-orangeLight: #ea4300;
51
- $ms-color-orangeLighter: #ff8c00;
52
- $ms-color-redDark: #a80000;
53
- $ms-color-red: #e81123;
54
- $ms-color-magentaDark: #5c005c;
55
- $ms-color-magenta: #b4009e;
56
- $ms-color-magentaLight: #e3008c;
57
- $ms-color-purpleDark: #32145a;
58
- $ms-color-purple: #5c2d91;
59
- $ms-color-purpleLight: #b4a0ff;
60
- $ms-color-blueDark: #002050;
61
- $ms-color-blueMid: #00188f;
62
- $ms-color-blue: #0078d7;
63
- $ms-color-blueLight: #00bcf2;
64
- $ms-color-tealDark: #004b50;
65
- $ms-color-teal: #008272;
66
- $ms-color-tealLight: #00b294;
67
- $ms-color-greenDark: #004b1c;
68
- $ms-color-green: #107c10;
69
- $ms-color-greenLight: #bad80a;
47
+ $ms-color-yellow: #ffb900 !default;
48
+ $ms-color-yellowLight: #fff100 !default;
49
+ $ms-color-orange: #d83b01 !default;
50
+ $ms-color-orangeLight: #ea4300 !default;
51
+ $ms-color-orangeLighter: #ff8c00 !default;
52
+ $ms-color-redDark: #a80000 !default;
53
+ $ms-color-red: #e81123 !default;
54
+ $ms-color-magentaDark: #5c005c !default;
55
+ $ms-color-magenta: #b4009e !default;
56
+ $ms-color-magentaLight: #e3008c !default;
57
+ $ms-color-purpleDark: #32145a !default;
58
+ $ms-color-purple: #5c2d91 !default;
59
+ $ms-color-purpleLight: #b4a0ff !default;
60
+ $ms-color-blueDark: #002050 !default;
61
+ $ms-color-blueMid: #00188f !default;
62
+ $ms-color-blue: #0078d7 !default;
63
+ $ms-color-blueLight: #00bcf2 !default;
64
+ $ms-color-tealDark: #004b50 !default;
65
+ $ms-color-teal: #008272 !default;
66
+ $ms-color-tealLight: #00b294 !default;
67
+ $ms-color-greenDark: #004b1c !default;
68
+ $ms-color-green: #107c10 !default;
69
+ $ms-color-greenLight: #bad80a !default;
70
70
 
71
71
 
72
72
  //== Message colors
73
73
  //
74
- $ms-color-info: $ms-color-neutralSecondaryAlt;
75
- $ms-color-infoBackground: $ms-color-neutralLighter;
76
- $ms-color-success: $ms-color-green;
77
- $ms-color-successBackground: #dff6dd;
78
- $ms-color-severeWarning: $ms-color-orange;
79
- $ms-color-severeWarningBackground: #fed9cc;
80
- $ms-color-alert: $ms-color-severeWarning; // Deprecated: Use $ms-color-severeWarning
81
- $ms-color-alertBackground: $ms-color-severeWarningBackground; // Deprecated: Use $ms-color-severeWarningBackground
82
- $ms-color-warning: $ms-color-neutralSecondaryAlt;
83
- $ms-color-warningBackground: #fff4ce;
84
- $ms-color-error: $ms-color-redDark;
85
- $ms-color-errorBackground: #fde7e9;
74
+ $ms-color-info: $ms-color-neutralSecondaryAlt !default;
75
+ $ms-color-infoBackground: $ms-color-neutralLighter !default;
76
+ $ms-color-success: $ms-color-green !default;
77
+ $ms-color-successBackground: #dff6dd !default;
78
+ $ms-color-severeWarning: $ms-color-orange !default;
79
+ $ms-color-severeWarningBackground: #fed9cc !default;
80
+ $ms-color-alert: $ms-color-severeWarning !default; // Deprecated: Use $ms-color-severeWarning
81
+ $ms-color-alertBackground: $ms-color-severeWarningBackground !default; // Deprecated: Use $ms-color-severeWarningBackground
82
+ $ms-color-warning: $ms-color-neutralSecondaryAlt !default;
83
+ $ms-color-warningBackground: #fff4ce !default;
84
+ $ms-color-error: $ms-color-redDark !default;
85
+ $ms-color-errorBackground: #fde7e9 !default;
86
86
 
87
87
 
88
88
  //== High contrast colors
89
89
  //
90
- $ms-color-contrastBlackDisabled: #00ff00;
91
- $ms-color-contrastWhiteDisabled: #600000;
92
- $ms-color-contrastBlackSelected: #1AEBFF;
93
- $ms-color-contrastWhiteSelected: #37006E;
90
+ $ms-color-contrastBlackDisabled: #00ff00 !default;
91
+ $ms-color-contrastWhiteDisabled: #600000 !default;
92
+ $ms-color-contrastBlackSelected: #1AEBFF !default;
93
+ $ms-color-contrastWhiteSelected: #37006E !default;
@@ -17,6 +17,57 @@
17
17
  speak: none;
18
18
  }
19
19
 
20
+
21
+ // Modifier: Place the icon in a circle.
22
+ @mixin ms-Icon--circle {
23
+ position: relative;
24
+ display: inline-block;
25
+ font-size: 1rem;
26
+ width: 1em;
27
+ height: 1em;
28
+ margin: 0 0.5em 0 0;
29
+ padding: 0;
30
+ text-align: left;
31
+ -webkit-font-smoothing: antialiased;
32
+
33
+ &::before, &::after {
34
+ line-height: 1;
35
+ font-size: inherit;
36
+ }
37
+
38
+ &::before {
39
+ display: block;
40
+ width: 100%;
41
+ height: 100%;
42
+ margin: 0;
43
+ padding: 0;
44
+ vertical-align: top;
45
+ position: absolute;
46
+ }
47
+
48
+ &::after {
49
+ content: '\e000';
50
+ position: absolute;
51
+ top: 0;
52
+ left: 0;
53
+ transform: scale(2);
54
+ transform-origin: 50% 50%;
55
+ z-index: $ms-zIndex-back;
56
+ }
57
+ }
58
+
59
+ // Variables: Icon sizes
60
+ $ms-icon-size-xs: 10px;
61
+ $ms-icon-size-s: 12px;
62
+ $ms-icon-size-m: 16px;
63
+ $ms-icon-size-l: 20px;
64
+
65
+ // Modifiers: Icon sizes
66
+ @mixin ms-Icon--xs { font-size: $ms-icon-size-xs; }
67
+ @mixin ms-Icon--s { font-size: $ms-icon-size-s; }
68
+ @mixin ms-Icon--m { font-size: $ms-icon-size-m; }
69
+ @mixin ms-Icon--l { font-size: $ms-icon-size-l; }
70
+
20
71
  // Modifiers: Each of the icons.
21
72
  @mixin ms-Icon--DecreaseIndentLegacy { content: "\E290"; }
22
73
  @mixin ms-Icon--IncreaseIndentLegacy { content: "\E291"; }
@@ -107,6 +158,7 @@
107
158
  @mixin ms-Icon--Contrast { content: "\E7A1"; }
108
159
  @mixin ms-Icon--Redo { content: "\E7A6"; }
109
160
  @mixin ms-Icon--Undo { content: "\E7A7"; }
161
+ @mixin ms-Icon--PhotoCollection { content: "\E7AA"; }
110
162
  @mixin ms-Icon--Album { content: "\E7AB"; }
111
163
  @mixin ms-Icon--Rotate { content: "\E7AD"; }
112
164
  @mixin ms-Icon--PanoIndicator { content: "\E7B0"; }
@@ -127,6 +179,7 @@
127
179
  @mixin ms-Icon--Admin { content: "\E7EF"; }
128
180
  @mixin ms-Icon--TVMonitor { content: "\E7F4"; }
129
181
  @mixin ms-Icon--Speakers { content: "\E7F5"; }
182
+ @mixin ms-Icon--Nav2DMapView { content: "\E800"; }
130
183
  @mixin ms-Icon--Car { content: "\E804"; }
131
184
  @mixin ms-Icon--EatDrink { content: "\E807"; }
132
185
  @mixin ms-Icon--LocationCircle { content: "\E80E"; }
@@ -216,6 +269,7 @@
216
269
  @mixin ms-Icon--RadioBullet { content: "\E915"; }
217
270
  @mixin ms-Icon--Stopwatch { content: "\E916"; }
218
271
  @mixin ms-Icon--Clock { content: "\E917"; }
272
+ @mixin ms-Icon--WorldClock { content: "\E918"; }
219
273
  @mixin ms-Icon--AlarmClock { content: "\E919"; }
220
274
  @mixin ms-Icon--Hospital { content: "\E91D"; }
221
275
  @mixin ms-Icon--Timer { content: "\E91E"; }
@@ -264,6 +318,7 @@
264
318
  @mixin ms-Icon--Volume3 { content: "\E995"; }
265
319
  @mixin ms-Icon--CaretHollow { content: "\E817"; }
266
320
  @mixin ms-Icon--CaretSolid { content: "\E818"; }
321
+ @mixin ms-Icon--FolderOpen { content: "\E838"; }
267
322
  @mixin ms-Icon--Pinned { content: "\E840"; }
268
323
  @mixin ms-Icon--PinnedFill { content: "\E842"; }
269
324
  @mixin ms-Icon--Chart { content: "\E999"; }
@@ -306,6 +361,7 @@
306
361
  @mixin ms-Icon--HailNight { content: "\EA13"; }
307
362
  @mixin ms-Icon--Info2 { content: "\EA1F"; }
308
363
  @mixin ms-Icon--StoreLogo { content: "\EA96"; }
364
+ @mixin ms-Icon--MultiSelectMirrored { content: "\EA98"; }
309
365
  @mixin ms-Icon--Broom { content: "\EA99"; }
310
366
  @mixin ms-Icon--MusicInCollectionFill { content: "\EA36"; }
311
367
  @mixin ms-Icon--List { content: "\EA37"; }
@@ -313,6 +369,23 @@
313
369
  @mixin ms-Icon--ErrorBadge { content: "\EA39"; }
314
370
  @mixin ms-Icon--CircleRing { content: "\EA3A"; }
315
371
  @mixin ms-Icon--CircleFill { content: "\EA3B"; }
372
+ @mixin ms-Icon--BookmarksMirrored { content: "\EA41"; }
373
+ @mixin ms-Icon--BulletedListMirrored { content: "\EA42"; }
374
+ @mixin ms-Icon--CaretHollowMirrored { content: "\EA45"; }
375
+ @mixin ms-Icon--CaretSolidMirrored { content: "\EA46"; }
376
+ @mixin ms-Icon--ChromeBackMirrored { content: "\EA47"; }
377
+ @mixin ms-Icon--ClosePaneMirrored { content: "\EA49"; }
378
+ @mixin ms-Icon--DockLeftMirrored { content: "\EA4C"; }
379
+ @mixin ms-Icon--DoubleChevronLeftMedMirrored { content: "\EA4D"; }
380
+ @mixin ms-Icon--HelpMirrored { content: "\EA51"; }
381
+ @mixin ms-Icon--ListMirrored { content: "\EA55"; }
382
+ @mixin ms-Icon--MailForwardMirrored { content: "\EA56"; }
383
+ @mixin ms-Icon--MailReplyMirrored { content: "\EA57"; }
384
+ @mixin ms-Icon--MailReplyAllMirrored { content: "\EA58"; }
385
+ @mixin ms-Icon--OpenPaneMirrored { content: "\EA5B"; }
386
+ @mixin ms-Icon--SendMirrored { content: "\EA63"; }
387
+ @mixin ms-Icon--ShowResultsMirrored { content: "\EA65"; }
388
+ @mixin ms-Icon--ThumbnailViewMirrored { content: "\EA67"; }
316
389
  @mixin ms-Icon--Lightbulb { content: "\EA80"; }
317
390
  @mixin ms-Icon--StatusTriangle { content: "\EA82"; }
318
391
  @mixin ms-Icon--VolumeDisabled { content: "\EA85"; }
@@ -367,6 +440,7 @@
367
440
  @mixin ms-Icon--OfficeLogo { content: "\EB6E"; }
368
441
  @mixin ms-Icon--SkypeLogo { content: "\EB6F"; }
369
442
  @mixin ms-Icon--Door { content: "\EB75"; }
443
+ @mixin ms-Icon--EditMirrored { content: "\EB7E"; }
370
444
  @mixin ms-Icon--GiftCard { content: "\EB8E"; }
371
445
  @mixin ms-Icon--DoubleBookmark { content: "\EB8F"; }
372
446
  @mixin ms-Icon--StatusErrorFull { content: "\EB90"; }
@@ -440,6 +514,7 @@
440
514
  @mixin ms-Icon--YammerLogo { content: "\ED19"; }
441
515
  @mixin ms-Icon--ReturnToSession { content: "\ED24"; }
442
516
  @mixin ms-Icon--OpenFolderHorizontal { content: "\ED25"; }
517
+ @mixin ms-Icon--CalendarMirrored { content: "\ED28"; }
443
518
  @mixin ms-Icon--SwayLogo { content: "\ED29"; }
444
519
  @mixin ms-Icon--OutOfOffice { content: "\ED34"; }
445
520
  @mixin ms-Icon--Trophy { content: "\ED3F"; }
@@ -504,6 +579,7 @@
504
579
  @mixin ms-Icon--Subscribe { content: "\EDA1"; }
505
580
  @mixin ms-Icon--RecurringTask { content: "\EDB2"; }
506
581
  @mixin ms-Icon--TaskManager { content: "\EDB7"; }
582
+ @mixin ms-Icon--TaskManagerMirrored { content: "\EDB8"; }
507
583
  @mixin ms-Icon--Combine { content: "\EDBB"; }
508
584
  @mixin ms-Icon--Split { content: "\EDBC"; }
509
585
  @mixin ms-Icon--DoubleChevronUp { content: "\EDBD"; }
@@ -520,7 +596,7 @@
520
596
  @mixin ms-Icon--CollabsDBLogo { content: "\EDC9"; }
521
597
  @mixin ms-Icon--DelveAnalyticsLogo { content: "\EDCA"; }
522
598
  @mixin ms-Icon--DocsLogo { content: "\EDCB"; }
523
- @mixin ms-Icon--DynamicsCRMLogo { content: "\EDCC"; }
599
+ @mixin ms-Icon--Dynamics365Logo { content: "\EDCC"; }
524
600
  @mixin ms-Icon--DynamicSMBLogo { content: "\EDCD"; }
525
601
  @mixin ms-Icon--OfficeAssistantLogo { content: "\EDCE"; }
526
602
  @mixin ms-Icon--OfficeStoreLogo { content: "\EDCF"; }
@@ -534,7 +610,7 @@
534
610
  @mixin ms-Icon--CaretUp8 { content: "\EDD7"; }
535
611
  @mixin ms-Icon--CaretDown8 { content: "\EDD8"; }
536
612
  @mixin ms-Icon--CaretLeftSolid8 { content: "\EDD9"; }
537
- @mixin ms-Icon--CarotRightSolid8 { content: "\EDDA"; }
613
+ @mixin ms-Icon--CaretRightSolid8 { content: "\EDDA"; }
538
614
  @mixin ms-Icon--CaretUpSolid8 { content: "\EDDB"; }
539
615
  @mixin ms-Icon--CaretDownSolid8 { content: "\EDDC"; }
540
616
  @mixin ms-Icon--ClearFormatting { content: "\EDDD"; }
@@ -546,7 +622,10 @@
546
622
  @mixin ms-Icon--ReplyAll { content: "\EE0A"; }
547
623
  @mixin ms-Icon--GoogleDriveLogo { content: "\EE0B"; }
548
624
  @mixin ms-Icon--Questionnaire { content: "\EE19"; }
625
+ @mixin ms-Icon--ReplyMirrored { content: "\EE35"; }
626
+ @mixin ms-Icon--ReplyAllMirrored { content: "\EE36"; }
549
627
  @mixin ms-Icon--AddGroup { content: "\EE3D"; }
628
+ @mixin ms-Icon--QuestionnaireMirrored { content: "\EE4B"; }
550
629
  @mixin ms-Icon--TemporaryUser { content: "\EE58"; }
551
630
  @mixin ms-Icon--GroupedDescending { content: "\EE66"; }
552
631
  @mixin ms-Icon--GroupedAscending { content: "\EE67"; }
@@ -555,6 +634,7 @@
555
634
  @mixin ms-Icon--AwayStatus { content: "\EE6A"; }
556
635
  @mixin ms-Icon--SyncToPC { content: "\EE6E"; }
557
636
  @mixin ms-Icon--AustralianRules { content: "\EE70"; }
637
+ @mixin ms-Icon--DateTimeMirrored { content: "\EE93"; }
558
638
  @mixin ms-Icon--DoubleChevronUp12 { content: "\EE96"; }
559
639
  @mixin ms-Icon--DoubleChevronDown12 { content: "\EE97"; }
560
640
  @mixin ms-Icon--DoubleChevronLeft12 { content: "\EE98"; }
@@ -565,10 +645,14 @@
565
645
  @mixin ms-Icon--DataConnectionLibrary { content: "\EEB7"; }
566
646
  @mixin ms-Icon--DocLibrary { content: "\EEB8"; }
567
647
  @mixin ms-Icon--FormLibrary { content: "\EEB9"; }
648
+ @mixin ms-Icon--FormLibraryMirrored { content: "\EEBA"; }
568
649
  @mixin ms-Icon--ReportLibrary { content: "\EEBB"; }
650
+ @mixin ms-Icon--ReportLibraryMirrored { content: "\EEBC"; }
569
651
  @mixin ms-Icon--ContactCard { content: "\EEBD"; }
570
652
  @mixin ms-Icon--CustomList { content: "\EEBE"; }
653
+ @mixin ms-Icon--CustomListMirrored { content: "\EEBF"; }
571
654
  @mixin ms-Icon--IssueTracking { content: "\EEC0"; }
655
+ @mixin ms-Icon--IssueTrackingMirrored { content: "\EEC1"; }
572
656
  @mixin ms-Icon--PictureLibrary { content: "\EEC2"; }
573
657
  @mixin ms-Icon--AppForOfficeLogo { content: "\EEC7"; }
574
658
  @mixin ms-Icon--OfflineOneDriveParachute { content: "\EEC8"; }
@@ -586,6 +670,8 @@
586
670
  @mixin ms-Icon--ArrowDownRight8 { content: "\EED5"; }
587
671
  @mixin ms-Icon--DocumentSet { content: "\EED6"; }
588
672
  @mixin ms-Icon--DelveAnalytics { content: "\EEEE"; }
673
+ @mixin ms-Icon--ArrowUpRightMirrored8 { content: "\EEEF"; }
674
+ @mixin ms-Icon--ArrowDownRightMirrored8 { content: "\EEF0"; }
589
675
  @mixin ms-Icon--OneDriveAdd { content: "\EF32"; }
590
676
  @mixin ms-Icon--Header2 { content: "\EF36"; }
591
677
  @mixin ms-Icon--Header3 { content: "\EF37"; }
@@ -653,56 +739,32 @@
653
739
  @mixin ms-Icon--Breadcrumb { content: "\EF8C"; }
654
740
  @mixin ms-Icon--ClearFilter { content: "\EF8F"; }
655
741
  @mixin ms-Icon--Flow { content: "\EF90"; }
742
+ @mixin ms-Icon--PageCheckedOut { content: "\F02C"; }
743
+ @mixin ms-Icon--SetAction { content: "\F071"; }
656
744
  @mixin ms-Icon--PowerAppsLogo { content: "\F091"; }
657
745
  @mixin ms-Icon--PowerApps2Logo { content: "\F092"; }
658
-
659
-
660
- // Modifier: Place the icon in a circle.
661
- @mixin ms-Icon--circle {
662
- position: relative;
663
- display: inline-block;
664
- font-size: 1rem;
665
- width: 1em;
666
- height: 1em;
667
- margin: 0 0.5em 0 0;
668
- padding: 0;
669
- text-align: left;
670
- -webkit-font-smoothing: antialiased;
671
-
672
- &::before, &::after {
673
- line-height: 1;
674
- font-size: inherit;
675
- }
676
-
677
- &::before {
678
- display: block;
679
- width: 100%;
680
- height: 100%;
681
- margin: 0;
682
- padding: 0;
683
- vertical-align: top;
684
- position: absolute;
685
- }
686
-
687
- &::after {
688
- content: '\e000';
689
- position: absolute;
690
- top: 0;
691
- left: 0;
692
- transform: scale(2);
693
- transform-origin: 50% 50%;
694
- z-index: $ms-zIndex-back;
695
- }
696
- }
697
-
698
- // Icon size variables
699
- $ms-icon-size-xs: 10px;
700
- $ms-icon-size-s: 12px;
701
- $ms-icon-size-m: 16px;
702
- $ms-icon-size-l: 20px;
703
-
704
- // Icon size mixins
705
- @mixin ms-Icon--xs { font-size: $ms-icon-size-xs; }
706
- @mixin ms-Icon--s { font-size: $ms-icon-size-s; }
707
- @mixin ms-Icon--m { font-size: $ms-icon-size-m; }
708
- @mixin ms-Icon--l { font-size: $ms-icon-size-l; }
746
+ @mixin ms-Icon--FabricAssetLibrary { content: "\F09C"; }
747
+ @mixin ms-Icon--FabricDataConnectionLibrary { content: "\F09D"; }
748
+ @mixin ms-Icon--FabricDocLibrary { content: "\F09E"; }
749
+ @mixin ms-Icon--FabricFormLibrary { content: "\F09F"; }
750
+ @mixin ms-Icon--FabricFormLibraryMirrored { content: "\F0A0"; }
751
+ @mixin ms-Icon--FabricReportLibrary { content: "\F0A1"; }
752
+ @mixin ms-Icon--FabricReportLibraryMirrored { content: "\F0A2"; }
753
+ @mixin ms-Icon--FabricPublicFolder { content: "\F0A3"; }
754
+ @mixin ms-Icon--FabricFolderSearch { content: "\F0A4"; }
755
+ @mixin ms-Icon--FabricMovetoFolder { content: "\F0A5"; }
756
+ @mixin ms-Icon--FabricUnsyncFolder { content: "\F0A6"; }
757
+ @mixin ms-Icon--FabricSyncFolder { content: "\F0A7"; }
758
+ @mixin ms-Icon--FabricOpenFolderHorizontal { content: "\F0A8"; }
759
+ @mixin ms-Icon--FabricFolder { content: "\F0A9"; }
760
+ @mixin ms-Icon--FabricFolderFill { content: "\F0AA"; }
761
+ @mixin ms-Icon--FabricNewFolder { content: "\F0AB"; }
762
+ @mixin ms-Icon--FabricPictureLibrary { content: "\F0AC"; }
763
+ @mixin ms-Icon--AddFavorite { content: "\F0C8"; }
764
+ @mixin ms-Icon--AddFavoriteFill { content: "\F0C9"; }
765
+ @mixin ms-Icon--BufferTimeBefore { content: "\F0CF"; }
766
+ @mixin ms-Icon--BufferTimeAfter { content: "\F0D0"; }
767
+ @mixin ms-Icon--BufferTimeBoth { content: "\F0D1"; }
768
+ @mixin ms-Icon--PageCheckedin { content: "\F104"; }
769
+ @mixin ms-Icon--CaretBottomLeftSolid8 { content: "\F121"; }
770
+ @mixin ms-Icon--CaretBottomRightSolid8 { content: "\F122"; }