office-ui-fabric-rails 2.5.0.0

data/vendor/assets/scss/_Fabric.Color.Variables.scss

@@ -0,0 +1,90 @@
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
+
+//
+// Office UI Fabric
+// --------------------------------------------------
+// Fabric Core Color Variables
+
+
+//== Theme Colors
+//
+$ms-color-themeDarker:     #004578;
+$ms-color-themeDark:       #005a9e;
+$ms-color-themeDarkAlt:    #106ebe;
+$ms-color-themePrimary:    #0078d7;
+$ms-color-themeSecondary:  #2b88d8;
+$ms-color-themeTertiary:   #71afe5;
+$ms-color-themeLight:      #c7e0f4;
+$ms-color-themeLighter:    #deecf9;
+$ms-color-themeLighterAlt: #eff6fc;
+
+
+//== Grayscale Colors
+//
+$ms-color-black:               #000000;
+$ms-color-neutralDark:         #212121;
+$ms-color-neutralPrimary:      #333333;
+$ms-color-neutralPrimaryAlt:   #3C3C3C;
+$ms-color-neutralSecondary:    #666666;
+$ms-color-neutralSecondaryAlt: #767676;
+$ms-color-neutralTertiary:     #a6a6a6;
+$ms-color-neutralTertiaryAlt:  #c8c8c8;
+$ms-color-neutralLight:        #eaeaea;
+$ms-color-neutralLighter:      #f4f4f4;
+$ms-color-neutralLighterAlt:   #f8f8f8;
+$ms-color-white:               #ffffff;
+
+
+//== Translucent Colors
+//
+$ms-color-blackTranslucent40:  rgba(0,0,0,.4);
+$ms-color-whiteTranslucent40:  rgba(255,255,255,.4);
+
+
+//== Core brand and accent colors
+//
+$ms-color-yellow:        #ffb900;
+$ms-color-yellowLight:   #fff100;
+$ms-color-orange:        #d83b01;
+$ms-color-orangeLight:   #ea4300;
+$ms-color-orangeLighter: #ff8c00;
+$ms-color-redDark:       #a80000;
+$ms-color-red:           #e81123;
+$ms-color-magentaDark:   #5c005c;
+$ms-color-magenta:       #b4009e;
+$ms-color-magentaLight:  #e3008c;
+$ms-color-purpleDark:    #32145a;
+$ms-color-purple:        #5c2d91;
+$ms-color-purpleLight:   #b4a0ff;
+$ms-color-blueDark:      #002050;
+$ms-color-blueMid:       #00188f;
+$ms-color-blue:          #0078d7;
+$ms-color-blueLight:     #00bcf2;
+$ms-color-tealDark:      #004b50;
+$ms-color-teal:          #008272;
+$ms-color-tealLight:     #00b294;
+$ms-color-greenDark:     #004b1c;
+$ms-color-green:         #107c10;
+$ms-color-greenLight:    #bad80a;
+
+
+//== Message colors
+//
+$ms-color-info:              $ms-color-green;
+$ms-color-infoBackground:    $ms-color-neutralLighter;
+$ms-color-success:           $ms-color-green;
+$ms-color-successBackground: #dff6dd;
+$ms-color-alert:             $ms-color-orange;
+$ms-color-alertBackground:   #fed9cc;
+$ms-color-error:             $ms-color-redDark;
+$ms-color-errorBackground:   #fde7e9;
+
+
+//== High contrast colors
+//
+$ms-color-contrastBlackDisabled: #00ff00;
+$ms-color-contrastWhiteDisabled: #600000;
+$ms-color-contrastBlackSelected: #1AEBFF;
+$ms-color-contrastWhiteSelected: #37006E;
+$ms-color-contrastBlackLink: #8080ff;
+$ms-color-contrastWhiteLink: #00009F;

data/vendor/assets/scss/_Fabric.Common.scss

