office-ui-fabric-rails 3.1.0.0 → 3.1.0.1

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.
@@ -93,20 +93,20 @@
93
93
  .ms-Icon--peopleSync,
94
94
  .ms-Icon--checkPeople,
95
95
  .ms-Icon--sortLines,
96
- .ms-Icon--triangleRight:before,
97
- .ms-Icon--triangleLeft:before,
98
- .ms-Icon--contactPublic:before,
99
- .ms-Icon--triangleEmptyRight:before,
100
- .ms-Icon--triangleEmptyLeft:before,
101
- .ms-Icon--fileDocument:before,
102
- .ms-Icon--listGroup2:before,
103
- .ms-Icon--copy:before,
104
- .ms-Icon--sections:before,
105
- .ms-Icon--arrowUpRight:before,
106
- .ms-Icon--arrowDownRight:before,
107
- .ms-Icon--arrowDownLeft:before,
108
- .ms-Icon--arrowUpLeft:before,
109
- .ms-Icon--bundle:before {
96
+ .ms-Icon--triangleRight::before,
97
+ .ms-Icon--triangleLeft::before,
98
+ .ms-Icon--contactPublic::before,
99
+ .ms-Icon--triangleEmptyRight::before,
100
+ .ms-Icon--triangleEmptyLeft::before,
101
+ .ms-Icon--fileDocument::before,
102
+ .ms-Icon--listGroup2::before,
103
+ .ms-Icon--copy::before,
104
+ .ms-Icon--sections::before,
105
+ .ms-Icon--arrowUpRight::before,
106
+ .ms-Icon--arrowDownRight::before,
107
+ .ms-Icon--arrowDownLeft::before,
108
+ .ms-Icon--arrowUpLeft::before,
109
+ .ms-Icon--bundle::before {
110
110
  -moz-transform: scaleX(-1);
111
111
  -webkit-transform: scaleX(-1);
112
112
  -o-transform: scaleX(-1);
@@ -8,7 +8,7 @@
8
8
  @import "Fabric.Utilities";
9
9
 
10
10
  // The best box is a border box.
11
- .ms-u-borderBox, .ms-u-borderBox:before, .ms-u-borderBox:after {
11
+ .ms-u-borderBox, .ms-u-borderBox::before, .ms-u-borderBox::after {
12
12
  @include ms-u-borderBox;
13
13
  }
14
14
 
@@ -12,28 +12,29 @@ $ms-color-themeDarker: #004578;
12
12
  $ms-color-themeDark: #005a9e;
13
13
  $ms-color-themeDarkAlt: #106ebe;
14
14
  $ms-color-themePrimary: #0078d7;
15
- $ms-color-themeSecondary: #2b88d8;
16
- $ms-color-themeTertiary: #71afe5;
17
- $ms-color-themeLight: #c7e0f4;
15
+ $ms-color-themeSecondary: #2488d8;
16
+ $ms-color-themeTertiary: #69afe5;
17
+ $ms-color-themeLight: #b3d6f2;
18
18
  $ms-color-themeLighter: #deecf9;
19
19
  $ms-color-themeLighterAlt: #eff6fc;
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-neutralLight: #eaeaea;
33
- $ms-color-neutralLighter: #f4f4f4;
34
- $ms-color-neutralLighterAlt: #f8f8f8;
35
- $ms-color-white: #ffffff;
36
-
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;
37
38
 
38
39
  //== Translucent Colors
39
40
  //
@@ -90,5 +91,3 @@ $ms-color-contrastBlackDisabled: #00ff00;
90
91
  $ms-color-contrastWhiteDisabled: #600000;
91
92
  $ms-color-contrastBlackSelected: #1AEBFF;
92
93
  $ms-color-contrastWhiteSelected: #37006E;
93
- $ms-color-contrastBlackLink: #8080ff;
94
- $ms-color-contrastWhiteLink: #00009F;
@@ -3,6 +3,7 @@
3
3
  @import "./Fabric.Color.Variables";
4
4
  @import "./Fabric.Grid";
5
5
  @import "./Fabric.Icons";
6
+ @import "./Fabric.i18n";
6
7
  @import "./Fabric.Mixins";
7
8
  @import "./Fabric.Mixins.RTL";
8
9
  @import './Fabric.Responsive.Utilities.Variables';
@@ -3,368 +3,317 @@
3
3
  //
4
4
  // Office UI Fabric
5
5
  // --------------------------------------------------
6
- // Icon definitions
6
+ // Icon mixin definitions
7
7
 
8
+
9
+ // Base icon definition
8
10
  @mixin ms-Icon {
9
11
  -moz-osx-font-smoothing: grayscale;
10
12
  -webkit-font-smoothing: antialiased;
11
13
  display: inline-block;
12
- font-family: 'Office365Icons';
14
+ font-family: 'FabricMDL2Icons';
13
15
  font-style: normal;
14
16
  font-weight: normal;
15
- line-height: 1;
16
17
  speak: none;
17
18
  }
18
19
 
19
20
  // Modifiers: Each of the icons.
20
- @mixin ms-Icon--circleEmpty { content: '\e000'; } // ''
21
- @mixin ms-Icon--circleFill { content: '\e001'; } // ''
22
- @mixin ms-Icon--placeholder { content: '\e002'; } // ''
23
- @mixin ms-Icon--star { content: '\e003'; } // ''
24
- @mixin ms-Icon--plus { content: '\e004'; } // ''
25
- @mixin ms-Icon--minus { content: '\e005'; } // ''
26
- @mixin ms-Icon--question { content: '\e006'; } // ''
27
- @mixin ms-Icon--exclamation { content: '\e007'; } // ''
28
- @mixin ms-Icon--person { content: '\e008'; } // ''
29
- @mixin ms-Icon--mail { content: '\e009'; } // ''
30
- @mixin ms-Icon--infoCircle { content: '\e00a'; } // ''
31
- @mixin ms-Icon--alert { content: '\e00b'; } // ''
32
- @mixin ms-Icon--xCircle { content: '\e00c'; } // ''
33
- @mixin ms-Icon--mailOpen { content: '\e00d'; } // ''
34
- @mixin ms-Icon--people { content: '\e00e'; } // ''
35
- @mixin ms-Icon--bell { content: '\e010'; } // ''
36
- @mixin ms-Icon--calendar { content: '\e011'; } // ''
37
- @mixin ms-Icon--scheduling { content: '\e012'; } // ''
38
- @mixin ms-Icon--event { content: '\e013'; } // ''
39
- @mixin ms-Icon--folder { content: '\e014'; } // ''
40
- @mixin ms-Icon--documents { content: '\e015'; } // ''
41
- @mixin ms-Icon--onedrive { content: '\e016'; } // ''
42
- @mixin ms-Icon--chat { content: '\e017'; } // ''
43
- @mixin ms-Icon--sites { content: '\e018'; } // ''
44
- @mixin ms-Icon--listBullets { content: '\e019'; } // ''
45
- @mixin ms-Icon--calendarWeek { content: '\e01a'; } // ''
46
- @mixin ms-Icon--calendarWorkWeek { content: '\e01b'; } // ''
47
- @mixin ms-Icon--calendarDay { content: '\e01c'; } // ''
48
- @mixin ms-Icon--folderMove { content: '\e01d'; } // ''
49
- @mixin ms-Icon--panel { content: '\e01e'; } // ''
50
- @mixin ms-Icon--popout { content: '\e01f'; } // ''
51
- @mixin ms-Icon--menu { content: '\e020'; } // ''
52
- @mixin ms-Icon--home { content: '\e021'; } // ''
53
- @mixin ms-Icon--favorites { content: '\e022'; } // ''
54
- @mixin ms-Icon--phone { content: '\e023'; } // ''
55
- @mixin ms-Icon--mailSend { content: '\e024'; } // ''
56
- @mixin ms-Icon--save { content: '\e025'; } // ''
57
- @mixin ms-Icon--trash { content: '\e026'; } // ''
58
- @mixin ms-Icon--pencil { content: '\e027'; } // ''
59
- @mixin ms-Icon--flag { content: '\e028'; } // ''
60
- @mixin ms-Icon--reply { content: '\e029'; } // ''
61
- @mixin ms-Icon--miniatures { content: '\e02a'; } // ''
62
- @mixin ms-Icon--voicemail { content: '\e02b'; } // ''
63
- @mixin ms-Icon--play { content: '\e02c'; } // ''
64
- @mixin ms-Icon--pause { content: '\e02d'; } // ''
65
- @mixin ms-Icon--onlineAdd { content: '\e02e'; } // ''
66
- @mixin ms-Icon--onlineJoin { content: '\e02f'; } // ''
67
- @mixin ms-Icon--replyAll { content: '\e030'; } // ''
68
- @mixin ms-Icon--attachment { content: '\e031'; } // ''
69
- @mixin ms-Icon--drm { content: '\e032'; } // ''
70
- @mixin ms-Icon--pinDown { content: '\e033'; } // ''
71
- @mixin ms-Icon--refresh { content: '\e034'; } // ''
72
- @mixin ms-Icon--gear { content: '\e035'; } // ''
73
- @mixin ms-Icon--smiley { content: '\e036'; } // ''
74
- @mixin ms-Icon--info { content: '\e037'; } // ''
75
- @mixin ms-Icon--lock { content: '\e038'; } // ''
76
- @mixin ms-Icon--search { content: '\e039'; } // ''
77
- @mixin ms-Icon--questionReverse { content: '\e03a'; } // ''
78
- @mixin ms-Icon--notRecurring { content: '\e03b'; } // ''
79
- @mixin ms-Icon--tasks { content: '\e040'; } // ''
80
- @mixin ms-Icon--check { content: '\e041'; } // ''
81
- @mixin ms-Icon--x { content: '\e042'; } // ''
82
- @mixin ms-Icon--ellipsis { content: '\e045'; } // ''
83
- @mixin ms-Icon--dot { content: '\e046'; } // ''
84
- @mixin ms-Icon--arrowUp { content: '\e047'; } // ''
85
- @mixin ms-Icon--arrowDown { content: '\e048'; } // ''
86
- @mixin ms-Icon--arrowLeft { content: '\e049'; } // ''
87
- @mixin ms-Icon--arrowRight { content: '\e04a'; } // ''
88
- @mixin ms-Icon--download { content: '\e04b'; } // ''
89
- @mixin ms-Icon--directions { content: '\e04c'; } // ''
90
- @mixin ms-Icon--microphone { content: '\e04f'; } // ''
91
- @mixin ms-Icon--caretUp { content: '\e051'; } // ''
92
- @mixin ms-Icon--caretDown { content: '\e052'; } // ''
93
- @mixin ms-Icon--caretLeft { content: '\e053'; } // ''
94
- @mixin ms-Icon--caretRight { content: '\e054'; } // ''
95
- @mixin ms-Icon--caretUpLeft { content: '\e05a'; } // ''
96
- @mixin ms-Icon--caretUpRight { content: '\e05b'; } // ''
97
- @mixin ms-Icon--caretDownRight { content: '\e05c'; } // ''
98
- @mixin ms-Icon--caretDownLeft { content: '\e05d'; } // ''
99
- @mixin ms-Icon--note { content: '\e06a'; } // ''
100
- @mixin ms-Icon--noteReply { content: '\e06b'; } // ''
101
- @mixin ms-Icon--noteForward { content: '\e06c'; } // ''
102
- @mixin ms-Icon--key { content: '\e06f'; } // ''
103
- @mixin ms-Icon--tile { content: '\e070'; } // ''
104
- @mixin ms-Icon--taskRecurring { content: '\e071'; } // ''
105
- @mixin ms-Icon--starEmpty { content: '\e073'; } // ''
106
- @mixin ms-Icon--upload { content: '\e076'; } // ''
107
- @mixin ms-Icon--wrench { content: '\e077'; } // ''
108
- @mixin ms-Icon--share { content: '\e078'; } // ''
109
- @mixin ms-Icon--documentReply { content: '\e079'; } // ''
110
- @mixin ms-Icon--documentForward { content: '\e07a'; } // ''
111
- @mixin ms-Icon--partner { content: '\e080'; } // ''
112
- @mixin ms-Icon--reactivate { content: '\e084'; } // ''
113
- @mixin ms-Icon--sort { content: '\e085'; } // ''
114
- @mixin ms-Icon--personAdd { content: '\e086'; } // ''
115
- @mixin ms-Icon--chevronUp { content: '\e087'; } // ''
116
- @mixin ms-Icon--chevronDown { content: '\e088'; } // ''
117
- @mixin ms-Icon--chevronLeft { content: '\e089'; } // ''
118
- @mixin ms-Icon--chevronRight { content: '\e08a'; } // ''
119
- @mixin ms-Icon--peopleAdd { content: '\e08c'; } // ''
120
- @mixin ms-Icon--newsfeed { content: '\e08d'; } // ''
121
- @mixin ms-Icon--notebook { content: '\e08e'; } // ''
122
- @mixin ms-Icon--link { content: '\e08f'; } // ''
123
- @mixin ms-Icon--chevronsUp { content: '\e090'; } // ''
124
- @mixin ms-Icon--chevronsDown { content: '\e091'; } // ''
125
- @mixin ms-Icon--chevronsLeft { content: '\e092'; } // ''
126
- @mixin ms-Icon--chevronsRight { content: '\e093'; } // ''
127
- @mixin ms-Icon--clutter { content: '\e09a'; } // ''
128
- @mixin ms-Icon--subscribe { content: '\e09c'; } // ''
129
- @mixin ms-Icon--unsubscribe { content: '\e09d'; } // ''
130
- @mixin ms-Icon--personRemove { content: '\e09e'; } // ''
131
- @mixin ms-Icon--receiptForward { content: '\e0a0'; } // ''
132
- @mixin ms-Icon--receiptReply { content: '\e0a1'; } // ''
133
- @mixin ms-Icon--receiptCheck { content: '\e0a2'; } // ''
134
- @mixin ms-Icon--peopleRemove { content: '\e0a3'; } // ''
135
- @mixin ms-Icon--merge { content: '\e0a4'; } // ''
136
- @mixin ms-Icon--split { content: '\e0a5'; } // ''
137
- @mixin ms-Icon--eventCancel { content: '\e0a6'; } // ''
138
- @mixin ms-Icon--eventShare { content: '\e0a7'; } // ''
139
- @mixin ms-Icon--today { content: '\e0a9'; } // ''
140
- @mixin ms-Icon--oofReply { content: '\e0aa'; } // ''
141
- @mixin ms-Icon--voicemailReply { content: '\e0ac'; } // ''
142
- @mixin ms-Icon--voicemailForward { content: '\e0ad'; } // ''
143
- @mixin ms-Icon--ribbon { content: '\e0af'; } // ''
144
- @mixin ms-Icon--contact { content: '\e0b0'; } // ''
145
- @mixin ms-Icon--eye { content: '\e0b1'; } // ''
146
- @mixin ms-Icon--glasses { content: '\e0b2'; } // ''
147
- @mixin ms-Icon--print { content: '\e100'; } // ''
148
- @mixin ms-Icon--room { content: '\e101'; } // ''
149
- @mixin ms-Icon--post { content: '\e102'; } // ''
150
- @mixin ms-Icon--toggle { content: '\e103'; } // ''
151
- @mixin ms-Icon--touch { content: '\e104'; } // ''
152
- @mixin ms-Icon--clock { content: '\e105'; } // ''
153
- @mixin ms-Icon--fax { content: '\e106'; } // ''
154
- @mixin ms-Icon--lightning { content: '\e110'; } // ''
155
- @mixin ms-Icon--dialpad { content: '\e111'; } // ''
156
- @mixin ms-Icon--phoneTransfer { content: '\e112'; } // ''
157
- @mixin ms-Icon--phoneAdd { content: '\e113'; } // ''
158
- @mixin ms-Icon--late { content: '\e114'; } // ''
159
- @mixin ms-Icon--chatAdd { content: '\e115'; } // ''
160
- @mixin ms-Icon--conflict { content: '\e116'; } // ''
161
- @mixin ms-Icon--navigate { content: '\e117'; } // ''
162
- @mixin ms-Icon--camera { content: '\e119'; } // ''
163
- @mixin ms-Icon--filter { content: '\e11a'; } // ''
164
- @mixin ms-Icon--fullscreen { content: '\e11b'; } // ''
165
- @mixin ms-Icon--new { content: '\e11c'; } // ''
166
- @mixin ms-Icon--mailEmpty { content: '\e11d'; } // ''
167
- @mixin ms-Icon--editBox { content: '\e11e'; } // ''
168
- @mixin ms-Icon--waffle { content: '\e11f'; } // ''
169
- @mixin ms-Icon--work { content: '\e120'; } // ''
170
- @mixin ms-Icon--eventRecurring { content: '\e121'; } // ''
171
- @mixin ms-Icon--cart { content: '\e122'; } // ''
172
- @mixin ms-Icon--socialListening { content: '\e123'; } // ''
173
- @mixin ms-Icon--mapMarker { content: '\e124'; } // ''
174
- @mixin ms-Icon--org { content: '\e125'; } // ''
175
- @mixin ms-Icon--replyAlt { content: '\e150'; } // ''
176
- @mixin ms-Icon--replyAllAlt { content: '\e152'; } // ''
177
- @mixin ms-Icon--eventInfo { content: '\e154'; } // ''
178
- @mixin ms-Icon--group { content: '\e155'; } // ''
179
- @mixin ms-Icon--money { content: '\e161'; } // ''
180
- @mixin ms-Icon--graph { content: '\e162'; } // ''
181
- @mixin ms-Icon--noteEdit { content: '\e163'; } // ''
182
- @mixin ms-Icon--dashboard { content: '\e164'; } // ''
183
- @mixin ms-Icon--mailEdit { content: '\e165'; } // ''
184
- @mixin ms-Icon--pinLeft { content: '\e167'; } // ''
185
- @mixin ms-Icon--heart { content: '\e16a'; } // ''
186
- @mixin ms-Icon--heartEmpty { content: '\e16b'; } // ''
187
- @mixin ms-Icon--picture { content: '\e16c'; } // ''
188
- @mixin ms-Icon--cake { content: '\e16d'; } // ''
189
- @mixin ms-Icon--books { content: '\e16e'; } // ''
190
- @mixin ms-Icon--chart { content: '\e16f'; } // ''
191
- @mixin ms-Icon--video { content: '\e170'; } // ''
192
- @mixin ms-Icon--soccer { content: '\e171'; } // ''
193
- @mixin ms-Icon--meal { content: '\e172'; } // ''
194
- @mixin ms-Icon--balloon { content: '\e173'; } // ''
195
- @mixin ms-Icon--cat { content: '\e174'; } // ''
196
- @mixin ms-Icon--dog { content: '\e175'; } // ''
197
- @mixin ms-Icon--bag { content: '\e176'; } // ''
198
- @mixin ms-Icon--music { content: '\e177'; } // ''
199
- @mixin ms-Icon--stopwatch { content: '\e178'; } // ''
200
- @mixin ms-Icon--coffee { content: '\e179'; } // ''
201
- @mixin ms-Icon--briefcase { content: '\e17a'; } // ''
202
- @mixin ms-Icon--pill { content: '\e17b'; } // ''
203
- @mixin ms-Icon--trophy { content: '\e17c'; } // ''
204
- @mixin ms-Icon--firstAid { content: '\e17d'; } // ''
205
- @mixin ms-Icon--plane { content: '\e17e'; } // ''
206
- @mixin ms-Icon--page { content: '\e17f'; } // ''
207
- @mixin ms-Icon--car { content: '\e180'; } // ''
208
- @mixin ms-Icon--dogAlt { content: '\e181'; } // ''
209
- @mixin ms-Icon--document { content: '\e182'; } // ''
210
- @mixin ms-Icon--metadata { content: '\e183'; } // ''
211
- @mixin ms-Icon--pointItem { content: '\e184'; } // ''
212
- @mixin ms-Icon--text { content: '\e185'; } // ''
213
- @mixin ms-Icon--fieldText { content: '\e186'; } // ''
214
- @mixin ms-Icon--fieldNumber { content: '\e187'; } // ''
215
- @mixin ms-Icon--dropdown { content: '\e188'; } // ''
216
- @mixin ms-Icon--radioButton { content: '\e189'; } // ''
217
- @mixin ms-Icon--checkbox { content: '\e18a'; } // ''
218
- @mixin ms-Icon--story { content: '\e18b'; } // ''
219
- @mixin ms-Icon--bold { content: '\e18c'; } // ''
220
- @mixin ms-Icon--italic { content: '\e18d'; } // ''
221
- @mixin ms-Icon--underline { content: '\e18e'; } // ''
222
- @mixin ms-Icon--quote { content: '\e18f'; } // ''
223
- @mixin ms-Icon--styleRemove { content: '\e190'; } // ''
224
- @mixin ms-Icon--pictureAdd { content: '\e191'; } // ''
225
- @mixin ms-Icon--pictureRemove { content: '\e192'; } // ''
226
- @mixin ms-Icon--desktop { content: '\e193'; } // ''
227
- @mixin ms-Icon--tablet { content: '\e194'; } // ''
228
- @mixin ms-Icon--mobile { content: '\e195'; } // ''
229
- @mixin ms-Icon--table { content: '\e196'; } // ''
230
- @mixin ms-Icon--hide { content: '\e197'; } // ''
231
- @mixin ms-Icon--shield { content: '\e198'; } // ''
232
- @mixin ms-Icon--header { content: '\e19a'; } // ''
233
- @mixin ms-Icon--paint { content: '\e19b'; } // ''
234
- @mixin ms-Icon--support { content: '\e19c'; } // ''
235
- @mixin ms-Icon--settings { content: '\e19d'; } // ''
236
- @mixin ms-Icon--creditCard { content: '\e19e'; } // ''
237
- @mixin ms-Icon--reload { content: '\e19f'; } // ''
238
- @mixin ms-Icon--peopleSecurity { content: '\e200'; } // ''
239
- @mixin ms-Icon--fieldTextBox { content: '\e203'; } // ''
240
- @mixin ms-Icon--multiChoice { content: '\e204'; } // ''
241
- @mixin ms-Icon--fieldMail { content: '\e205'; } // ''
242
- @mixin ms-Icon--contactForm { content: '\e206'; } // ''
243
- @mixin ms-Icon--circleHalfFilled { content: '\e207'; } // ''
244
- @mixin ms-Icon--documentPDF { content: '\e208'; } // ''
245
- @mixin ms-Icon--bookmark { content: '\e209'; } // ''
246
- @mixin ms-Icon--circleUnfilled { content: '\e20b'; } // ''
247
- @mixin ms-Icon--circleFilled { content: '\e20c'; } // ''
248
- @mixin ms-Icon--textBox { content: '\e20e'; } // ''
249
- @mixin ms-Icon--drop { content: '\e20f'; } // ''
250
- @mixin ms-Icon--sun { content: '\e210'; } // ''
251
- @mixin ms-Icon--lifesaver { content: '\e211'; } // ''
252
- @mixin ms-Icon--lifesaverLock { content: '\e212'; } // ''
253
- @mixin ms-Icon--mailUnread { content: '\e213'; } // ''
254
- @mixin ms-Icon--mailRead { content: '\e214'; } // ''
255
- @mixin ms-Icon--inboxCheck { content: '\e215'; } // ''
256
- @mixin ms-Icon--folderSearch { content: '\e216'; } // ''
257
- @mixin ms-Icon--collapse { content: '\e217'; } // ''
258
- @mixin ms-Icon--expand { content: '\e218'; } // ''
259
- @mixin ms-Icon--ascending { content: '\e219'; } // ''
260
- @mixin ms-Icon--descending { content: '\e21a'; } // ''
261
- @mixin ms-Icon--filterClear { content: '\e21b'; } // ''
262
- @mixin ms-Icon--checkboxEmpty { content: '\e21c'; } // ''
263
- @mixin ms-Icon--checkboxMixed { content: '\e21d'; } // ''
264
- @mixin ms-Icon--boards { content: '\e21e'; } // ''
265
- @mixin ms-Icon--checkboxCheck { content: '\e21f'; } // ''
266
- @mixin ms-Icon--frowny { content: '\e220'; } // ''
267
- @mixin ms-Icon--lightBulb { content: '\e221'; } // ''
268
- @mixin ms-Icon--globe { content: '\e222'; } // ''
269
- @mixin ms-Icon--deviceWipe { content: '\e223'; } // ''
270
- @mixin ms-Icon--listCheck { content: '\e226'; } // ''
271
- @mixin ms-Icon--listGroup { content: '\e227'; } // ''
272
- @mixin ms-Icon--timeline { content: '\e228'; } // ''
273
- @mixin ms-Icon--fontIncrease { content: '\e229'; } // ''
274
- @mixin ms-Icon--fontDecrease { content: '\e22a'; } // ''
275
- @mixin ms-Icon--fontColor { content: '\e22b'; } // ''
276
- @mixin ms-Icon--mailCheck { content: '\e22c'; } // ''
277
- @mixin ms-Icon--mailDown { content: '\e22d'; } // ''
278
- @mixin ms-Icon--listCheckbox { content: '\e22e'; } // ''
279
- @mixin ms-Icon--sunAdd { content: '\e22f'; } // ''
280
- @mixin ms-Icon--sunQuestion { content: '\e230'; } // ''
281
- @mixin ms-Icon--chevronThinUp { content: '\e231'; } // ''
282
- @mixin ms-Icon--chevronThinDown { content: '\e232'; } // ''
283
- @mixin ms-Icon--chevronThinLeft { content: '\e233'; } // ''
284
- @mixin ms-Icon--chevronThinRight { content: '\e234'; } // ''
285
- @mixin ms-Icon--chevronThickUp { content: '\e235'; } // ''
286
- @mixin ms-Icon--chevronThickDown { content: '\e236'; } // ''
287
- @mixin ms-Icon--chevronThickLeft { content: '\e237'; } // ''
288
- @mixin ms-Icon--chevronThickRight { content: '\e238'; } // ''
289
- @mixin ms-Icon--linkRemove { content: '\e239'; } // ''
290
- @mixin ms-Icon--alertOutline { content: '\e23b'; } // ''
291
- @mixin ms-Icon--documentLandscape { content: '\e23c'; } // ''
292
- @mixin ms-Icon--documentAdd { content: '\e23d'; } // ''
293
- @mixin ms-Icon--toggleMiddle { content: '\e23e'; } // ''
294
- @mixin ms-Icon--embed { content: '\e23f'; } // ''
295
- @mixin ms-Icon--listNumbered { content: '\e240'; } // ''
296
- @mixin ms-Icon--peopleCheck { content: '\e242'; } // ''
297
- @mixin ms-Icon--caretUpOutline { content: '\e243'; } // ''
298
- @mixin ms-Icon--caretDownOutline { content: '\e244'; } // ''
299
- @mixin ms-Icon--caretLeftOutline { content: '\e245'; } // ''
300
- @mixin ms-Icon--caretRightOutline { content: '\e246'; } // ''
301
- @mixin ms-Icon--mailSync { content: '\e248'; } // ''
302
- @mixin ms-Icon--mailError { content: '\e249'; } // ''
303
- @mixin ms-Icon--mailPause { content: '\e24a'; } // ''
304
- @mixin ms-Icon--peopleSync { content: '\e24b'; } // ''
305
- @mixin ms-Icon--peopleError { content: '\e24c'; } // ''
306
- @mixin ms-Icon--peoplePause { content: '\e24d'; } // ''
307
- @mixin ms-Icon--circleBall { content: '\e24e'; } // ''
308
- @mixin ms-Icon--circleBalloons { content: '\e24f'; } // ''
309
- @mixin ms-Icon--circleCar { content: '\e250'; } // ''
310
- @mixin ms-Icon--circleCat { content: '\e251'; } // ''
311
- @mixin ms-Icon--circleCoffee { content: '\e252'; } // ''
312
- @mixin ms-Icon--circleDog { content: '\e253'; } // ''
313
- @mixin ms-Icon--circleLightning { content: '\e254'; } // ''
314
- @mixin ms-Icon--circlePill { content: '\e255'; } // ''
315
- @mixin ms-Icon--circlePlane { content: '\e256'; } // ''
316
- @mixin ms-Icon--circlePoodle { content: '\e257'; } // ''
317
- @mixin ms-Icon--checkPeople { content: '\e259'; } // ''
318
- @mixin ms-Icon--documentSearch { content: '\e25a'; } // ''
319
- @mixin ms-Icon--sortLines { content: '\e25c'; } // ''
320
- @mixin ms-Icon--calendarPublic { content: '\e25d'; } // ''
321
- @mixin ms-Icon--contactPublic { content: '\e25e'; } // ''
322
- @mixin ms-Icon--classNotebook { content: '\e25f'; } // ''
323
- @mixin ms-Icon--triangleUp { content: '\e260'; } // ''
324
- @mixin ms-Icon--triangleRight { content: '\e261'; } // ''
325
- @mixin ms-Icon--triangleDown { content: '\e262'; } // ''
326
- @mixin ms-Icon--triangleLeft { content: '\e263'; } // ''
327
- @mixin ms-Icon--triangleEmptyUp { content: '\e264'; } // ''
328
- @mixin ms-Icon--triangleEmptyRight { content: '\e265'; } // ''
329
- @mixin ms-Icon--triangleEmptyDown { content: '\e266'; } // ''
330
- @mixin ms-Icon--triangleEmptyLeft { content: '\e267'; } // ''
331
- @mixin ms-Icon--filePDF { content: '\e268'; } // ''
332
- @mixin ms-Icon--fileImage { content: '\e26c'; } // ''
333
- @mixin ms-Icon--fileDocument { content: '\e26d'; } // ''
334
- @mixin ms-Icon--listGroup2 { content: '\e26e'; } // ''
335
- @mixin ms-Icon--copy { content: '\e26f'; } // ''
336
- @mixin ms-Icon--creditCardOutline { content: '\e270'; } // ''
337
- @mixin ms-Icon--mailPublic { content: '\e272'; } // ''
338
- @mixin ms-Icon--folderPublic { content: '\e273'; } // ''
339
- @mixin ms-Icon--teamwork { content: '\e274'; } // ''
340
- @mixin ms-Icon--move { content: '\e275'; } // ''
341
- @mixin ms-Icon--classroom { content: '\e276'; } // ''
342
- @mixin ms-Icon--menu2 { content: '\e277'; } // ''
343
- @mixin ms-Icon--plus2 { content: '\e278'; } // ''
344
- @mixin ms-Icon--tag { content: '\e279'; } // ''
345
- @mixin ms-Icon--arrowUp2 { content: '\e27a'; } // ''
346
- @mixin ms-Icon--arrowDown2 { content: '\e27b'; } // ''
347
- @mixin ms-Icon--circlePlus { content: '\e27c'; } // ''
348
- @mixin ms-Icon--circleInfo { content: '\e27d'; } // ''
349
- @mixin ms-Icon--section { content: '\e27e'; } // ''
350
- @mixin ms-Icon--sections { content: '\e27f'; } // ''
351
- @mixin ms-Icon--at { content: '\e282'; } // ''
352
- @mixin ms-Icon--arrowUpRight { content: '\e283'; } // ''
353
- @mixin ms-Icon--arrowDownRight { content: '\e284'; } // ''
354
- @mixin ms-Icon--arrowDownLeft { content: '\e285'; } // ''
355
- @mixin ms-Icon--arrowUpLeft { content: '\e286'; } // ''
356
- @mixin ms-Icon--bundle { content: '\e287'; } // ''
357
- @mixin ms-Icon--pictureEdit { content: '\e288'; } // ''
358
- @mixin ms-Icon--protectionCenter { content: '\e289'; } // ''
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'; } // ''
21
+ @mixin ms-Icon--GlobalNavButton { content: "\E700"; }
22
+ @mixin ms-Icon--MapPin { content: "\E707"; }
23
+ @mixin ms-Icon--Airplane { content: "\E709"; }
24
+ @mixin ms-Icon--Tablet { content: "\E70A"; }
25
+ @mixin ms-Icon--QuickNote { content: "\E70B"; }
26
+ @mixin ms-Icon--ChevronDown { content: "\E70D"; }
27
+ @mixin ms-Icon--ChevronUp { content: "\E70E"; }
28
+ @mixin ms-Icon--Edit { content: "\E70F"; }
29
+ @mixin ms-Icon--Add { content: "\E710"; }
30
+ @mixin ms-Icon--Cancel { content: "\E711"; }
31
+ @mixin ms-Icon--More { content: "\E712"; }
32
+ @mixin ms-Icon--Settings { content: "\E713"; }
33
+ @mixin ms-Icon--Video { content: "\E714"; }
34
+ @mixin ms-Icon--Mail { content: "\E715"; }
35
+ @mixin ms-Icon--People { content: "\E716"; }
36
+ @mixin ms-Icon--Phone { content: "\E717"; }
37
+ @mixin ms-Icon--Pin { content: "\E718"; }
38
+ @mixin ms-Icon--Shop { content: "\E719"; }
39
+ @mixin ms-Icon--Link { content: "\E71B"; }
40
+ @mixin ms-Icon--Filter { content: "\E71C"; }
41
+ @mixin ms-Icon--Zoom { content: "\E71E"; }
42
+ @mixin ms-Icon--Microphone { content: "\E720"; }
43
+ @mixin ms-Icon--Search { content: "\E721"; }
44
+ @mixin ms-Icon--Camera { content: "\E722"; }
45
+ @mixin ms-Icon--Attach { content: "\E723"; }
46
+ @mixin ms-Icon--Send { content: "\E724"; }
47
+ @mixin ms-Icon--PageFill { content: "\E729"; }
48
+ @mixin ms-Icon--Forward { content: "\E72A"; }
49
+ @mixin ms-Icon--Back { content: "\E72B"; }
50
+ @mixin ms-Icon--Refresh { content: "\E72C"; }
51
+ @mixin ms-Icon--Share { content: "\E72D"; }
52
+ @mixin ms-Icon--Lock { content: "\E72E"; }
53
+ @mixin ms-Icon--Blocked { content: "\E733"; }
54
+ @mixin ms-Icon--Blocked2 { content: "\ECE4"; }
55
+ @mixin ms-Icon--FavoriteStar { content: "\E734"; }
56
+ @mixin ms-Icon--FavoriteStarFill { content: "\E735"; }
57
+ @mixin ms-Icon--ReadingMode { content: "\E736"; }
58
+ @mixin ms-Icon--Remove { content: "\E738"; }
59
+ @mixin ms-Icon--Checkbox { content: "\E739"; }
60
+ @mixin ms-Icon--CheckboxComposite { content: "\E73A"; }
61
+ @mixin ms-Icon--CheckboxIndeterminate { content: "\E73C"; }
62
+ @mixin ms-Icon--CheckMark { content: "\E73E"; }
63
+ @mixin ms-Icon--BackToWindow { content: "\E73F"; }
64
+ @mixin ms-Icon--FullScreen { content: "\E740"; }
65
+ @mixin ms-Icon--Print { content: "\E749"; }
66
+ @mixin ms-Icon--Up { content: "\E74A"; }
67
+ @mixin ms-Icon--Down { content: "\E74B"; }
68
+ @mixin ms-Icon--Delete { content: "\E74D"; }
69
+ @mixin ms-Icon--Save { content: "\E74E"; }
70
+ @mixin ms-Icon--Sad { content: "\E757"; }
71
+ @mixin ms-Icon--SIPMove { content: "\E759"; }
72
+ @mixin ms-Icon--EraseTool { content: "\E75C"; }
73
+ @mixin ms-Icon--GripperTool { content: "\E75E"; }
74
+ @mixin ms-Icon--Dialpad { content: "\E75F"; }
75
+ @mixin ms-Icon--PageLeft { content: "\E760"; }
76
+ @mixin ms-Icon--PageRight { content: "\E761"; }
77
+ @mixin ms-Icon--MultiSelect { content: "\E762"; }
78
+ @mixin ms-Icon--Play { content: "\E768"; }
79
+ @mixin ms-Icon--Pause { content: "\E769"; }
80
+ @mixin ms-Icon--ChevronLeft { content: "\E76B"; }
81
+ @mixin ms-Icon--ChevronRight { content: "\E76C"; }
82
+ @mixin ms-Icon--Emoji2 { content: "\E76E"; }
83
+ @mixin ms-Icon--System { content: "\E770"; }
84
+ @mixin ms-Icon--Globe { content: "\E774"; }
85
+ @mixin ms-Icon--ContactInfo { content: "\E779"; }
86
+ @mixin ms-Icon--Unpin { content: "\E77A"; }
87
+ @mixin ms-Icon--Contact { content: "\E77B"; }
88
+ @mixin ms-Icon--Memo { content: "\E77C"; }
89
+ @mixin ms-Icon--Unlock { content: "\E785"; }
90
+ @mixin ms-Icon--Calendar { content: "\E787"; }
91
+ @mixin ms-Icon--SaveAs { content: "\E792"; }
92
+ @mixin ms-Icon--Filters { content: "\E795"; }
93
+ @mixin ms-Icon--Contrast { content: "\E7A1"; }
94
+ @mixin ms-Icon--Rotate { content: "\E7AD"; }
95
+ @mixin ms-Icon--PanoIndicator { content: "\E7B0"; }
96
+ @mixin ms-Icon--Warning { content: "\E7BA"; }
97
+ @mixin ms-Icon--Financial { content: "\E7BB"; }
98
+ @mixin ms-Icon--ShoppingCart { content: "\E7BF"; }
99
+ @mixin ms-Icon--Flag { content: "\E7C1"; }
100
+ @mixin ms-Icon--Move { content: "\E7C2"; }
101
+ @mixin ms-Icon--Page { content: "\E7C3"; }
102
+ @mixin ms-Icon--TouchPointer { content: "\E7C9"; }
103
+ @mixin ms-Icon--Merge { content: "\E7D5"; }
104
+ @mixin ms-Icon--Admin { content: "\E7EF"; }
105
+ @mixin ms-Icon--TVMonitor { content: "\E7F4"; }
106
+ @mixin ms-Icon--Car { content: "\E804"; }
107
+ @mixin ms-Icon--EatDrink { content: "\E807"; }
108
+ @mixin ms-Icon--LocationCircle { content: "\E80E"; }
109
+ @mixin ms-Icon--Home { content: "\E80F"; }
110
+ @mixin ms-Icon--SwitcherStartEnd { content: "\E810"; }
111
+ @mixin ms-Icon--IncidentTriangle { content: "\E814"; }
112
+ @mixin ms-Icon--MapDirections { content: "\E816"; }
113
+ @mixin ms-Icon--Location { content: "\E81D"; }
114
+ @mixin ms-Icon--Work { content: "\E821"; }
115
+ @mixin ms-Icon--Recent { content: "\E823"; }
116
+ @mixin ms-Icon--LocationDot { content: "\E827"; }
117
+ @mixin ms-Icon--News { content: "\E900"; }
118
+ @mixin ms-Icon--Chat { content: "\E901"; }
119
+ @mixin ms-Icon--Group { content: "\E902"; }
120
+ @mixin ms-Icon--View { content: "\E890"; }
121
+ @mixin ms-Icon--Clear { content: "\E894"; }
122
+ @mixin ms-Icon--Sync { content: "\E895"; }
123
+ @mixin ms-Icon--Download { content: "\E896"; }
124
+ @mixin ms-Icon--Help { content: "\E897"; }
125
+ @mixin ms-Icon--Upload { content: "\E898"; }
126
+ @mixin ms-Icon--Emoji { content: "\E899"; }
127
+ @mixin ms-Icon--ClosePane { content: "\E89F"; }
128
+ @mixin ms-Icon--OpenPane { content: "\E8A0"; }
129
+ @mixin ms-Icon--PreviewLink { content: "\E8A1"; }
130
+ @mixin ms-Icon--Bookmarks { content: "\E8A4"; }
131
+ @mixin ms-Icon--Document { content: "\E8A5"; }
132
+ @mixin ms-Icon--ProtectedDocument { content: "\E8A6"; }
133
+ @mixin ms-Icon--OpenInNewWindow { content: "\E8A7"; }
134
+ @mixin ms-Icon--MailFill { content: "\E8A8"; }
135
+ @mixin ms-Icon--Rename { content: "\E8AC"; }
136
+ @mixin ms-Icon--Folder { content: "\E8B7"; }
137
+ @mixin ms-Icon--Picture { content: "\E8B9"; }
138
+ @mixin ms-Icon--ShowResults { content: "\E8BC"; }
139
+ @mixin ms-Icon--Message { content: "\E8BD"; }
140
+ @mixin ms-Icon--CalendarDay { content: "\E8BF"; }
141
+ @mixin ms-Icon--CalendarWeek { content: "\E8C0"; }
142
+ @mixin ms-Icon--MailReplyAll { content: "\E8C2"; }
143
+ @mixin ms-Icon--Read { content: "\E8C3"; }
144
+ @mixin ms-Icon--PaymentCard { content: "\E8C7"; }
145
+ @mixin ms-Icon--Copy { content: "\E8C8"; }
146
+ @mixin ms-Icon--Important { content: "\E8C9"; }
147
+ @mixin ms-Icon--MailReply { content: "\E8CA"; }
148
+ @mixin ms-Icon--Sort { content: "\E8CB"; }
149
+ @mixin ms-Icon--GotoToday { content: "\E8D1"; }
150
+ @mixin ms-Icon--Font { content: "\E8D2"; }
151
+ @mixin ms-Icon--FontColor { content: "\E8D3"; }
152
+ @mixin ms-Icon--FolderFill { content: "\E8D5"; }
153
+ @mixin ms-Icon--Permissions { content: "\E8D7"; }
154
+ @mixin ms-Icon--DisableUpdates { content: "\E8D8"; }
155
+ @mixin ms-Icon--Italic { content: "\E8DB"; }
156
+ @mixin ms-Icon--Underline { content: "\E8DC"; }
157
+ @mixin ms-Icon--Bold { content: "\E8DD"; }
158
+ @mixin ms-Icon--MoveToFolder { content: "\E8DE"; }
159
+ @mixin ms-Icon--OpenFile { content: "\E8E5"; }
160
+ @mixin ms-Icon--FontDecrease { content: "\E8E7"; }
161
+ @mixin ms-Icon--FontIncrease { content: "\E8E8"; }
162
+ @mixin ms-Icon--CellPhone { content: "\E8EA"; }
163
+ @mixin ms-Icon--Tag { content: "\E8EC"; }
164
+ @mixin ms-Icon--Library { content: "\E8F1"; }
165
+ @mixin ms-Icon--PostUpdate { content: "\E8F3"; }
166
+ @mixin ms-Icon--NewFolder { content: "\E8F4"; }
167
+ @mixin ms-Icon--UnsyncFolder { content: "\E8F6"; }
168
+ @mixin ms-Icon--SyncFolder { content: "\E8F7"; }
169
+ @mixin ms-Icon--BlockContact { content: "\E8F8"; }
170
+ @mixin ms-Icon--AddFriend { content: "\E8FA"; }
171
+ @mixin ms-Icon--BulletedList { content: "\E8FD"; }
172
+ @mixin ms-Icon--Preview { content: "\E8FF"; }
173
+ @mixin ms-Icon--DockLeft { content: "\E90C"; }
174
+ @mixin ms-Icon--DockRight { content: "\E90D"; }
175
+ @mixin ms-Icon--Repair { content: "\E90F"; }
176
+ @mixin ms-Icon--RadioBullet { content: "\E915"; }
177
+ @mixin ms-Icon--Stopwatch { content: "\E916"; }
178
+ @mixin ms-Icon--Clock { content: "\E917"; }
179
+ @mixin ms-Icon--AlarmClock { content: "\E919"; }
180
+ @mixin ms-Icon--Hospital { content: "\E91D"; }
181
+ @mixin ms-Icon--Timer { content: "\E91E"; }
182
+ @mixin ms-Icon--FullCircleMask { content: "\E91F"; }
183
+ @mixin ms-Icon--LocationFill { content: "\E920"; }
184
+ @mixin ms-Icon--ChromeMinimize { content: "\E921"; }
185
+ @mixin ms-Icon--ChromeClose { content: "\E8BB"; }
186
+ @mixin ms-Icon--Accept { content: "\E8FB"; }
187
+ @mixin ms-Icon--Handwriting { content: "\E929"; }
188
+ @mixin ms-Icon--StackIndicator { content: "\E7FF"; }
189
+ @mixin ms-Icon--Completed { content: "\E930"; }
190
+ @mixin ms-Icon--Label { content: "\E932"; }
191
+ @mixin ms-Icon--FlickDown { content: "\E935"; }
192
+ @mixin ms-Icon--FlickUp { content: "\E936"; }
193
+ @mixin ms-Icon--FlickLeft { content: "\E937"; }
194
+ @mixin ms-Icon--FlickRight { content: "\E938"; }
195
+ @mixin ms-Icon--LightningBolt { content: "\E945"; }
196
+ @mixin ms-Icon--Info { content: "\E946"; }
197
+ @mixin ms-Icon--CalculatorAddition { content: "\E948"; }
198
+ @mixin ms-Icon--CalculatorSubtract { content: "\E949"; }
199
+ @mixin ms-Icon--PrintfaxPrinterFile { content: "\E956"; }
200
+ @mixin ms-Icon--ChevronUpSmall { content: "\E96D"; }
201
+ @mixin ms-Icon--ChevronDownSmall { content: "\E96E"; }
202
+ @mixin ms-Icon--ChevronLeftSmall { content: "\E96F"; }
203
+ @mixin ms-Icon--ChevronRightSmall { content: "\E970"; }
204
+ @mixin ms-Icon--ChevronUpMed { content: "\E971"; }
205
+ @mixin ms-Icon--ChevronDownMed { content: "\E972"; }
206
+ @mixin ms-Icon--ChevronLeftMed { content: "\E973"; }
207
+ @mixin ms-Icon--ChevronRightMed { content: "\E974"; }
208
+ @mixin ms-Icon--ChromeBack { content: "\E830"; }
209
+ @mixin ms-Icon--PC1 { content: "\E977"; }
210
+ @mixin ms-Icon--PresenceChickletVideo { content: "\E979"; }
211
+ @mixin ms-Icon--Reply { content: "\E97A"; }
212
+ @mixin ms-Icon--DoubleChevronDown { content: "\E98B"; }
213
+ @mixin ms-Icon--DoubleChevronLeftMed { content: "\E991"; }
214
+ @mixin ms-Icon--CaretHollow { content: "\E817"; }
215
+ @mixin ms-Icon--CaretSolid { content: "\E818"; }
216
+ @mixin ms-Icon--Pinned { content: "\E840"; }
217
+ @mixin ms-Icon--PinnedFill { content: "\E842"; }
218
+ @mixin ms-Icon--Chart { content: "\E999"; }
219
+ @mixin ms-Icon--RevToggleKey { content: "\E845"; }
220
+ @mixin ms-Icon--RightDoubleQuote { content: "\E9B1"; }
221
+ @mixin ms-Icon--Sunny { content: "\E9BD"; }
222
+ @mixin ms-Icon--Ringer { content: "\EA8F"; }
223
+ @mixin ms-Icon--PDF { content: "\EA90"; }
224
+ @mixin ms-Icon--SortLines { content: "\E9D0"; }
225
+ @mixin ms-Icon--Ribbon { content: "\E9D1"; }
226
+ @mixin ms-Icon--Info2 { content: "\EA1F"; }
227
+ @mixin ms-Icon--MultiSelectMirrored { content: "\EA98"; }
228
+ @mixin ms-Icon--Broom { content: "\EA99"; }
229
+ @mixin ms-Icon--MusicInCollectionFill { content: "\EA36"; }
230
+ @mixin ms-Icon--List { content: "\EA37"; }
231
+ @mixin ms-Icon--Asterisk { content: "\EA38"; }
232
+ @mixin ms-Icon--ErrorBadge { content: "\EA39"; }
233
+ @mixin ms-Icon--CircleRing { content: "\EA3A"; }
234
+ @mixin ms-Icon--CircleFill { content: "\EA3B"; }
235
+ @mixin ms-Icon--BookmarksMirrored { content: "\EA41"; }
236
+ @mixin ms-Icon--BulletedListMirrored { content: "\EA42"; }
237
+ @mixin ms-Icon--CaretHollowMirrored { content: "\EA45"; }
238
+ @mixin ms-Icon--CaretSolidMirrored { content: "\EA46"; }
239
+ @mixin ms-Icon--ChromeBackMirrored { content: "\EA47"; }
240
+ @mixin ms-Icon--ClosePaneMirrored { content: "\EA49"; }
241
+ @mixin ms-Icon--DockLeftMirrored { content: "\EA4C"; }
242
+ @mixin ms-Icon--DoubleChevronLeftMedMirrored { content: "\EA4D"; }
243
+ @mixin ms-Icon--HelpMirrored { content: "\EA51"; }
244
+ @mixin ms-Icon--ListMirrored { content: "\EA55"; }
245
+ @mixin ms-Icon--MailReplyMirrored { content: "\EA57"; }
246
+ @mixin ms-Icon--MailReplyAllMirrored { content: "\EA58"; }
247
+ @mixin ms-Icon--OpenPaneMirrored { content: "\EA5B"; }
248
+ @mixin ms-Icon--ShowResultsMirrored { content: "\EA65"; }
249
+ @mixin ms-Icon--Lightbulb { content: "\EA80"; }
250
+ @mixin ms-Icon--StatusTriangle { content: "\EA82"; }
251
+ @mixin ms-Icon--EmojiNeutral { content: "\EA87"; }
252
+ @mixin ms-Icon--EmojiDisappointed { content: "\EA88"; }
253
+ @mixin ms-Icon--HomeSolid { content: "\EA8A"; }
254
+ @mixin ms-Icon--Articles { content: "\EAC1"; }
255
+ @mixin ms-Icon--DietPlanNotebook { content: "\EAC8"; }
256
+ @mixin ms-Icon--DrugLookUp { content: "\EACB"; }
257
+ @mixin ms-Icon--Running { content: "\EADA"; }
258
+ @mixin ms-Icon--CirclePlus { content: "\EAEE"; }
259
+ @mixin ms-Icon--Coffee { content: "\EAEF"; }
260
+ @mixin ms-Icon--Money { content: "\EAFD"; }
261
+ @mixin ms-Icon--StockDown { content: "\EB0F"; }
262
+ @mixin ms-Icon--StockUp { content: "\EB11"; }
263
+ @mixin ms-Icon--Soccer { content: "\EB21"; }
264
+ @mixin ms-Icon--AutoRacing { content: "\EB24"; }
265
+ @mixin ms-Icon--Drop { content: "\EB42"; }
266
+ @mixin ms-Icon--Heart { content: "\EB51"; }
267
+ @mixin ms-Icon--HeartFill { content: "\EB52"; }
268
+ @mixin ms-Icon--Door { content: "\EB75"; }
269
+ @mixin ms-Icon--DoubleBookmark { content: "\EB8F"; }
270
+ @mixin ms-Icon--Certificate { content: "\EB95"; }
271
+ @mixin ms-Icon--Photo2 { content: "\EB9F"; }
272
+ @mixin ms-Icon--CloudDownload { content: "\EBD3"; }
273
+ @mixin ms-Icon--WindDirection { content: "\EBE6"; }
274
+ @mixin ms-Icon--CSS { content: "\EBEF"; }
275
+ @mixin ms-Icon--JS { content: "\EBF0"; }
276
+ @mixin ms-Icon--Section { content: "\EC0C"; }
277
+ @mixin ms-Icon--ToggleFilled { content: "\EC11"; }
278
+ @mixin ms-Icon--ToggleBorder { content: "\EC12"; }
279
+ @mixin ms-Icon--SliderThumb { content: "\EC13"; }
280
+ @mixin ms-Icon--ToggleThumb { content: "\EC14"; }
281
+ @mixin ms-Icon--Documentation { content: "\EC17"; }
282
+ @mixin ms-Icon--Badge { content: "\EC1B"; }
283
+ @mixin ms-Icon--AlbumRemove { content: "\EC62"; }
284
+ @mixin ms-Icon--MessageFill { content: "\EC70"; }
285
+ @mixin ms-Icon--TabletSelected { content: "\EC74"; }
286
+ @mixin ms-Icon--MobileSelected { content: "\EC75"; }
287
+ @mixin ms-Icon--LaptopSelected { content: "\EC76"; }
288
+ @mixin ms-Icon--TVMonitorSelected { content: "\EC77"; }
289
+ @mixin ms-Icon--DeveloperTools { content: "\EC7A"; }
290
+ @mixin ms-Icon--InsertTextBox { content: "\EC7D"; }
291
+ @mixin ms-Icon--Event { content: "\ECA3"; }
292
+ @mixin ms-Icon--Cake { content: "\ECA4"; }
293
+ @mixin ms-Icon--Tiles { content: "\ECA5"; }
294
+ @mixin ms-Icon--Org { content: "\ECA6"; }
295
+ @mixin ms-Icon--PartyLeader { content: "\ECA7"; }
296
+ @mixin ms-Icon--DRM { content: "\ECA8"; }
297
+ @mixin ms-Icon--CloudAdd { content: "\ECA9"; }
298
+ @mixin ms-Icon--AppIconDefault { content: "\ECAA"; }
299
+ @mixin ms-Icon--Photo2Add { content: "\ECAB"; }
300
+ @mixin ms-Icon--Photo2Remove { content: "\ECAC"; }
301
+ @mixin ms-Icon--Embed { content: "\ECCE"; }
302
+ @mixin ms-Icon--Teamwork { content: "\EA12"; }
303
+ @mixin ms-Icon--PeopleAdd { content: "\EA15"; }
304
+ @mixin ms-Icon--Glasses { content: "\EA16"; }
305
+ @mixin ms-Icon--DateTime2 { content: "\EA17"; }
306
+ @mixin ms-Icon--Shield { content: "\EA18"; }
307
+ @mixin ms-Icon--Header { content: "\EA19"; }
308
+ @mixin ms-Icon--PageAdd { content: "\EA1A"; }
309
+ @mixin ms-Icon--NumberedList { content: "\EA1C"; }
310
+ @mixin ms-Icon--Glimmer { content: "\ECF4"; }
311
+ @mixin ms-Icon--SkypeCheck { content: "\EF80"; }
312
+ @mixin ms-Icon--SkypeClock { content: "\EF81"; }
313
+ @mixin ms-Icon--SkypeMinus { content: "\EF82"; }
366
314
 
367
315
 
316
+ // Modifier: Place the icon in a circle.
368
317
  @mixin ms-Icon--circle {
369
318
  position: relative;
370
319
  display: inline-block;
@@ -376,12 +325,12 @@
376
325
  text-align: left;
377
326
  -webkit-font-smoothing: antialiased;
378
327
 
379
- &:before, &:after {
328
+ &::before, &::after {
380
329
  line-height: 1;
381
330
  font-size: inherit;
382
331
  }
383
332
 
384
- &:before {
333
+ &::before {
385
334
  display: block;
386
335
  width: 100%;
387
336
  height: 100%;
@@ -391,7 +340,7 @@
391
340
  position: absolute;
392
341
  }
393
342
 
394
- &:after {
343
+ &::after {
395
344
  content: '\e000';
396
345
  position: absolute;
397
346
  top: 0;
@@ -400,4 +349,16 @@
400
349
  transform-origin: 50% 50%;
401
350
  z-index: $ms-zIndex-back;
402
351
  }
403
- }
352
+ }
353
+
354
+ // Icon size variables
355
+ $ms-icon-size-xs: 10px;
356
+ $ms-icon-size-s: 12px;
357
+ $ms-icon-size-m: 16px;
358
+ $ms-icon-size-l: 20px;
359
+
360
+ // Icon size mixins
361
+ @mixin ms-Icon--xs { font-size: $ms-icon-size-xs; }
362
+ @mixin ms-Icon--s { font-size: $ms-icon-size-s; }
363
+ @mixin ms-Icon--m { font-size: $ms-icon-size-m; }
364
+ @mixin ms-Icon--l { font-size: $ms-icon-size-l; }