Bez popisu
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

Fabric.Icons.Output.scss 27KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771
  1. // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
  2. //
  3. // Office UI Fabric
  4. // --------------------------------------------------
  5. // Icon definitions
  6. @import './Fabric.Icons';
  7. // Base icon definition
  8. .ms-Icon {
  9. @include ms-Icon();
  10. }
  11. // Modifiers: Each of the icons.
  12. //*-- Start
  13. .ms-Icon--circleEmpty:before { @include ms-Icon--circleEmpty; }
  14. .ms-Icon--circleFill:before { @include ms-Icon--circleFill; }
  15. .ms-Icon--placeholder:before { @include ms-Icon--placeholder; }
  16. .ms-Icon--star:before { @include ms-Icon--star; }
  17. .ms-Icon--plus:before { @include ms-Icon--plus; }
  18. .ms-Icon--minus:before { @include ms-Icon--minus; }
  19. .ms-Icon--question:before { @include ms-Icon--question; }
  20. .ms-Icon--exclamation:before { @include ms-Icon--exclamation; }
  21. .ms-Icon--person:before { @include ms-Icon--person; }
  22. .ms-Icon--mail:before { @include ms-Icon--mail; }
  23. .ms-Icon--infoCircle:before { @include ms-Icon--infoCircle; }
  24. .ms-Icon--alert:before { @include ms-Icon--alert; }
  25. .ms-Icon--xCircle:before { @include ms-Icon--xCircle; }
  26. .ms-Icon--mailOpen:before { @include ms-Icon--mailOpen; }
  27. .ms-Icon--people:before { @include ms-Icon--people; }
  28. .ms-Icon--bell:before { @include ms-Icon--bell; }
  29. .ms-Icon--calendar:before { @include ms-Icon--calendar; }
  30. .ms-Icon--scheduling:before { @include ms-Icon--scheduling; }
  31. .ms-Icon--event:before { @include ms-Icon--event; }
  32. .ms-Icon--folder:before { @include ms-Icon--folder; }
  33. .ms-Icon--documents:before { @include ms-Icon--documents; }
  34. .ms-Icon--onedrive:before { @include ms-Icon--onedrive; }
  35. .ms-Icon--chat:before { @include ms-Icon--chat; }
  36. .ms-Icon--sites:before { @include ms-Icon--sites; }
  37. .ms-Icon--listBullets:before { @include ms-Icon--listBullets; }
  38. .ms-Icon--calendarWeek:before { @include ms-Icon--calendarWeek; }
  39. .ms-Icon--calendarWorkWeek:before { @include ms-Icon--calendarWorkWeek; }
  40. .ms-Icon--calendarDay:before { @include ms-Icon--calendarDay; }
  41. .ms-Icon--folderMove:before { @include ms-Icon--folderMove; }
  42. .ms-Icon--panel:before { @include ms-Icon--panel; }
  43. .ms-Icon--popout:before { @include ms-Icon--popout; }
  44. .ms-Icon--menu:before { @include ms-Icon--menu; }
  45. .ms-Icon--home:before { @include ms-Icon--home; }
  46. .ms-Icon--favorites:before { @include ms-Icon--favorites; }
  47. .ms-Icon--phone:before { @include ms-Icon--phone; }
  48. .ms-Icon--mailSend:before { @include ms-Icon--mailSend; }
  49. .ms-Icon--save:before { @include ms-Icon--save; }
  50. .ms-Icon--trash:before { @include ms-Icon--trash; }
  51. .ms-Icon--pencil:before { @include ms-Icon--pencil; }
  52. .ms-Icon--flag:before { @include ms-Icon--flag; }
  53. .ms-Icon--reply:before { @include ms-Icon--reply; }
  54. .ms-Icon--miniatures:before { @include ms-Icon--miniatures; }
  55. .ms-Icon--voicemail:before { @include ms-Icon--voicemail; }
  56. .ms-Icon--play:before { @include ms-Icon--play; }
  57. .ms-Icon--pause:before { @include ms-Icon--pause; }
  58. .ms-Icon--onlineAdd:before { @include ms-Icon--onlineAdd; }
  59. .ms-Icon--onlineJoin:before { @include ms-Icon--onlineJoin; }
  60. .ms-Icon--replyAll:before { @include ms-Icon--replyAll; }
  61. .ms-Icon--attachment:before { @include ms-Icon--attachment; }
  62. .ms-Icon--drm:before { @include ms-Icon--drm; }
  63. .ms-Icon--pinDown:before { @include ms-Icon--pinDown; }
  64. .ms-Icon--refresh:before { @include ms-Icon--refresh; }
  65. .ms-Icon--gear:before { @include ms-Icon--gear; }
  66. .ms-Icon--smiley:before { @include ms-Icon--smiley; }
  67. .ms-Icon--info:before { @include ms-Icon--info; }
  68. .ms-Icon--lock:before { @include ms-Icon--lock; }
  69. .ms-Icon--search:before { @include ms-Icon--search; }
  70. .ms-Icon--questionReverse:before { @include ms-Icon--questionReverse; }
  71. .ms-Icon--notRecurring:before { @include ms-Icon--notRecurring; }
  72. .ms-Icon--tasks:before { @include ms-Icon--tasks; }
  73. .ms-Icon--check:before { @include ms-Icon--check; }
  74. .ms-Icon--x:before { @include ms-Icon--x; }
  75. .ms-Icon--ellipsis:before { @include ms-Icon--ellipsis; }
  76. .ms-Icon--dot:before { @include ms-Icon--dot; }
  77. .ms-Icon--arrowUp:before { @include ms-Icon--arrowUp; }
  78. .ms-Icon--arrowDown:before { @include ms-Icon--arrowDown; }
  79. .ms-Icon--arrowLeft:before { @include ms-Icon--arrowLeft; }
  80. .ms-Icon--arrowRight:before { @include ms-Icon--arrowRight; }
  81. .ms-Icon--download:before { @include ms-Icon--download; }
  82. .ms-Icon--directions:before { @include ms-Icon--directions; }
  83. .ms-Icon--microphone:before { @include ms-Icon--microphone; }
  84. .ms-Icon--caretUp:before { @include ms-Icon--caretUp; }
  85. .ms-Icon--caretDown:before { @include ms-Icon--caretDown; }
  86. .ms-Icon--caretLeft:before { @include ms-Icon--caretLeft; }
  87. .ms-Icon--caretRight:before { @include ms-Icon--caretRight; }
  88. .ms-Icon--caretUpLeft:before { @include ms-Icon--caretUpLeft; }
  89. .ms-Icon--caretUpRight:before { @include ms-Icon--caretUpRight; }
  90. .ms-Icon--caretDownRight:before { @include ms-Icon--caretDownRight; }
  91. .ms-Icon--caretDownLeft:before { @include ms-Icon--caretDownLeft; }
  92. .ms-Icon--note:before { @include ms-Icon--note; }
  93. .ms-Icon--noteReply:before { @include ms-Icon--noteReply; }
  94. .ms-Icon--noteForward:before { @include ms-Icon--noteForward; }
  95. .ms-Icon--key:before { @include ms-Icon--key; }
  96. .ms-Icon--tile:before { @include ms-Icon--tile; }
  97. .ms-Icon--taskRecurring:before { @include ms-Icon--taskRecurring; }
  98. .ms-Icon--starEmpty:before { @include ms-Icon--starEmpty; }
  99. .ms-Icon--upload:before { @include ms-Icon--upload; }
  100. .ms-Icon--wrench:before { @include ms-Icon--wrench; }
  101. .ms-Icon--share:before { @include ms-Icon--share; }
  102. .ms-Icon--documentReply:before { @include ms-Icon--documentReply; }
  103. .ms-Icon--documentForward:before { @include ms-Icon--documentForward; }
  104. .ms-Icon--partner:before { @include ms-Icon--partner; }
  105. .ms-Icon--reactivate:before { @include ms-Icon--reactivate; }
  106. .ms-Icon--sort:before { @include ms-Icon--sort; }
  107. .ms-Icon--personAdd:before { @include ms-Icon--personAdd; }
  108. .ms-Icon--chevronUp:before { @include ms-Icon--chevronUp; }
  109. .ms-Icon--chevronDown:before { @include ms-Icon--chevronDown; }
  110. .ms-Icon--chevronLeft:before { @include ms-Icon--chevronLeft; }
  111. .ms-Icon--chevronRight:before { @include ms-Icon--chevronRight; }
  112. .ms-Icon--peopleAdd:before { @include ms-Icon--peopleAdd; }
  113. .ms-Icon--newsfeed:before { @include ms-Icon--newsfeed; }
  114. .ms-Icon--notebook:before { @include ms-Icon--notebook; }
  115. .ms-Icon--link:before { @include ms-Icon--link; }
  116. .ms-Icon--chevronsUp:before { @include ms-Icon--chevronsUp; }
  117. .ms-Icon--chevronsDown:before { @include ms-Icon--chevronsDown; }
  118. .ms-Icon--chevronsLeft:before { @include ms-Icon--chevronsLeft; }
  119. .ms-Icon--chevronsRight:before { @include ms-Icon--chevronsRight; }
  120. .ms-Icon--clutter:before { @include ms-Icon--clutter; }
  121. .ms-Icon--subscribe:before { @include ms-Icon--subscribe; }
  122. .ms-Icon--unsubscribe:before { @include ms-Icon--unsubscribe; }
  123. .ms-Icon--personRemove:before { @include ms-Icon--personRemove; }
  124. .ms-Icon--receiptForward:before { @include ms-Icon--receiptForward; }
  125. .ms-Icon--receiptReply:before { @include ms-Icon--receiptReply; }
  126. .ms-Icon--receiptCheck:before { @include ms-Icon--receiptCheck; }
  127. .ms-Icon--peopleRemove:before { @include ms-Icon--peopleRemove; }
  128. .ms-Icon--merge:before { @include ms-Icon--merge; }
  129. .ms-Icon--split:before { @include ms-Icon--split; }
  130. .ms-Icon--eventCancel:before { @include ms-Icon--eventCancel; }
  131. .ms-Icon--eventShare:before { @include ms-Icon--eventShare; }
  132. .ms-Icon--today:before { @include ms-Icon--today; }
  133. .ms-Icon--oofReply:before { @include ms-Icon--oofReply; }
  134. .ms-Icon--voicemailReply:before { @include ms-Icon--voicemailReply; }
  135. .ms-Icon--voicemailForward:before { @include ms-Icon--voicemailForward; }
  136. .ms-Icon--ribbon:before { @include ms-Icon--ribbon; }
  137. .ms-Icon--contact:before { @include ms-Icon--contact; }
  138. .ms-Icon--eye:before { @include ms-Icon--eye; }
  139. .ms-Icon--glasses:before { @include ms-Icon--glasses; }
  140. .ms-Icon--print:before { @include ms-Icon--print; }
  141. .ms-Icon--room:before { @include ms-Icon--room; }
  142. .ms-Icon--post:before { @include ms-Icon--post; }
  143. .ms-Icon--toggle:before { @include ms-Icon--toggle; }
  144. .ms-Icon--touch:before { @include ms-Icon--touch; }
  145. .ms-Icon--clock:before { @include ms-Icon--clock; }
  146. .ms-Icon--fax:before { @include ms-Icon--fax; }
  147. .ms-Icon--lightning:before { @include ms-Icon--lightning; }
  148. .ms-Icon--dialpad:before { @include ms-Icon--dialpad; }
  149. .ms-Icon--phoneTransfer:before { @include ms-Icon--phoneTransfer; }
  150. .ms-Icon--phoneAdd:before { @include ms-Icon--phoneAdd; }
  151. .ms-Icon--late:before { @include ms-Icon--late; }
  152. .ms-Icon--chatAdd:before { @include ms-Icon--chatAdd; }
  153. .ms-Icon--conflict:before { @include ms-Icon--conflict; }
  154. .ms-Icon--navigate:before { @include ms-Icon--navigate; }
  155. .ms-Icon--camera:before { @include ms-Icon--camera; }
  156. .ms-Icon--filter:before { @include ms-Icon--filter; }
  157. .ms-Icon--fullscreen:before { @include ms-Icon--fullscreen; }
  158. .ms-Icon--new:before { @include ms-Icon--new; }
  159. .ms-Icon--mailEmpty:before { @include ms-Icon--mailEmpty; }
  160. .ms-Icon--editBox:before { @include ms-Icon--editBox; }
  161. .ms-Icon--waffle:before { @include ms-Icon--waffle; }
  162. .ms-Icon--work:before { @include ms-Icon--work; }
  163. .ms-Icon--eventRecurring:before { @include ms-Icon--eventRecurring; }
  164. .ms-Icon--cart:before { @include ms-Icon--cart; }
  165. .ms-Icon--socialListening:before { @include ms-Icon--socialListening; }
  166. .ms-Icon--mapMarker:before { @include ms-Icon--mapMarker; }
  167. .ms-Icon--org:before { @include ms-Icon--org; }
  168. .ms-Icon--replyAlt:before { @include ms-Icon--replyAlt; }
  169. .ms-Icon--replyAllAlt:before { @include ms-Icon--replyAllAlt; }
  170. .ms-Icon--eventInfo:before { @include ms-Icon--eventInfo; }
  171. .ms-Icon--group:before { @include ms-Icon--group; }
  172. .ms-Icon--money:before { @include ms-Icon--money; }
  173. .ms-Icon--graph:before { @include ms-Icon--graph; }
  174. .ms-Icon--noteEdit:before { @include ms-Icon--noteEdit; }
  175. .ms-Icon--dashboard:before { @include ms-Icon--dashboard; }
  176. .ms-Icon--mailEdit:before { @include ms-Icon--mailEdit; }
  177. .ms-Icon--pinLeft:before { @include ms-Icon--pinLeft; }
  178. .ms-Icon--heart:before { @include ms-Icon--heart; }
  179. .ms-Icon--heartEmpty:before { @include ms-Icon--heartEmpty; }
  180. .ms-Icon--picture:before { @include ms-Icon--picture; }
  181. .ms-Icon--cake:before { @include ms-Icon--cake; }
  182. .ms-Icon--books:before { @include ms-Icon--books; }
  183. .ms-Icon--chart:before { @include ms-Icon--chart; }
  184. .ms-Icon--video:before { @include ms-Icon--video; }
  185. .ms-Icon--soccer:before { @include ms-Icon--soccer; }
  186. .ms-Icon--meal:before { @include ms-Icon--meal; }
  187. .ms-Icon--balloon:before { @include ms-Icon--balloon; }
  188. .ms-Icon--cat:before { @include ms-Icon--cat; }
  189. .ms-Icon--dog:before { @include ms-Icon--dog; }
  190. .ms-Icon--bag:before { @include ms-Icon--bag; }
  191. .ms-Icon--music:before { @include ms-Icon--music; }
  192. .ms-Icon--stopwatch:before { @include ms-Icon--stopwatch; }
  193. .ms-Icon--coffee:before { @include ms-Icon--coffee; }
  194. .ms-Icon--briefcase:before { @include ms-Icon--briefcase; }
  195. .ms-Icon--pill:before { @include ms-Icon--pill; }
  196. .ms-Icon--trophy:before { @include ms-Icon--trophy; }
  197. .ms-Icon--firstAid:before { @include ms-Icon--firstAid; }
  198. .ms-Icon--plane:before { @include ms-Icon--plane; }
  199. .ms-Icon--page:before { @include ms-Icon--page; }
  200. .ms-Icon--car:before { @include ms-Icon--car; }
  201. .ms-Icon--dogAlt:before { @include ms-Icon--dogAlt; }
  202. .ms-Icon--document:before { @include ms-Icon--document; }
  203. .ms-Icon--metadata:before { @include ms-Icon--metadata; }
  204. .ms-Icon--pointItem:before { @include ms-Icon--pointItem; }
  205. .ms-Icon--text:before { @include ms-Icon--text; }
  206. .ms-Icon--fieldText:before { @include ms-Icon--fieldText; }
  207. .ms-Icon--fieldNumber:before { @include ms-Icon--fieldNumber; }
  208. .ms-Icon--dropdown:before { @include ms-Icon--dropdown; }
  209. .ms-Icon--radioButton:before { @include ms-Icon--radioButton; }
  210. .ms-Icon--checkbox:before { @include ms-Icon--checkbox; }
  211. .ms-Icon--story:before { @include ms-Icon--story; }
  212. .ms-Icon--bold:before { @include ms-Icon--bold; }
  213. .ms-Icon--italic:before { @include ms-Icon--italic; }
  214. .ms-Icon--underline:before { @include ms-Icon--underline; }
  215. .ms-Icon--quote:before { @include ms-Icon--quote; }
  216. .ms-Icon--styleRemove:before { @include ms-Icon--styleRemove; }
  217. .ms-Icon--pictureAdd:before { @include ms-Icon--pictureAdd; }
  218. .ms-Icon--pictureRemove:before { @include ms-Icon--pictureRemove; }
  219. .ms-Icon--desktop:before { @include ms-Icon--desktop; }
  220. .ms-Icon--tablet:before { @include ms-Icon--tablet; }
  221. .ms-Icon--mobile:before { @include ms-Icon--mobile; }
  222. .ms-Icon--table:before { @include ms-Icon--table; }
  223. .ms-Icon--hide:before { @include ms-Icon--hide; }
  224. .ms-Icon--shield:before { @include ms-Icon--shield; }
  225. .ms-Icon--header:before { @include ms-Icon--header; }
  226. .ms-Icon--paint:before { @include ms-Icon--paint; }
  227. .ms-Icon--support:before { @include ms-Icon--support; }
  228. .ms-Icon--settings:before { @include ms-Icon--settings; }
  229. .ms-Icon--creditCard:before { @include ms-Icon--creditCard; }
  230. .ms-Icon--reload:before { @include ms-Icon--reload; }
  231. .ms-Icon--peopleSecurity:before { @include ms-Icon--peopleSecurity; }
  232. .ms-Icon--fieldTextBox:before { @include ms-Icon--fieldTextBox; }
  233. .ms-Icon--multiChoice:before { @include ms-Icon--multiChoice; }
  234. .ms-Icon--fieldMail:before { @include ms-Icon--fieldMail; }
  235. .ms-Icon--contactForm:before { @include ms-Icon--contactForm; }
  236. .ms-Icon--circleHalfFilled:before { @include ms-Icon--circleHalfFilled; }
  237. .ms-Icon--documentPDF:before { @include ms-Icon--documentPDF; }
  238. .ms-Icon--bookmark:before { @include ms-Icon--bookmark; }
  239. .ms-Icon--circleUnfilled:before { @include ms-Icon--circleUnfilled; }
  240. .ms-Icon--circleFilled:before { @include ms-Icon--circleFilled; }
  241. .ms-Icon--textBox:before { @include ms-Icon--textBox; }
  242. .ms-Icon--drop:before { @include ms-Icon--drop; }
  243. .ms-Icon--sun:before { @include ms-Icon--sun; }
  244. .ms-Icon--lifesaver:before { @include ms-Icon--lifesaver; }
  245. .ms-Icon--lifesaverLock:before { @include ms-Icon--lifesaverLock; }
  246. .ms-Icon--mailUnread:before { @include ms-Icon--mailUnread; }
  247. .ms-Icon--mailRead:before { @include ms-Icon--mailRead; }
  248. .ms-Icon--inboxCheck:before { @include ms-Icon--inboxCheck; }
  249. .ms-Icon--folderSearch:before { @include ms-Icon--folderSearch; }
  250. .ms-Icon--collapse:before { @include ms-Icon--collapse; }
  251. .ms-Icon--expand:before { @include ms-Icon--expand; }
  252. .ms-Icon--ascending:before { @include ms-Icon--ascending; }
  253. .ms-Icon--descending:before { @include ms-Icon--descending; }
  254. .ms-Icon--filterClear:before { @include ms-Icon--filterClear; }
  255. .ms-Icon--checkboxEmpty:before { @include ms-Icon--checkboxEmpty; }
  256. .ms-Icon--checkboxMixed:before { @include ms-Icon--checkboxMixed; }
  257. .ms-Icon--boards:before { @include ms-Icon--boards; }
  258. .ms-Icon--checkboxCheck:before { @include ms-Icon--checkboxCheck; }
  259. .ms-Icon--frowny:before { @include ms-Icon--frowny; }
  260. .ms-Icon--lightBulb:before { @include ms-Icon--lightBulb; }
  261. .ms-Icon--globe:before { @include ms-Icon--globe; }
  262. .ms-Icon--deviceWipe:before { @include ms-Icon--deviceWipe; }
  263. .ms-Icon--listCheck:before { @include ms-Icon--listCheck; }
  264. .ms-Icon--listGroup:before { @include ms-Icon--listGroup; }
  265. .ms-Icon--timeline:before { @include ms-Icon--timeline; }
  266. .ms-Icon--fontIncrease:before { @include ms-Icon--fontIncrease; }
  267. .ms-Icon--fontDecrease:before { @include ms-Icon--fontDecrease; }
  268. .ms-Icon--fontColor:before { @include ms-Icon--fontColor; }
  269. .ms-Icon--mailCheck:before { @include ms-Icon--mailCheck; }
  270. .ms-Icon--mailDown:before { @include ms-Icon--mailDown; }
  271. .ms-Icon--listCheckbox:before { @include ms-Icon--listCheckbox; }
  272. .ms-Icon--sunAdd:before { @include ms-Icon--sunAdd; }
  273. .ms-Icon--sunQuestion:before { @include ms-Icon--sunQuestion; }
  274. .ms-Icon--chevronThinUp:before { @include ms-Icon--chevronThinUp; }
  275. .ms-Icon--chevronThinDown:before { @include ms-Icon--chevronThinDown; }
  276. .ms-Icon--chevronThinLeft:before { @include ms-Icon--chevronThinLeft; }
  277. .ms-Icon--chevronThinRight:before { @include ms-Icon--chevronThinRight; }
  278. .ms-Icon--chevronThickUp:before { @include ms-Icon--chevronThickUp; }
  279. .ms-Icon--chevronThickDown:before { @include ms-Icon--chevronThickDown; }
  280. .ms-Icon--chevronThickLeft:before { @include ms-Icon--chevronThickLeft; }
  281. .ms-Icon--chevronThickRight:before { @include ms-Icon--chevronThickRight; }
  282. .ms-Icon--linkRemove:before { @include ms-Icon--linkRemove; }
  283. .ms-Icon--alertOutline:before { @include ms-Icon--alertOutline; }
  284. .ms-Icon--documentLandscape:before { @include ms-Icon--documentLandscape; }
  285. .ms-Icon--documentAdd:before { @include ms-Icon--documentAdd; }
  286. .ms-Icon--toggleMiddle:before { @include ms-Icon--toggleMiddle; }
  287. .ms-Icon--embed:before { @include ms-Icon--embed; }
  288. .ms-Icon--listNumbered:before { @include ms-Icon--listNumbered; }
  289. .ms-Icon--peopleCheck:before { @include ms-Icon--peopleCheck; }
  290. .ms-Icon--caretUpOutline:before { @include ms-Icon--caretUpOutline; }
  291. .ms-Icon--caretDownOutline:before { @include ms-Icon--caretDownOutline; }
  292. .ms-Icon--caretLeftOutline:before { @include ms-Icon--caretLeftOutline; }
  293. .ms-Icon--caretRightOutline:before { @include ms-Icon--caretRightOutline; }
  294. .ms-Icon--mailSync:before { @include ms-Icon--mailSync; }
  295. .ms-Icon--mailError:before { @include ms-Icon--mailError; }
  296. .ms-Icon--mailPause:before { @include ms-Icon--mailPause; }
  297. .ms-Icon--peopleSync:before { @include ms-Icon--peopleSync; }
  298. .ms-Icon--peopleError:before { @include ms-Icon--peopleError; }
  299. .ms-Icon--peoplePause:before { @include ms-Icon--peoplePause; }
  300. .ms-Icon--circleBall:before { @include ms-Icon--circleBall; }
  301. .ms-Icon--circleBalloons:before { @include ms-Icon--circleBalloons; }
  302. .ms-Icon--circleCar:before { @include ms-Icon--circleCar; }
  303. .ms-Icon--circleCat:before { @include ms-Icon--circleCat; }
  304. .ms-Icon--circleCoffee:before { @include ms-Icon--circleCoffee; }
  305. .ms-Icon--circleDog:before { @include ms-Icon--circleDog; }
  306. .ms-Icon--circleLightning:before { @include ms-Icon--circleLightning; }
  307. .ms-Icon--circlePill:before { @include ms-Icon--circlePill; }
  308. .ms-Icon--circlePlane:before { @include ms-Icon--circlePlane; }
  309. .ms-Icon--circlePoodle:before { @include ms-Icon--circlePoodle; }
  310. .ms-Icon--checkPeople:before { @include ms-Icon--checkPeople; }
  311. .ms-Icon--documentSearch:before { @include ms-Icon--documentSearch; }
  312. .ms-Icon--sortLines:before { @include ms-Icon--sortLines; }
  313. .ms-Icon--calendarPublic:before { @include ms-Icon--calendarPublic; }
  314. .ms-Icon--contactPublic:before { @include ms-Icon--contactPublic; }
  315. .ms-Icon--classNotebook:before { @include ms-Icon--classNotebook; }
  316. .ms-Icon--triangleUp:before { @include ms-Icon--triangleUp; }
  317. .ms-Icon--triangleRight:before { @include ms-Icon--triangleRight; }
  318. .ms-Icon--triangleDown:before { @include ms-Icon--triangleDown; }
  319. .ms-Icon--triangleLeft:before { @include ms-Icon--triangleLeft; }
  320. .ms-Icon--triangleEmptyUp:before { @include ms-Icon--triangleEmptyUp; }
  321. .ms-Icon--triangleEmptyRight:before { @include ms-Icon--triangleEmptyRight; }
  322. .ms-Icon--triangleEmptyDown:before { @include ms-Icon--triangleEmptyDown; }
  323. .ms-Icon--triangleEmptyLeft:before { @include ms-Icon--triangleEmptyLeft; }
  324. .ms-Icon--filePDF:before { @include ms-Icon--filePDF; }
  325. .ms-Icon--fileImage:before { @include ms-Icon--fileImage; }
  326. .ms-Icon--fileDocument:before { @include ms-Icon--fileDocument; }
  327. .ms-Icon--listGroup2:before { @include ms-Icon--listGroup2; }
  328. .ms-Icon--copy:before { @include ms-Icon--copy; }
  329. .ms-Icon--creditCardOutline:before { @include ms-Icon--creditCardOutline; }
  330. .ms-Icon--mailPublic:before { @include ms-Icon--mailPublic; }
  331. .ms-Icon--folderPublic:before { @include ms-Icon--folderPublic; }
  332. .ms-Icon--teamwork:before { @include ms-Icon--teamwork; }
  333. .ms-Icon--move:before { @include ms-Icon--move; }
  334. .ms-Icon--classroom:before { @include ms-Icon--classroom; }
  335. .ms-Icon--menu2:before { @include ms-Icon--menu2; }
  336. .ms-Icon--plus2:before { @include ms-Icon--plus2; }
  337. .ms-Icon--tag:before { @include ms-Icon--tag; }
  338. .ms-Icon--arrowUp2:before { @include ms-Icon--arrowUp2; }
  339. .ms-Icon--arrowDown2:before { @include ms-Icon--arrowDown2; }
  340. .ms-Icon--circlePlus:before { @include ms-Icon--circlePlus; }
  341. .ms-Icon--circleInfo:before { @include ms-Icon--circleInfo; }
  342. .ms-Icon--section:before { @include ms-Icon--section; }
  343. .ms-Icon--sections:before { @include ms-Icon--sections; }
  344. .ms-Icon--at:before { @include ms-Icon--at; }
  345. .ms-Icon--arrowUpRight:before { @include ms-Icon--arrowUpRight; }
  346. .ms-Icon--arrowDownRight:before { @include ms-Icon--arrowDownRight; }
  347. .ms-Icon--arrowDownLeft:before { @include ms-Icon--arrowDownLeft; }
  348. .ms-Icon--arrowUpLeft:before { @include ms-Icon--arrowUpLeft; }
  349. .ms-Icon--bundle:before { @include ms-Icon--bundle; }
  350. .ms-Icon--pictureEdit:before { @include ms-Icon--pictureEdit; }
  351. .ms-Icon--protectionCenter:before { @include ms-Icon--protectionCenter; }
  352. .ms-Icon--alert2:before { @include ms-Icon--alert2; }
  353. //*-- end
  354. // Modifier: Place the icon in a circle.
  355. .ms-Icon--circle {
  356. @include ms-Icon--circle;
  357. }
  358. // Modifiers: Some icons require custom alignment when placed in circles.
  359. .ms-Icon--circle {
  360. &.ms-Icon--star:before {
  361. top: -2%;
  362. left: 1%;
  363. }
  364. &.ms-Icon--person:before {
  365. top: -2%;
  366. left: -3%;
  367. }
  368. &.ms-Icon--alert:before {
  369. top: -4%;
  370. }
  371. &.ms-Icon--mailOpen:before {
  372. top: -5%;
  373. }
  374. &.ms-Icon--people:before {
  375. top: -4%;
  376. left: -7%;
  377. }
  378. &.ms-Icon--bell:before {
  379. top: -3%;
  380. }
  381. &.ms-Icon--scheduling:before {
  382. top: -3%;
  383. left: 6%;
  384. }
  385. &.ms-Icon--documents:before {
  386. top: -1%;
  387. left: -2%;
  388. }
  389. &.ms-Icon--listBullets:before {
  390. top: -1%;
  391. left: 5%;
  392. }
  393. &.ms-Icon--panel:before {
  394. left: -2%;
  395. }
  396. &.ms-Icon--popout:before {
  397. top: -2%;
  398. left: -2%;
  399. }
  400. &.ms-Icon--home:before {
  401. top: -4%;
  402. }
  403. &.ms-Icon--favorites:before {
  404. top: -2%;
  405. left: 2%;
  406. }
  407. &.ms-Icon--phone:before {
  408. top: -2%;
  409. left: -2%;
  410. }
  411. &.ms-Icon--mailSend:before {
  412. left: -10%;
  413. }
  414. &.ms-Icon--pencil:before {
  415. top: -2%;
  416. left: 3%;
  417. }
  418. &.ms-Icon--flag:before {
  419. left: 3%;
  420. }
  421. &.ms-Icon--miniatures:before {
  422. left: -3%;
  423. }
  424. &.ms-Icon--voicemail:before {
  425. top: 2%;
  426. left: -7%;
  427. }
  428. &.ms-Icon--onlineAdd:before {
  429. top: -1%;
  430. left: 2%;
  431. }
  432. &.ms-Icon--pinDown:before {
  433. top: 5%;
  434. }
  435. &.ms-Icon--gear:before {
  436. left: 2%;
  437. }
  438. &.ms-Icon--check:before {
  439. top: 3%;
  440. }
  441. &.ms-Icon--ellipsis:before {
  442. top: 2%;
  443. left: -12%;
  444. }
  445. &.ms-Icon--directions:before {
  446. left: 10%;
  447. }
  448. &.ms-Icon--microphone:before {
  449. top: -3%;
  450. }
  451. &.ms-Icon--caretDown:before {
  452. top: 5%;
  453. left: 2%;
  454. }
  455. &.ms-Icon--caretLeft:before {
  456. left: -6%;
  457. }
  458. &.ms-Icon--caretRight:before {
  459. left: 6%;
  460. }
  461. &.ms-Icon--caretUpLeft:before {
  462. top: 5%;
  463. left: 5%;
  464. }
  465. &.ms-Icon--caretUpRight:before {
  466. top: 5%;
  467. left: -3%;
  468. }
  469. &.ms-Icon--caretDownRight:before {
  470. left: -3%;
  471. }
  472. &.ms-Icon--caretDownLeft:before {
  473. left: 4%;
  474. }
  475. &.ms-Icon--note:before {
  476. top: 2%;
  477. left: -3%;
  478. }
  479. &.ms-Icon--noteReply:before {
  480. top: 6%;
  481. left: 3%;
  482. }
  483. &.ms-Icon--noteForward:before {
  484. top: 6%;
  485. }
  486. &.ms-Icon--key:before {
  487. top: 5%;
  488. left: 1%;
  489. }
  490. &.ms-Icon--tile:before {
  491. top: -1%;
  492. left: -18%;
  493. }
  494. &.ms-Icon--taskRecurring:before {
  495. top: 2%;
  496. left: -1%;
  497. }
  498. &.ms-Icon--starEmpty:before {
  499. top: -4%;
  500. left: 1%;
  501. }
  502. &.ms-Icon--documentReply:before {
  503. top: -2%;
  504. left: 7%;
  505. }
  506. &.ms-Icon--documentForward:before {
  507. left: 5%;
  508. }
  509. &.ms-Icon--partner:before {
  510. top: -2%;
  511. }
  512. &.ms-Icon--reactivate:before {
  513. top: -2%;
  514. left: 6%;
  515. }
  516. &.ms-Icon--sort:before {
  517. left: -19%;
  518. }
  519. &.ms-Icon--personAdd:before {
  520. top: -2%;
  521. left: 6%;
  522. }
  523. &.ms-Icon--chevronDown:before {
  524. top: 4%;
  525. }
  526. &.ms-Icon--chevronLeft:before {
  527. left: -5%;
  528. }
  529. &.ms-Icon--chevronRight:before {
  530. left: 4%;
  531. }
  532. &.ms-Icon--peopleAdd:before {
  533. top: -5%;
  534. left: -12%;
  535. }
  536. &.ms-Icon--newsfeed:before {
  537. left: -4%;
  538. }
  539. &.ms-Icon--notebook:before {
  540. left: -4%;
  541. }
  542. &.ms-Icon--link:before {
  543. top: 2%;
  544. left: -18%;
  545. }
  546. &.ms-Icon--chevronsDown:before {
  547. top: 5%;
  548. }
  549. &.ms-Icon--chevronsLeft:before {
  550. left: -5%;
  551. }
  552. &.ms-Icon--chevronsRight:before {
  553. left: 4%;
  554. }
  555. &.ms-Icon--personRemove:before {
  556. left: 5%;
  557. }
  558. &.ms-Icon--receiptForward:before {
  559. left: -20%;
  560. }
  561. &.ms-Icon--receiptReply:before {
  562. left: -20%;
  563. }
  564. &.ms-Icon--receiptCheck:before {
  565. left: -20%;
  566. }
  567. &.ms-Icon--peopleRemove:before {
  568. top: -3%;
  569. left: -12%;
  570. }
  571. &.ms-Icon--merge:before {
  572. top: 2%;
  573. }
  574. &.ms-Icon--split:before {
  575. top: 2%;
  576. }
  577. &.ms-Icon--eventCancel:before {
  578. left: -2%;
  579. }
  580. &.ms-Icon--today:before {
  581. top: -2%;
  582. }
  583. &.ms-Icon--oofReply:before {
  584. left: 5%;
  585. }
  586. &.ms-Icon--voicemailReply:before {
  587. top: 4%;
  588. left: -25%;
  589. }
  590. &.ms-Icon--voicemailForward:before {
  591. top: 4%;
  592. left: -20%;
  593. }
  594. &.ms-Icon--eye:before {
  595. top: -4%;
  596. }
  597. &.ms-Icon--post:before {
  598. top: -4%;
  599. left: 4%;
  600. }
  601. &.ms-Icon--fax:before {
  602. top: -3%;
  603. left: -2%;
  604. }
  605. &.ms-Icon--lightning:before {
  606. top: 2%;
  607. left: 1%;
  608. }
  609. &.ms-Icon--filter:before {
  610. top: 7%;
  611. }
  612. &.ms-Icon--cart:before {
  613. left: 3%;
  614. }
  615. &.ms-Icon--socialListening:before {
  616. top: 2%;
  617. }
  618. &.ms-Icon--mapMarker:before {
  619. top: 2%;
  620. }
  621. &.ms-Icon--replyAllAlt:before {
  622. left: -16%;
  623. }
  624. &.ms-Icon--group:before {
  625. left: -33%;
  626. }
  627. &.ms-Icon--money:before {
  628. left: -8%;
  629. }
  630. &.ms-Icon--noteEdit:before {
  631. left: 4%;
  632. }
  633. &.ms-Icon--mailEdit:before {
  634. top: 3%;
  635. left: 7%;
  636. }
  637. &.ms-Icon--pinLeft:before {
  638. left: -6%;
  639. }
  640. &.ms-Icon--heart:before {
  641. top: 5%;
  642. }
  643. &.ms-Icon--heartEmpty:before {
  644. top: 5%;
  645. }
  646. &.ms-Icon--cake:before {
  647. top: -5%;
  648. }
  649. &.ms-Icon--books:before {
  650. left: -8%;
  651. }
  652. &.ms-Icon--video:before {
  653. top: -3%;
  654. left: 3%;
  655. }
  656. &.ms-Icon--balloon:before {
  657. top: 4%;
  658. left: -1%;
  659. }
  660. &.ms-Icon--music:before {
  661. top: -2%;
  662. left: -5%;
  663. }
  664. &.ms-Icon--stopwatch:before {
  665. top: -3%;
  666. left: 3%;
  667. }
  668. &.ms-Icon--coffee:before {
  669. top: -3%;
  670. left: 3%;
  671. }
  672. &.ms-Icon--plane:before {
  673. left: 4%;
  674. }
  675. &.ms-Icon--dogAlt:before {
  676. left: -15%;
  677. }
  678. &.ms-Icon--metadata:before {
  679. top: -4%;
  680. left: 4%;
  681. }
  682. &.ms-Icon--text:before {
  683. top: -4%;
  684. left: 10%;
  685. }
  686. &.ms-Icon--fieldText:before {
  687. left: -14%;
  688. }
  689. &.ms-Icon--fieldNumber:before {
  690. left: -14%;
  691. }
  692. &.ms-Icon--dropdown:before {
  693. left: -14%;
  694. }
  695. &.ms-Icon--story:before {
  696. left: -5%;
  697. }
  698. &.ms-Icon--bold:before {
  699. left: 4%;
  700. }
  701. &.ms-Icon--underline:before {
  702. top: 4%;
  703. }
  704. &.ms-Icon--quote:before {
  705. left: -4%;
  706. }
  707. &.ms-Icon--styleRemove:before {
  708. top: 4%;
  709. left: 5%;
  710. }
  711. &.ms-Icon--pictureAdd:before {
  712. left: -6%;
  713. }
  714. &.ms-Icon--pictureRemove:before {
  715. left: -6%;
  716. }
  717. &.ms-Icon--mobile:before {
  718. left: -3%;
  719. }
  720. &.ms-Icon--hide:before {
  721. top: -4%;
  722. }
  723. &.ms-Icon--header:before {
  724. left: -9%;
  725. }
  726. &.ms-Icon--msn:before {
  727. left: 3%;
  728. }
  729. &.ms-Icon--peopleCheck:before {
  730. left: -7%;
  731. top: -3%;
  732. }
  733. &.ms-Icon--caretDownOutline:before {
  734. top: 6%;
  735. }
  736. &.ms-Icon--caretLeftOutline:before {
  737. left: -5%;
  738. }
  739. &.ms-Icon--caretRightOutline:before {
  740. left: 5%;
  741. }
  742. &.ms-Icon--sway:before {
  743. left: -3%;
  744. }
  745. &.ms-Icon--mailSync:before {
  746. left: 8%;
  747. top: 3%;
  748. }
  749. &.ms-Icon--peopleSync:before {
  750. left: -8%;
  751. }
  752. &.ms-Icon--peopleError:before {
  753. left: -8%;
  754. }
  755. &.ms-Icon--peoplePause:before {
  756. left: -8%;
  757. }
  758. &.ms-Icon--documentSearch:before {
  759. left: 8%;
  760. }
  761. &.ms-Icon--dynamicsMarketing:before {
  762. left: -8%;
  763. }
  764. }