@@ -0,0 +1,15 @@
+@import "./Fabric.Animations";
+@import "./Fabric.Color.Mixins";
+@import "./Fabric.Color.Variables";
+@import "./Fabric.Grid";
+@import "./Fabric.Icons";
+@import "./Fabric.Mixins";
+@import "./Fabric.Mixins.RTL";
+@import './Fabric.Responsive.Utilities.Variables';
+@import "./Fabric.Responsive.Variables";
+@import "./Fabric.Typography";
+@import "./Fabric.Typography.Fonts";
+@import "./Fabric.Typography.Variables";
+@import "./Fabric.Utilities";
+@import "./Fabric.ZIndex.Variables";
+@import "./Office.Color.Variables";

data/vendor/assets/scss/_Fabric.Grid.scss

@@ -0,0 +1,34 @@
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
+
+//
+// Office UI Fabric
+// --------------------------------------------------
+// Fluid 12-column grids for small, medium, and large devices
+
+
+//== Grid container (same for all sizes)
+//
+@mixin ms-Grid {
+  @include ms-u-borderBox;
+  @include ms-u-clearfix;
+  padding: 0 8px;
+}
+
+//== Grid rows (pull first and last column out)
+//
+@mixin ms-Grid-row {
+  margin: 0 -8px;
+  @include ms-u-borderBox;
+  @include ms-u-clearfix;
+}
+
+//== Grid cells
+//
+@mixin ms-Grid-col {
+  position: relative;
+  min-height: 1px;
+  padding-left: 8px;
+  padding-right: 8px;
+  @include ms-u-borderBox;
+  float: left;
+}

data/vendor/assets/scss/_Fabric.Icons.scss

@@ -0,0 +1,397 @@
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
+
+//
+// Office UI Fabric
+// --------------------------------------------------
+// Icon definitions
+
+@mixin ms-Icon {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  font-family: 'Office365Icons';
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  speak: none;
+}
+
+// Modifiers: Each of the icons.
+@mixin ms-Icon--circleEmpty { content: '\e000'; } // '' 
+@mixin ms-Icon--circleFill { content: '\e001'; } // '' 
+@mixin ms-Icon--placeholder { content: '\e002'; } // '' 
+@mixin ms-Icon--star { content: '\e003'; } // '' 
+@mixin ms-Icon--plus { content: '\e004'; } // '' 
+@mixin ms-Icon--minus { content: '\e005'; } // '' 
+@mixin ms-Icon--question { content: '\e006'; } // '' 
+@mixin ms-Icon--exclamation { content: '\e007'; } // '' 
+@mixin ms-Icon--person { content: '\e008'; } // '' 
+@mixin ms-Icon--mail { content: '\e009'; } // '' 
+@mixin ms-Icon--infoCircle { content: '\e00a'; } // '' 
+@mixin ms-Icon--alert { content: '\e00b'; } // '' 
+@mixin ms-Icon--xCircle { content: '\e00c'; } // '' 
+@mixin ms-Icon--mailOpen { content: '\e00d'; } // '' 
+@mixin ms-Icon--people { content: '\e00e'; } // '' 
+@mixin ms-Icon--bell { content: '\e010'; } // '' 
+@mixin ms-Icon--calendar { content: '\e011'; } // '' 
+@mixin ms-Icon--scheduling { content: '\e012'; } // '' 
+@mixin ms-Icon--event { content: '\e013'; } // '' 
+@mixin ms-Icon--folder { content: '\e014'; } // '' 
+@mixin ms-Icon--documents { content: '\e015'; } // '' 
+@mixin ms-Icon--onedrive { content: '\e016'; } // '' 
+@mixin ms-Icon--chat { content: '\e017'; } // '' 
+@mixin ms-Icon--sites { content: '\e018'; } // '' 
+@mixin ms-Icon--listBullets { content: '\e019'; } // '' 
+@mixin ms-Icon--calendarWeek { content: '\e01a'; } // '' 
+@mixin ms-Icon--calendarWorkWeek { content: '\e01b'; } // '' 
+@mixin ms-Icon--calendarDay { content: '\e01c'; } // '' 
+@mixin ms-Icon--folderMove { content: '\e01d'; } // '' 
+@mixin ms-Icon--panel { content: '\e01e'; } // '' 
+@mixin ms-Icon--popout { content: '\e01f'; } // '' 
+@mixin ms-Icon--menu { content: '\e020'; } // '' 
+@mixin ms-Icon--home { content: '\e021'; } // '' 
+@mixin ms-Icon--favorites { content: '\e022'; } // '' 
+@mixin ms-Icon--phone { content: '\e023'; } // '' 
+@mixin ms-Icon--mailSend { content: '\e024'; } // '' 
+@mixin ms-Icon--save { content: '\e025'; } // '' 
+@mixin ms-Icon--trash { content: '\e026'; } // '' 
+@mixin ms-Icon--pencil { content: '\e027'; } // '' 
+@mixin ms-Icon--flag { content: '\e028'; } // '' 
+@mixin ms-Icon--reply { content: '\e029'; } // '' 
+@mixin ms-Icon--miniatures { content: '\e02a'; } // '' 
+@mixin ms-Icon--voicemail { content: '\e02b'; } // '' 
+@mixin ms-Icon--play { content: '\e02c'; } // '' 
+@mixin ms-Icon--pause { content: '\e02d'; } // '' 
+@mixin ms-Icon--onlineAdd { content: '\e02e'; } // '' 
+@mixin ms-Icon--onlineJoin { content: '\e02f'; } // '' 
+@mixin ms-Icon--replyAll { content: '\e030'; } // '' 
+@mixin ms-Icon--attachment { content: '\e031'; } // '' 
+@mixin ms-Icon--drm { content: '\e032'; } // '' 
+@mixin ms-Icon--pinDown { content: '\e033'; } // '' 
+@mixin ms-Icon--refresh { content: '\e034'; } // '' 
+@mixin ms-Icon--gear { content: '\e035'; } // '' 
+@mixin ms-Icon--smiley { content: '\e036'; } // '' 
+@mixin ms-Icon--info { content: '\e037'; } // '' 
+@mixin ms-Icon--lock { content: '\e038'; } // '' 
+@mixin ms-Icon--search { content: '\e039'; } // '' 
+@mixin ms-Icon--questionReverse { content: '\e03a'; } // '' 
+@mixin ms-Icon--notRecurring { content: '\e03b'; } // '' 
+@mixin ms-Icon--tasks { content: '\e040'; } // '' 
+@mixin ms-Icon--check { content: '\e041'; } // '' 
+@mixin ms-Icon--x { content: '\e042'; } // '' 
+@mixin ms-Icon--ellipsis { content: '\e045'; } // '' 
+@mixin ms-Icon--dot { content: '\e046'; } // '' 
+@mixin ms-Icon--arrowUp { content: '\e047'; } // '' 
+@mixin ms-Icon--arrowDown { content: '\e048'; } // '' 
+@mixin ms-Icon--arrowLeft { content: '\e049'; } // '' 
+@mixin ms-Icon--arrowRight { content: '\e04a'; } // '' 
+@mixin ms-Icon--download { content: '\e04b'; } // '' 
+@mixin ms-Icon--directions { content: '\e04c'; } // '' 
+@mixin ms-Icon--microphone { content: '\e04f'; } // '' 
+@mixin ms-Icon--caretUp { content: '\e051'; } // '' 
+@mixin ms-Icon--caretDown { content: '\e052'; } // '' 
+@mixin ms-Icon--caretLeft { content: '\e053'; } // '' 
+@mixin ms-Icon--caretRight { content: '\e054'; } // '' 
+@mixin ms-Icon--caretUpLeft { content: '\e05a'; } // '' 
+@mixin ms-Icon--caretUpRight { content: '\e05b'; } // '' 
+@mixin ms-Icon--caretDownRight { content: '\e05c'; } // '' 
+@mixin ms-Icon--caretDownLeft { content: '\e05d'; } // '' 
+@mixin ms-Icon--note { content: '\e06a'; } // '' 
+@mixin ms-Icon--noteReply { content: '\e06b'; } // '' 
+@mixin ms-Icon--noteForward { content: '\e06c'; } // '' 
+@mixin ms-Icon--key { content: '\e06f'; } // '' 
+@mixin ms-Icon--tile { content: '\e070'; } // '' 
+@mixin ms-Icon--taskRecurring { content: '\e071'; } // '' 
+@mixin ms-Icon--starEmpty { content: '\e073'; } // '' 
+@mixin ms-Icon--upload { content: '\e076'; } // '' 
+@mixin ms-Icon--wrench { content: '\e077'; } // '' 
+@mixin ms-Icon--share { content: '\e078'; } // '' 
+@mixin ms-Icon--documentReply { content: '\e079'; } // '' 
+@mixin ms-Icon--documentForward { content: '\e07a'; } // '' 
+@mixin ms-Icon--partner { content: '\e080'; } // '' 
+@mixin ms-Icon--reactivate { content: '\e084'; } // '' 
+@mixin ms-Icon--sort { content: '\e085'; } // '' 
+@mixin ms-Icon--personAdd { content: '\e086'; } // '' 
+@mixin ms-Icon--chevronUp { content: '\e087'; } // '' 
+@mixin ms-Icon--chevronDown { content: '\e088'; } // '' 
+@mixin ms-Icon--chevronLeft { content: '\e089'; } // '' 
+@mixin ms-Icon--chevronRight { content: '\e08a'; } // '' 
+@mixin ms-Icon--peopleAdd { content: '\e08c'; } // '' 
+@mixin ms-Icon--newsfeed { content: '\e08d'; } // '' 
+@mixin ms-Icon--notebook { content: '\e08e'; } // '' 
+@mixin ms-Icon--link { content: '\e08f'; } // '' 
+@mixin ms-Icon--chevronsUp { content: '\e090'; } // '' 
+@mixin ms-Icon--chevronsDown { content: '\e091'; } // '' 
+@mixin ms-Icon--chevronsLeft { content: '\e092'; } // '' 
+@mixin ms-Icon--chevronsRight { content: '\e093'; } // '' 
+@mixin ms-Icon--clutter { content: '\e09a'; } // '' 
+@mixin ms-Icon--subscribe { content: '\e09c'; } // '' 
+@mixin ms-Icon--unsubscribe { content: '\e09d'; } // '' 
+@mixin ms-Icon--personRemove { content: '\e09e'; } // '' 
+@mixin ms-Icon--receiptForward { content: '\e0a0'; } // '' 
+@mixin ms-Icon--receiptReply { content: '\e0a1'; } // '' 
+@mixin ms-Icon--receiptCheck { content: '\e0a2'; } // '' 
+@mixin ms-Icon--peopleRemove { content: '\e0a3'; } // '' 
+@mixin ms-Icon--merge { content: '\e0a4'; } // '' 
+@mixin ms-Icon--split { content: '\e0a5'; } // '' 
+@mixin ms-Icon--eventCancel { content: '\e0a6'; } // '' 
+@mixin ms-Icon--eventShare { content: '\e0a7'; } // '' 
+@mixin ms-Icon--today { content: '\e0a9'; } // '' 
+@mixin ms-Icon--oofReply { content: '\e0aa'; } // '' 
+@mixin ms-Icon--voicemailReply { content: '\e0ac'; } // '' 
+@mixin ms-Icon--voicemailForward { content: '\e0ad'; } // '' 
+@mixin ms-Icon--ribbon { content: '\e0af'; } // '' 
+@mixin ms-Icon--contact { content: '\e0b0'; } // '' 
+@mixin ms-Icon--eye { content: '\e0b1'; } // '' 
+@mixin ms-Icon--glasses { content: '\e0b2'; } // '' 
+@mixin ms-Icon--print { content: '\e100'; } // '' 
+@mixin ms-Icon--room { content: '\e101'; } // '' 
+@mixin ms-Icon--post { content: '\e102'; } // '' 
+@mixin ms-Icon--toggle { content: '\e103'; } // '' 
+@mixin ms-Icon--touch { content: '\e104'; } // '' 
+@mixin ms-Icon--clock { content: '\e105'; } // '' 
+@mixin ms-Icon--fax { content: '\e106'; } // '' 
+@mixin ms-Icon--lightning { content: '\e110'; } // '' 
+@mixin ms-Icon--dialpad { content: '\e111'; } // '' 
+@mixin ms-Icon--phoneTransfer { content: '\e112'; } // '' 
+@mixin ms-Icon--phoneAdd { content: '\e113'; } // '' 
+@mixin ms-Icon--late { content: '\e114'; } // '' 
+@mixin ms-Icon--chatAdd { content: '\e115'; } // '' 
+@mixin ms-Icon--conflict { content: '\e116'; } // '' 
+@mixin ms-Icon--navigate { content: '\e117'; } // '' 
+@mixin ms-Icon--camera { content: '\e119'; } // '' 
+@mixin ms-Icon--filter { content: '\e11a'; } // '' 
+@mixin ms-Icon--fullscreen { content: '\e11b'; } // '' 
+@mixin ms-Icon--new { content: '\e11c'; } // '' 
+@mixin ms-Icon--mailEmpty { content: '\e11d'; } // '' 
+@mixin ms-Icon--editBox { content: '\e11e'; } // '' 
+@mixin ms-Icon--waffle { content: '\e11f'; } // '' 
+@mixin ms-Icon--work { content: '\e120'; } // '' 
+@mixin ms-Icon--eventRecurring { content: '\e121'; } // '' 
+@mixin ms-Icon--cart { content: '\e122'; } // '' 
+@mixin ms-Icon--socialListening { content: '\e123'; } // '' 
+@mixin ms-Icon--mapMarker { content: '\e124'; } // '' 
+@mixin ms-Icon--org { content: '\e125'; } // '' 
+@mixin ms-Icon--replyAlt { content: '\e150'; } // '' 
+@mixin ms-Icon--replyAllAlt { content: '\e152'; } // '' 
+@mixin ms-Icon--eventInfo { content: '\e154'; } // '' 
+@mixin ms-Icon--group { content: '\e155'; } // '' 
+@mixin ms-Icon--money { content: '\e161'; } // '' 
+@mixin ms-Icon--graph { content: '\e162'; } // '' 
+@mixin ms-Icon--noteEdit { content: '\e163'; } // '' 
+@mixin ms-Icon--dashboard { content: '\e164'; } // '' 
+@mixin ms-Icon--mailEdit { content: '\e165'; } // '' 
+@mixin ms-Icon--pinLeft { content: '\e167'; } // '' 
+@mixin ms-Icon--heart { content: '\e16a'; } // '' 
+@mixin ms-Icon--heartEmpty { content: '\e16b'; } // '' 
+@mixin ms-Icon--picture { content: '\e16c'; } // '' 
+@mixin ms-Icon--cake { content: '\e16d'; } // '' 
+@mixin ms-Icon--books { content: '\e16e'; } // '' 
+@mixin ms-Icon--chart { content: '\e16f'; } // '' 
+@mixin ms-Icon--video { content: '\e170'; } // '' 
+@mixin ms-Icon--soccer { content: '\e171'; } // '' 
+@mixin ms-Icon--meal { content: '\e172'; } // '' 
+@mixin ms-Icon--balloon { content: '\e173'; } // '' 
+@mixin ms-Icon--cat { content: '\e174'; } // '' 
+@mixin ms-Icon--dog { content: '\e175'; } // '' 
+@mixin ms-Icon--bag { content: '\e176'; } // '' 
+@mixin ms-Icon--music { content: '\e177'; } // '' 
+@mixin ms-Icon--stopwatch { content: '\e178'; } // '' 
+@mixin ms-Icon--coffee { content: '\e179'; } // '' 
+@mixin ms-Icon--briefcase { content: '\e17a'; } // '' 
+@mixin ms-Icon--pill { content: '\e17b'; } // '' 
+@mixin ms-Icon--trophy { content: '\e17c'; } // '' 
+@mixin ms-Icon--firstAid { content: '\e17d'; } // '' 
+@mixin ms-Icon--plane { content: '\e17e'; } // '' 
+@mixin ms-Icon--page { content: '\e17f'; } // '' 
+@mixin ms-Icon--car { content: '\e180'; } // '' 
+@mixin ms-Icon--dogAlt { content: '\e181'; } // '' 
+@mixin ms-Icon--document { content: '\e182'; } // '' 
+@mixin ms-Icon--metadata { content: '\e183'; } // '' 
+@mixin ms-Icon--pointItem { content: '\e184'; } // '' 
+@mixin ms-Icon--text { content: '\e185'; } // '' 
+@mixin ms-Icon--fieldText { content: '\e186'; } // '' 
+@mixin ms-Icon--fieldNumber { content: '\e187'; } // '' 
+@mixin ms-Icon--dropdown { content: '\e188'; } // '' 
+@mixin ms-Icon--radioButton { content: '\e189'; } // '' 
+@mixin ms-Icon--checkbox { content: '\e18a'; } // '' 
+@mixin ms-Icon--story { content: '\e18b'; } // '' 
+@mixin ms-Icon--bold { content: '\e18c'; } // '' 
+@mixin ms-Icon--italic { content: '\e18d'; } // '' 
+@mixin ms-Icon--underline { content: '\e18e'; } // '' 
+@mixin ms-Icon--quote { content: '\e18f'; } // '' 
+@mixin ms-Icon--styleRemove { content: '\e190'; } // '' 
+@mixin ms-Icon--pictureAdd { content: '\e191'; } // '' 
+@mixin ms-Icon--pictureRemove { content: '\e192'; } // '' 
+@mixin ms-Icon--desktop { content: '\e193'; } // '' 
+@mixin ms-Icon--tablet { content: '\e194'; } // '' 
+@mixin ms-Icon--mobile { content: '\e195'; } // '' 
+@mixin ms-Icon--table { content: '\e196'; } // '' 
+@mixin ms-Icon--hide { content: '\e197'; } // '' 
+@mixin ms-Icon--shield { content: '\e198'; } // '' 
+@mixin ms-Icon--header { content: '\e19a'; } // '' 
+@mixin ms-Icon--paint { content: '\e19b'; } // '' 
+@mixin ms-Icon--support { content: '\e19c'; } // '' 
+@mixin ms-Icon--settings { content: '\e19d'; } // '' 
+@mixin ms-Icon--creditCard { content: '\e19e'; } // '' 
+@mixin ms-Icon--reload { content: '\e19f'; } // '' 
+@mixin ms-Icon--peopleSecurity { content: '\e200'; } // '' 
+@mixin ms-Icon--fieldTextBox { content: '\e203'; } // '' 
+@mixin ms-Icon--multiChoice { content: '\e204'; } // '' 
+@mixin ms-Icon--fieldMail { content: '\e205'; } // '' 
+@mixin ms-Icon--contactForm { content: '\e206'; } // '' 
+@mixin ms-Icon--circleHalfFilled { content: '\e207'; } // '' 
+@mixin ms-Icon--documentPDF { content: '\e208'; } // '' 
+@mixin ms-Icon--bookmark { content: '\e209'; } // '' 
+@mixin ms-Icon--circleUnfilled { content: '\e20b'; } // '' 
+@mixin ms-Icon--circleFilled { content: '\e20c'; } // '' 
+@mixin ms-Icon--textBox { content: '\e20e'; } // '' 
+@mixin ms-Icon--drop { content: '\e20f'; } // '' 
+@mixin ms-Icon--sun { content: '\e210'; } // '' 
+@mixin ms-Icon--lifesaver { content: '\e211'; } // '' 
+@mixin ms-Icon--lifesaverLock { content: '\e212'; } // '' 
+@mixin ms-Icon--mailUnread { content: '\e213'; } // '' 
+@mixin ms-Icon--mailRead { content: '\e214'; } // '' 
+@mixin ms-Icon--inboxCheck { content: '\e215'; } // '' 
+@mixin ms-Icon--folderSearch { content: '\e216'; } // '' 
+@mixin ms-Icon--collapse { content: '\e217'; } // '' 
+@mixin ms-Icon--expand { content: '\e218'; } // '' 
+@mixin ms-Icon--ascending { content: '\e219'; } // '' 
+@mixin ms-Icon--descending { content: '\e21a'; } // '' 
+@mixin ms-Icon--filterClear { content: '\e21b'; } // '' 
+@mixin ms-Icon--checkboxEmpty { content: '\e21c'; } // '' 
+@mixin ms-Icon--checkboxMixed { content: '\e21d'; } // '' 
+@mixin ms-Icon--boards { content: '\e21e'; } // '' 
+@mixin ms-Icon--checkboxCheck { content: '\e21f'; } // '' 
+@mixin ms-Icon--frowny { content: '\e220'; } // '' 
+@mixin ms-Icon--lightBulb { content: '\e221'; } // '' 
+@mixin ms-Icon--globe { content: '\e222'; } // '' 
+@mixin ms-Icon--deviceWipe { content: '\e223'; } // '' 
+@mixin ms-Icon--listCheck { content: '\e226'; } // '' 
+@mixin ms-Icon--listGroup { content: '\e227'; } // '' 
+@mixin ms-Icon--timeline { content: '\e228'; } // '' 
+@mixin ms-Icon--fontIncrease { content: '\e229'; } // '' 
+@mixin ms-Icon--fontDecrease { content: '\e22a'; } // '' 
+@mixin ms-Icon--fontColor { content: '\e22b'; } // '' 
+@mixin ms-Icon--mailCheck { content: '\e22c'; } // '' 
+@mixin ms-Icon--mailDown { content: '\e22d'; } // '' 
+@mixin ms-Icon--listCheckbox { content: '\e22e'; } // '' 
+@mixin ms-Icon--sunAdd { content: '\e22f'; } // '' 
+@mixin ms-Icon--sunQuestion { content: '\e230'; } // '' 
+@mixin ms-Icon--chevronThinUp { content: '\e231'; } // '' 
+@mixin ms-Icon--chevronThinDown { content: '\e232'; } // '' 
+@mixin ms-Icon--chevronThinLeft { content: '\e233'; } // '' 
+@mixin ms-Icon--chevronThinRight { content: '\e234'; } // '' 
+@mixin ms-Icon--chevronThickUp { content: '\e235'; } // '' 
+@mixin ms-Icon--chevronThickDown { content: '\e236'; } // '' 
+@mixin ms-Icon--chevronThickLeft { content: '\e237'; } // '' 
+@mixin ms-Icon--chevronThickRight { content: '\e238'; } // '' 
+@mixin ms-Icon--linkRemove { content: '\e239'; } // '' 
+@mixin ms-Icon--alertOutline { content: '\e23b'; } // '' 
+@mixin ms-Icon--documentLandscape { content: '\e23c'; } // '' 
+@mixin ms-Icon--documentAdd { content: '\e23d'; } // '' 
+@mixin ms-Icon--toggleMiddle { content: '\e23e'; } // '' 
+@mixin ms-Icon--embed { content: '\e23f'; } // '' 
+@mixin ms-Icon--listNumbered { content: '\e240'; } // '' 
+@mixin ms-Icon--peopleCheck { content: '\e242'; } // '' 
+@mixin ms-Icon--caretUpOutline { content: '\e243'; } // '' 
+@mixin ms-Icon--caretDownOutline { content: '\e244'; } // '' 
+@mixin ms-Icon--caretLeftOutline { content: '\e245'; } // '' 
+@mixin ms-Icon--caretRightOutline { content: '\e246'; } // '' 
+@mixin ms-Icon--mailSync { content: '\e248'; } // '' 
+@mixin ms-Icon--mailError { content: '\e249'; } // '' 
+@mixin ms-Icon--mailPause { content: '\e24a'; } // '' 
+@mixin ms-Icon--peopleSync { content: '\e24b'; } // '' 
+@mixin ms-Icon--peopleError { content: '\e24c'; } // '' 
+@mixin ms-Icon--peoplePause { content: '\e24d'; } // '' 
+@mixin ms-Icon--circleBall { content: '\e24e'; } // '' 
+@mixin ms-Icon--circleBalloons { content: '\e24f'; } // '' 
+@mixin ms-Icon--circleCar { content: '\e250'; } // '' 
+@mixin ms-Icon--circleCat { content: '\e251'; } // '' 
+@mixin ms-Icon--circleCoffee { content: '\e252'; } // '' 
+@mixin ms-Icon--circleDog { content: '\e253'; } // '' 
+@mixin ms-Icon--circleLightning { content: '\e254'; } // '' 
+@mixin ms-Icon--circlePill { content: '\e255'; } // '' 
+@mixin ms-Icon--circlePlane { content: '\e256'; } // '' 
+@mixin ms-Icon--circlePoodle { content: '\e257'; } // '' 
+@mixin ms-Icon--checkPeople { content: '\e259'; } // '' 
+@mixin ms-Icon--documentSearch { content: '\e25a'; } // '' 
+@mixin ms-Icon--sortLines { content: '\e25c'; } // '' 
+@mixin ms-Icon--calendarPublic { content: '\e25d'; } // '' 
+@mixin ms-Icon--contactPublic { content: '\e25e'; } // '' 
+@mixin ms-Icon--classNotebook { content: '\e25f'; } // '' 
+@mixin ms-Icon--triangleUp { content: '\e260'; } // '' 
+@mixin ms-Icon--triangleRight { content: '\e261'; } // '' 
+@mixin ms-Icon--triangleDown { content: '\e262'; } // '' 
+@mixin ms-Icon--triangleLeft { content: '\e263'; } // '' 
+@mixin ms-Icon--triangleEmptyUp { content: '\e264'; } // '' 
+@mixin ms-Icon--triangleEmptyRight { content: '\e265'; } // '' 
+@mixin ms-Icon--triangleEmptyDown { content: '\e266'; } // '' 
+@mixin ms-Icon--triangleEmptyLeft { content: '\e267'; } // '' 
+@mixin ms-Icon--filePDF { content: '\e268'; } // '' 
+@mixin ms-Icon--fileImage { content: '\e26c'; } // '' 
+@mixin ms-Icon--fileDocument { content: '\e26d'; } // '' 
+@mixin ms-Icon--listGroup2 { content: '\e26e'; } // '' 
+@mixin ms-Icon--copy { content: '\e26f'; } // '' 
+@mixin ms-Icon--creditCardOutline { content: '\e270'; } // '' 
+@mixin ms-Icon--mailPublic { content: '\e272'; } // '' 
+@mixin ms-Icon--folderPublic { content: '\e273'; } // '' 
+@mixin ms-Icon--teamwork { content: '\e274'; } // '' 
+@mixin ms-Icon--move { content: '\e275'; } // '' 
+@mixin ms-Icon--classroom { content: '\e276'; } // '' 
+@mixin ms-Icon--menu2 { content: '\e277'; } // '' 
+@mixin ms-Icon--plus2 { content: '\e278'; } // '' 
+@mixin ms-Icon--tag { content: '\e279'; } // '' 
+@mixin ms-Icon--arrowUp2 { content: '\e27a'; } // '' 
+@mixin ms-Icon--arrowDown2 { content: '\e27b'; } // '' 
+@mixin ms-Icon--circlePlus { content: '\e27c'; } // '' 
+@mixin ms-Icon--circleInfo { content: '\e27d'; } // '' 
+@mixin ms-Icon--section { content: '\e27e'; } // '' 
+@mixin ms-Icon--sections { content: '\e27f'; } // '' 
+@mixin ms-Icon--at { content: '\e282'; } // '' 
+@mixin ms-Icon--arrowUpRight { content: '\e283'; } // '' 
+@mixin ms-Icon--arrowDownRight { content: '\e284'; } // '' 
+@mixin ms-Icon--arrowDownLeft { content: '\e285'; } // '' 
+@mixin ms-Icon--arrowUpLeft { content: '\e286'; } // '' 
+@mixin ms-Icon--bundle { content: '\e287'; } // '' 
+@mixin ms-Icon--pictureEdit { content: '\e288'; } // '' 
+@mixin ms-Icon--protectionCenter { content: '\e289'; } // '' 
+@mixin ms-Icon--alert2 { content: '\e28a'; } // '' 
+
+
+@mixin ms-Icon--circle {
+  position: relative;
+  display: inline-block;
+  font-size: 1rem;
+  width:   1em;
+  height:  1em;
+  margin:  0 0.5em 0 0;
+  padding: 0;
+  text-align: left;
+  -webkit-font-smoothing: antialiased;
+
+  &:before, &:after {
+    line-height: 1;
+    font-size: inherit;
+  }
+
+  &:before {
+    display: block;
+    width:  100%;
+    height: 100%;
+    margin:  0;
+    padding: 0;
+    vertical-align: top;
+    position: absolute;
+  }
+
+  &:after {
+    content: '\e000';
+    position: absolute;
+    top:  0;
+    left: 0;
+    transform: scale(2);
+    transform-origin: 50% 50%;
+    z-index: $ms-zIndex-back;
+  }
+}