├── images └── image1471975566906.Png ├── HumongousInsuranceAgentsAddinWeb ├── Images │ └── Close.png ├── packages-archive.config ├── Content │ ├── sass │ │ ├── _Fabric.Common.scss │ │ ├── Fabric.Utilities.Output.scss │ │ ├── Fabric.Grid.Output.scss │ │ ├── _Fabric.Grid.scss │ │ ├── _Fabric.Utilities.scss │ │ ├── _Fabric.ZIndex.Variables.scss │ │ ├── Fabric.Icons.Font.Output.scss │ │ ├── Fabric.scss │ │ ├── Fabric.RTL.scss │ │ ├── _Fabric.Typography.Variables.scss │ │ ├── _Fabric.Responsive.Variables.scss │ │ ├── _Office.Color.Variables.scss │ │ ├── Fabric.Components.scss │ │ ├── Fabric.Animations.RTL.Output.scss │ │ ├── _Fabric.Animations.RTL.scss │ │ ├── _Fabric.Color.Variables.scss │ │ ├── Fabric.Typography.Fonts.Output.scss │ │ ├── Fabric.Icons.RTL.Output.scss │ │ ├── Fabric.Typography.Language.Overrides.Output.scss │ │ ├── _Fabric.Typography.Language.Overrides.scss │ │ ├── _Fabric.Typography.Fonts.scss │ │ ├── _Fabric.Animations.scss │ │ ├── _Fabric.Mixins.scss │ │ ├── _Fabric.Typography.scss │ │ ├── Fabric.Typography.Output.scss │ │ ├── _Fabric.Color.Mixins.scss │ │ ├── Fabric.Color.Mixins.Output.scss │ │ ├── Fabric.Animations.Output.scss │ │ ├── _Fabric.Responsive.Utilities.Variables.scss │ │ └── _Fabric.Icons.scss │ ├── OfficeThemes.css │ └── Office.css ├── Scripts │ ├── _references.js │ ├── _officeintellisense.js │ └── FabricUI │ │ └── MessageBanner.js ├── Web.config ├── Web.Debug.config ├── Web.Release.config ├── Properties │ └── AssemblyInfo.cs └── Home │ ├── Home.css │ ├── dropdown.js │ └── Home.html ├── HumongousInsuranceAgentsAddin ├── HumongousInsuranceExcelSpreadsheet.xlsx ├── HumongousInsuranceAgentsAddinManifest │ ├── SharePointProjectItem.spdata │ └── HumongousInsuranceAgentsAddin.xml └── HumongousInsuranceAgentsAddin.csproj ├── Excel-Content-Add-in-Humongous-Insurance.yml ├── LICENSE ├── HumongousInsuranceAgentsAddin.sln ├── README-Localized ├── README-zh-cn.md ├── README-zh-tw.md ├── README-ja-jp.md ├── README-pt-br.md ├── README-de-de.md ├── README-es-es.md ├── README-ru-ru.md └── README-fr-fr.md ├── README.md └── .gitignore /images/image1471975566906.Png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/HEAD/images/image1471975566906.Png -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Images/Close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/HEAD/HumongousInsuranceAgentsAddinWeb/Images/Close.png -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddin/HumongousInsuranceExcelSpreadsheet.xlsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/HEAD/HumongousInsuranceAgentsAddin/HumongousInsuranceExcelSpreadsheet.xlsx -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/packages-archive.config: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/_Fabric.Common.scss: -------------------------------------------------------------------------------- 1 | @import "./Fabric.Animations"; 2 | @import "./Fabric.Color.Mixins"; 3 | @import "./Fabric.Color.Variables"; 4 | @import "./Fabric.Grid"; 5 | @import "./Fabric.Icons"; 6 | @import "./Fabric.Mixins"; 7 | @import './Fabric.Responsive.Utilities.Variables'; 8 | @import "./Fabric.Responsive.Variables"; 9 | @import "./Fabric.Typography"; 10 | @import "./Fabric.Typography.Fonts"; 11 | @import "./Fabric.Typography.Variables"; 12 | @import "./Fabric.Utilities"; 13 | @import "./Fabric.ZIndex.Variables"; 14 | @import "./Office.Color.Variables"; -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Scripts/_references.js: -------------------------------------------------------------------------------- 1 | /// 2 | /* Required to correctly initalize Office.js for intellisense */ 3 | /// 4 | /* Use offline copy of Office.js for intellisense */ 5 | // /// 6 | // /// 7 | /* Use online copy of Office.js for intellisense */ 8 | /// 9 | /// 10 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddin/HumongousInsuranceAgentsAddinManifest/SharePointProjectItem.spdata: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /Excel-Content-Add-in-Humongous-Insurance.yml: -------------------------------------------------------------------------------- 1 | ### YamlMime:Sample 2 | sample: 3 | - name: Humongous Insurance content Excel add-in 4 | path: '' 5 | description: The Humongous Insurance content add-in shows how you can use the new JavaScript API for Microsoft Excel 2016 to create a compelling Excel add-in. This add-in shows how you can embed rich, interactive objects into Office documents. The following figure show the main screens of this add-in. 6 | readme: '' 7 | generateZip: FALSE 8 | isLive: TRUE 9 | technologies: 10 | - Office Add-in 11 | azureDeploy: '' 12 | author: umasubra 13 | platforms: [] 14 | languages: 15 | - JavaScript 16 | extensions: 17 | products: 18 | - Excel 19 | scenarios: [] 20 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/Fabric.Utilities.Output.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // Utility classes and mixins used throughout Fabric. 7 | 8 | @import "Fabric.Utilities"; 9 | 10 | // The best box is a border box. 11 | .ms-u-borderBox, .ms-u-borderBox:before, .ms-u-borderBox:after { 12 | @include ms-u-borderBox; 13 | } 14 | 15 | // Ensures the block expands to the full height to enclose its floated childen. 16 | .ms-u-clearfix { 17 | @include ms-u-clearfix; 18 | } 19 | 20 | // Basic border-box, margin, and padding reset. 21 | .ms-u-normalize { 22 | @include ms-u-normalize; 23 | } 24 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/Fabric.Grid.Output.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // Fluid 12-column grids for small, medium, and large devices 7 | 8 | @import "Fabric.Grid"; 9 | 10 | //== Grid container (same for all sizes) 11 | // 12 | .ms-Grid { 13 | @include ms-Grid; 14 | } 15 | 16 | //== Grid rows (pull first and last column out) 17 | // 18 | .ms-Grid-row { 19 | @include ms-Grid-row; 20 | } 21 | 22 | //== Grid cells 23 | // 24 | .ms-Grid-col { 25 | @include ms-Grid-col; 26 | } 27 | 28 | // For nested grids (a grid inside a column), removing the padding 29 | // so that the nested grid's columns go to the edge of the parent's. 30 | .ms-Grid-col .ms-Grid { 31 | padding: 0; 32 | } 33 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/_Fabric.Grid.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // Fluid 12-column grids for small, medium, and large devices 7 | 8 | 9 | //== Grid container (same for all sizes) 10 | // 11 | @mixin ms-Grid { 12 | @include ms-u-borderBox; 13 | @include ms-u-clearfix; 14 | padding: 0 8px; 15 | } 16 | 17 | //== Grid rows (pull first and last column out) 18 | // 19 | @mixin ms-Grid-row { 20 | margin: 0 -8px; 21 | @include ms-u-borderBox; 22 | @include ms-u-clearfix; 23 | } 24 | 25 | //== Grid cells 26 | // 27 | @mixin ms-Grid-col { 28 | position: relative; 29 | min-height: 1px; 30 | padding-left: 8px; 31 | padding-right: 8px; 32 | @include ms-u-borderBox; 33 | float: left; 34 | } -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/_Fabric.Utilities.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // Utility classes and mixins used throughout Fabric. 7 | 8 | @import "Fabric.Mixins"; 9 | 10 | // The best box is a border box. 11 | @mixin ms-u-borderBox { 12 | box-sizing: border-box; 13 | } 14 | 15 | // Ensures the block expands to the full height to enclose its floated childen. 16 | 17 | @mixin ms-u-clearfix { 18 | *zoom: 1; 19 | &:before, 20 | &:after { 21 | display: table; 22 | content: ""; 23 | line-height: 0; 24 | } 25 | &:after { 26 | clear: both; 27 | } 28 | } 29 | 30 | // Basic border-box, margin, and padding reset. 31 | @mixin ms-u-normalize { 32 | @include ms-u-borderBox; 33 | @include resetMargins; 34 | @include resetPadding; 35 | @include resetBoxShadow; 36 | } 37 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/_Fabric.ZIndex.Variables.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // Z-Index Layeringz 7 | 8 | 9 | // Base Layer Variables 10 | $ms-zIndex-0: 0; 11 | $ms-zIndex-1: 100; 12 | $ms-zIndex-2: 200; 13 | $ms-zIndex-3: 300; 14 | $ms-zIndex-4: 400; 15 | $ms-zIndex-5: 500; 16 | 17 | // Base Layer Modifier Variables 18 | $ms-zIndex-back: 0; 19 | $ms-zIndex-middle: 5; 20 | $ms-zIndex-front: 10; 21 | 22 | 23 | // Fabric Component Base Layer Assignments 24 | 25 | $ms-zIndex-Callout: $ms-zIndex-1; 26 | $ms-zIndex-ContextualMenu: $ms-zIndex-1; 27 | $ms-zIndex-Overlay: $ms-zIndex-2; 28 | $ms-zIndex-Panel: $ms-zIndex-3; 29 | $ms-zIndex-DatePicker: $ms-zIndex-3; 30 | $ms-zIndex-Dialog: $ms-zIndex-3; 31 | $ms-zIndex-PeoplePicker: $ms-zIndex-3; 32 | $ms-zIndex-Dropdown: $ms-zIndex-4; 33 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/Fabric.Icons.Font.Output.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // Icon font-family definition 7 | 8 | /* 9 | Your use of the content in the files referenced here are subject to the terms of the license at http://aka.ms/fabric-font-license 10 | */ 11 | 12 | @import "Fabric.Typography.Fonts"; 13 | 14 | @font-face { 15 | font-family: 'Office365Icons'; 16 | src: url('#{$ms-font-directory}/icons/office365icons.eot?'); 17 | src: url('#{$ms-font-directory}/icons/office365icons.eot?#iefix') format('embedded-opentype'), 18 | url('#{$ms-font-directory}/icons/office365icons.woff?') format('woff'), 19 | url('#{$ms-font-directory}/icons/office365icons.ttf?') format('truetype'), 20 | url('#{$ms-font-directory}/icons/office365icons.svg?#office365icons') format('svg'); 21 | font-weight: normal; 22 | font-style: normal; 23 | } 24 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/Fabric.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // Core Module Loader 6 | 7 | 8 | // Common utilities 9 | @import './Fabric.Utilities.Output'; 10 | @import './Fabric.ZIndex.Variables'; 11 | @import './Fabric.Mixins'; 12 | 13 | // Colors 14 | @import './Fabric.Color.Variables'; 15 | @import './Fabric.Color.Mixins.Output'; 16 | 17 | // Typography 18 | @import './Fabric.Typography.Variables'; 19 | @import './Fabric.Typography.Output'; 20 | @import './Fabric.Typography.Fonts.Output'; 21 | @import './Fabric.Typography.Language.Overrides.Output'; 22 | 23 | // Icons 24 | @import './Fabric.Icons.Font.Output'; 25 | @import './Fabric.Icons.Output'; 26 | 27 | // Animations 28 | @import './Fabric.Animations.Output'; 29 | 30 | // Responsive 31 | @import './Fabric.Responsive.Variables'; 32 | @import './Fabric.Responsive.Utilities.Variables'; 33 | @import './Fabric.Responsive.Utilities.Output'; 34 | 35 | // Grid 36 | @import './Fabric.Grid.Output'; 37 | 38 | // Office colors 39 | @import './Office.Color.Variables'; 40 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/Fabric.RTL.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // OSS Framework Design Language 5 | // -------------------------------------------------- 6 | // Fabric Core Module Loader (RTL) 7 | 8 | // Common utilities 9 | @import './Fabric.Utilities.Output'; 10 | @import './Fabric.ZIndex.Variables'; 11 | @import './Fabric.Mixins'; 12 | 13 | // Colors 14 | @import './Fabric.Color.Variables'; 15 | @import './Fabric.Color.Mixins.Output'; 16 | 17 | // Typography 18 | @import './Fabric.Typography.Variables'; 19 | @import './Fabric.Typography.Fonts.Output'; 20 | @import './Fabric.Typography.Output'; 21 | @import './Fabric.Typography.Language.Overrides.Output'; 22 | 23 | // Icons 24 | @import './Fabric.Icons.Font.Output'; 25 | @import './Fabric.Icons.RTL.Output'; 26 | 27 | // Animations 28 | @import './Fabric.Animations.RTL.Output'; 29 | 30 | // Responsive 31 | @import './Fabric.Responsive.Variables'; 32 | @import './Fabric.Responsive.Utilities.Output'; 33 | 34 | // Grid 35 | @import './Fabric.Grid.Output'; 36 | 37 | // Office colors 38 | @import './Office.Color.Variables'; -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Excel Content Add-in Humongous Insurance 2 | 3 | Copyright (c) Microsoft Corporation. All rights reserved. 4 | 5 | MIT License 6 | 7 | Permission is hereby granted, free of charge, to any person obtaining 8 | a copy of this software and associated documentation files (the 9 | "Software"), to deal in the Software without restriction, including 10 | without limitation the rights to use, copy, modify, merge, publish, 11 | distribute, sublicense, and/or sell copies of the Software, and to 12 | permit persons to whom the Software is furnished to do so, subject to 13 | the following conditions: 14 | 15 | The above copyright notice and this permission notice shall be 16 | included in all copies or substantial portions of the Software. 17 | 18 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 19 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 20 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND 21 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE 22 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 23 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION 24 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 25 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/_Fabric.Typography.Variables.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // Fabric Core Typography variables 7 | 8 | 9 | $ms-font-family-light: 'Segoe UI Light WestEuropean', 'Segoe UI Light', 'Segoe UI', Tahoma, Arial, sans-serif; 10 | $ms-font-family-regular: 'Segoe UI Regular WestEuropean', 'Segoe UI', Tahoma, Arial, sans-serif; 11 | $ms-font-family-semilight: 'Segoe UI Semilight WestEuropean', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Arial, sans-serif; 12 | $ms-font-family-semibold: 'Segoe UI Semibold WestEuropean', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Arial, sans-serif; 13 | 14 | 15 | //== Type sizes 16 | // 17 | 18 | $ms-font-size-su: 42px; 19 | $ms-font-size-xxl: 28px; 20 | $ms-font-size-xl: 21px; 21 | $ms-font-size-l: 17px; 22 | $ms-font-size-m-plus: 15px; 23 | $ms-font-size-m: 14px; 24 | $ms-font-size-s-plus: 13px; 25 | $ms-font-size-s: 12px; 26 | $ms-font-size-xs: 11px; 27 | $ms-font-size-mi: 10px; 28 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Web.config: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 16 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/_Fabric.Responsive.Variables.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // Fabric responsive variables 7 | 8 | 9 | //== Variables for responsive breakpoints 10 | // 11 | 12 | // Small screen / phone (320px - 479px) 13 | $ms-screen-sm-min: 320px; 14 | 15 | // Medium screen / tablet (480px - 639px) 16 | $ms-screen-md-min: 480px; 17 | 18 | // Large screen / tablet (640px - 1023px) 19 | $ms-screen-lg-min: 640px; 20 | 21 | // Extra large screen / tablet (1024px - 1365px) 22 | $ms-screen-xl-min: 1024px; 23 | 24 | // Extra extra large screen / desktop (1366px - 1919px) 25 | $ms-screen-xxl-min: 1366px; 26 | 27 | // Extra extra extra large screen / desktop (1366px and up) 28 | $ms-screen-xxxl-min: 1920px; 29 | 30 | // Set all maxes since order matters in SASS 31 | $ms-screen-sm-max: ($ms-screen-md-min - 1); 32 | $ms-screen-md-max: ($ms-screen-lg-min - 1); 33 | $ms-screen-lg-max: ($ms-screen-xl-min - 1); 34 | $ms-screen-xl-max: ($ms-screen-xxl-min - 1); 35 | $ms-screen-xxl-max: ($ms-screen-xxxl-min - 1); -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/_Office.Color.Variables.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // Office Core Color Variables 7 | 8 | 9 | //== Theme/Accent colors 10 | // 11 | // Colors used in Office 15 color pickers 12 | // These are deprecated as of Fabric 0.6 13 | 14 | $ms-color-officeAccent1: #FFFFFF; 15 | $ms-color-officeAccent2: #000000; 16 | $ms-color-officeAccent3: #E7E6E5; 17 | $ms-color-officeAccent4: #44546A; 18 | $ms-color-officeAccent5: #5B9BD5; 19 | $ms-color-officeAccent6: #ED7D31; 20 | $ms-color-officeAccent7: #A5A5A5; 21 | $ms-color-officeAccent8: #FFC001; 22 | $ms-color-officeAccent9: #4472C4; 23 | $ms-color-officeAccent10: #70AD47; 24 | 25 | $ms-color-presence-available: #5dd255; 26 | $ms-color-presence-away: #ffd200; 27 | $ms-color-presence-blocked-background: #dedede; 28 | $ms-color-presence-blocked-line: #c72d25; 29 | $ms-color-presence-busy-stripe-light: #e57a79; 30 | $ms-color-presence-busy-stripe-dark: #d00e0d; 31 | $ms-color-presence-busy-average: #d93b3b; 32 | $ms-color-presence-dnd-background: #c72d25; 33 | $ms-color-presence-dnd-line: #ffffff; 34 | $ms-color-presence-offline: #b6cfd8; 35 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/Fabric.Components.scss: -------------------------------------------------------------------------------- 1 | @import 'Fabric.Common'; 2 | 3 | @import '../components/Breadcrumb/Breadcrumb'; 4 | @import '../components/Button/Button'; 5 | @import '../components/Callout/Callout'; 6 | @import '../components/ChoiceField/ChoiceField'; 7 | @import '../components/CommandBar/CommandBar'; 8 | @import '../components/ContextualMenu/ContextualMenu'; 9 | @import '../components/DatePicker/DatePicker'; 10 | @import '../components/Dialog/Dialog'; 11 | @import '../components/Dropdown/Dropdown'; 12 | @import '../components/Label/Label'; 13 | @import '../components/Link/Link'; 14 | @import '../components/List/List'; 15 | @import '../components/ListItem/ListItem'; 16 | @import '../components/MessageBanner/MessageBanner'; 17 | @import '../components/NavBar/NavBar'; 18 | @import '../components/OrgChart/OrgChart'; 19 | @import '../components/Overlay/Overlay'; 20 | @import '../components/Panel/Panel'; 21 | @import '../components/PeoplePicker/PeoplePicker'; 22 | @import '../components/Persona/Persona'; 23 | @import '../components/PersonaCard/PersonaCard'; 24 | @import '../components/Pivot/Pivot'; 25 | @import '../components/ProgressIndicator/ProgressIndicator'; 26 | @import '../components/SearchBox/SearchBox'; 27 | @import '../components/Spinner/Spinner'; 28 | @import '../components/Table/Table'; 29 | @import '../components/TextField/TextField'; 30 | @import '../components/Toggle/Toggle'; 31 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Web.Debug.config: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 17 | 18 | 29 | 30 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/Fabric.Animations.RTL.Output.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // RTL overrides for Fabric Animations 7 | 8 | 9 | @import "Fabric.Animations.Output"; 10 | @import "Fabric.Animations.RTL"; 11 | 12 | // slideRightIn40 13 | .ms-u-slideRightIn40 { 14 | @include ms-u-slideRightIn40; 15 | } 16 | 17 | // slideLeftIn40 18 | .ms-u-slideLeftIn40 { 19 | @include ms-u-slideLeftIn40; 20 | } 21 | 22 | // slideRightIn400 23 | .ms-u-slideRightIn400 { 24 | @include ms-u-slideRightIn400; 25 | } 26 | 27 | // slideLeftIn400 28 | .ms-u-slideLeftIn400 { 29 | @include ms-u-slideLeftIn400; 30 | } 31 | 32 | // slideRightOut40 33 | .ms-u-slideRightOut40 { 34 | @include ms-u-slideRightOut40; 35 | } 36 | 37 | // slideLeftOut40 38 | .ms-u-slideLeftOut40 { 39 | @include ms-u-slideLeftOut40; 40 | } 41 | 42 | // slideRightOut400 43 | .ms-u-slideRightOut400 { 44 | @include ms-u-slideRightOut400; 45 | } 46 | 47 | // slideLeftOut400 48 | .ms-u-slideLeftOut400 { 49 | @include ms-u-slideLeftOut400; 50 | } 51 | 52 | // rotate90deg 53 | .ms-u-rotate90deg { 54 | @include ms-u-rotate90deg; 55 | } 56 | 57 | // rotateN90deg 58 | .ms-u-rotateN90deg { 59 | @include ms-u-rotateN90deg; 60 | } 61 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Web.Release.config: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 17 | 18 | 19 | 30 | 31 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Properties/AssemblyInfo.cs: -------------------------------------------------------------------------------- 1 | using System.Reflection; 2 | using System.Runtime.CompilerServices; 3 | using System.Runtime.InteropServices; 4 | 5 | // General Information about an assembly is controlled through the following 6 | // set of attributes. Change these attribute values to modify the information 7 | // associated with an assembly. 8 | [assembly: AssemblyTitle("HumongousInsuranceAgentsAddinWeb")] 9 | [assembly: AssemblyDescription("")] 10 | [assembly: AssemblyConfiguration("")] 11 | [assembly: AssemblyCompany("")] 12 | [assembly: AssemblyProduct("HumongousInsuranceAgentsAddinWeb")] 13 | [assembly: AssemblyCopyright("Copyright © 2016")] 14 | [assembly: AssemblyTrademark("")] 15 | [assembly: AssemblyCulture("")] 16 | 17 | // Setting ComVisible to false makes the types in this assembly not visible 18 | // to COM components. If you need to access a type in this assembly from 19 | // COM, set the ComVisible attribute to true on that type. 20 | [assembly: ComVisible(false)] 21 | 22 | // The following GUID is for the ID of the typelib if this project is exposed to COM 23 | [assembly: Guid("d7f48aaf-0d9d-429e-a249-e6f6107ca5cc")] 24 | 25 | // Version information for an assembly consists of the following four values: 26 | // 27 | // Major Version 28 | // Minor Version 29 | // Build Number 30 | // Revision 31 | // 32 | // You can specify all the values or you can default the Revision and Build Numbers 33 | // by using the '*' as shown below: 34 | [assembly: AssemblyVersion("1.0.0.0")] 35 | [assembly: AssemblyFileVersion("1.0.0.0")] 36 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/_Fabric.Animations.RTL.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // RTL overrides for Fabric Animations 7 | 8 | 9 | @import 'Fabric.Animations'; 10 | 11 | // slideRightIn40 12 | @mixin ms-u-slideRightIn40 { 13 | @include animationMix((fadeIn, slideLeft40), $ms-duration3, $ms-ease1); 14 | } 15 | 16 | // slideLeftIn40 17 | @mixin ms-u-slideLeftIn40 { 18 | @include animationMix((fadeIn, slideRight40), $ms-duration3, $ms-ease1); 19 | } 20 | 21 | // slideRightIn400 22 | @mixin ms-u-slideRightIn400 { 23 | @include animationMix((fadeIn, slideLeft400), $ms-duration3, $ms-ease1); 24 | } 25 | 26 | // slideLeftIn400 27 | @mixin ms-u-slideLeftIn400 { 28 | @include animationMix((fadeIn, slideRight400), $ms-duration3, $ms-ease1); 29 | } 30 | 31 | // slideRightOut40 32 | @mixin ms-u-slideRightOut40 { 33 | @include animationMix((fadeOut, slideLeftOut40), $ms-duration1, $ms-ease2); 34 | } 35 | 36 | // slideLeftOut40 37 | @mixin ms-u-slideLeftOut40 { 38 | @include animationMix((fadeOut, slideRightOut40), $ms-duration1, $ms-ease2); 39 | } 40 | 41 | // slideRightOut400 42 | @mixin ms-u-slideRightOut400 { 43 | @include animationMix((fadeOut, slideLeftOut400), $ms-duration1, $ms-ease2); 44 | } 45 | 46 | // slideLeftOut400 47 | @mixin ms-u-slideLeftOut400 { 48 | @include animationMix((fadeOut, slideRightOut400), $ms-duration1, $ms-ease2); 49 | } 50 | 51 | // rotate90deg 52 | @mixin ms-u-rotate90deg { 53 | @include animationMix(rotateN90, 0.1s, $ms-ease2); 54 | } 55 | 56 | // rotateN90deg 57 | @mixin ms-u-rotateN90deg { 58 | @include animationMix(rotate90, 0.1s, $ms-ease2); 59 | } 60 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Home/Home.css: -------------------------------------------------------------------------------- 1 | /* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See full license in root of repo. */ 2 | 3 | html, 4 | body { 5 | margin: 0; 6 | padding: 0; 7 | width: 100%; 8 | height: 100%; 9 | } 10 | 11 | p { 12 | padding: 5px 0; 13 | } 14 | 15 | p.monthly { 16 | position: relative; 17 | top: -8px; 18 | } 19 | 20 | .row { 21 | display: -webkit-box; 22 | display: -ms-flexbox; 23 | display: flex; 24 | -webkit-box-orient: horizontal; 25 | -webkit-box-direction: normal; 26 | -ms-flex-direction: row; 27 | flex-direction: row; 28 | -ms-flex-wrap: nowrap; 29 | flex-wrap: nowrap; 30 | width: 100%; 31 | } 32 | 33 | .column { 34 | display: -webkit-box; 35 | display: -ms-flexbox; 36 | display: flex; 37 | -webkit-box-orient: vertical; 38 | -webkit-box-direction: normal; 39 | -ms-flex-direction: column; 40 | flex-direction: column; 41 | -ms-flex-wrap: nowrap; 42 | flex-wrap: nowrap; 43 | width: 100%; 44 | height: 100%; 45 | padding: 7.5px; 46 | } 47 | 48 | .column.alpha { 49 | padding-left: 0; 50 | } 51 | 52 | .column.omega { 53 | padding-right: 0; 54 | } 55 | 56 | .margin15 { 57 | margin-right: 15px; 58 | } 59 | 60 | @media screen and (min-width: 0px) and (max-width: 800px) { 61 | .row { 62 | -webkit-box-orient: vertical; 63 | -webkit-box-direction: normal; 64 | -ms-flex-direction: column; 65 | flex-direction: column; 66 | } 67 | 68 | .alpha, 69 | .omega { 70 | padding: 0px !important; 71 | } 72 | } 73 | 74 | /* Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See full license in root of repo. */ -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddin.sln: -------------------------------------------------------------------------------- 1 | 2 | Microsoft Visual Studio Solution File, Format Version 12.00 3 | # Visual Studio 14 4 | VisualStudioVersion = 14.0.25123.0 5 | MinimumVisualStudioVersion = 10.0.40219.1 6 | Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "HumongousInsuranceAgentsAddin", "HumongousInsuranceAgentsAddin\HumongousInsuranceAgentsAddin.csproj", "{6D4E9337-A983-4663-8A34-0BA8284F663C}" 7 | EndProject 8 | Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "HumongousInsuranceAgentsAddinWeb", "HumongousInsuranceAgentsAddinWeb\HumongousInsuranceAgentsAddinWeb.csproj", "{D7F48AAF-0D9D-429E-A249-E6F6107CA5CC}" 9 | EndProject 10 | Global 11 | GlobalSection(SolutionConfigurationPlatforms) = preSolution 12 | Debug|Any CPU = Debug|Any CPU 13 | Release|Any CPU = Release|Any CPU 14 | EndGlobalSection 15 | GlobalSection(ProjectConfigurationPlatforms) = postSolution 16 | {6D4E9337-A983-4663-8A34-0BA8284F663C}.Debug|Any CPU.ActiveCfg = Debug|Any CPU 17 | {6D4E9337-A983-4663-8A34-0BA8284F663C}.Debug|Any CPU.Build.0 = Debug|Any CPU 18 | {6D4E9337-A983-4663-8A34-0BA8284F663C}.Debug|Any CPU.Deploy.0 = Debug|Any CPU 19 | {6D4E9337-A983-4663-8A34-0BA8284F663C}.Release|Any CPU.ActiveCfg = Release|Any CPU 20 | {6D4E9337-A983-4663-8A34-0BA8284F663C}.Release|Any CPU.Build.0 = Release|Any CPU 21 | {6D4E9337-A983-4663-8A34-0BA8284F663C}.Release|Any CPU.Deploy.0 = Release|Any CPU 22 | {D7F48AAF-0D9D-429E-A249-E6F6107CA5CC}.Debug|Any CPU.ActiveCfg = Debug|Any CPU 23 | {D7F48AAF-0D9D-429E-A249-E6F6107CA5CC}.Debug|Any CPU.Build.0 = Debug|Any CPU 24 | {D7F48AAF-0D9D-429E-A249-E6F6107CA5CC}.Release|Any CPU.ActiveCfg = Release|Any CPU 25 | {D7F48AAF-0D9D-429E-A249-E6F6107CA5CC}.Release|Any CPU.Build.0 = Release|Any CPU 26 | EndGlobalSection 27 | GlobalSection(SolutionProperties) = preSolution 28 | HideSolutionNode = FALSE 29 | EndGlobalSection 30 | EndGlobal 31 | -------------------------------------------------------------------------------- /README-Localized/README-zh-cn.md: -------------------------------------------------------------------------------- 1 | 2 | # Excel-Content-Add-in-Humongous-Insurance 3 | 4 | 巨额保险内容外接程序外接程序演示如何使用适用于 Microsoft Excel 2016 的新 JavaScript API 创建引人注目的 Excel 外接程序。此外接程序演示如何将丰富、交互的对象嵌入到 Office 文档中。下图显示了该外接程序的主屏幕。 5 | 6 | [![标题：images/image1471975566906.Png](https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png)](https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png) 7 | 8 | ## 目录 9 | 10 | * [先决条件](#prerequisites) 11 | * [运行项目](#run-the-project) 12 | * [其他资源](#additional-resources)https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png 13 | 14 | ## 先决条件 15 | 16 | 你将需要： 17 | 18 | * [Visual Studio 2015](https://www.visualstudio.com/downloads/download-visual-studio-vs.aspx) 19 | * [Visual Studio 的 Office 开发人员工具](https://www.visualstudio.com/en-us/features/office-tools-vs.aspx) 20 | * Excel 2016，版本 6769.2011 或更高版本 21 | 22 | ## 运行项目 23 | 24 | 1. 将项目复制到本地文件夹。确保文件路径并未太长，否则在尝试为项目安装必要的 NuGet 程序包时可能在 Visual Studio 中出现错误。 25 | 2. 然后打开 Visual Studio 中的 `HumongousInsuranceAgentsAddin.sln`。 26 | 3. 将启动文档设置为包含的 Excel 电子表格 HumongousInsuranceAgentsAddin.xls。 27 | 3. 按 F5 生成并部署示例外接程序。Excel 将在电子表格中启动并显示该外接程序。通过与控件进行交互，你可以播放外接程序。 28 | 29 | ## 其他资源 30 | 31 | * [Office 开发人员中心](http://dev.office.com/) 32 | 33 | ## 版权 34 | 35 | 版权所有 (c) 2016 Microsoft。保留所有权利。 36 | 37 | 38 | 此项目已采用 [Microsoft 开放源代码行为准则](https://opensource.microsoft.com/codeofconduct/)。有关详细信息，请参阅[行为准则 FAQ](https://opensource.microsoft.com/codeofconduct/faq/)。如有其他任何问题或意见，也可联系 [opencode@microsoft.com](mailto:opencode@microsoft.com)。 39 | -------------------------------------------------------------------------------- /README-Localized/README-zh-tw.md: -------------------------------------------------------------------------------- 1 | 2 | # Excel-Content-Add-in-Humongous-Insurance 3 | 4 | Humongous Insurance 內容增益集將示範如何使用 Microsoft Excel 2016 的新 JavaScript API，建立令人讚嘆的 Excel 增益集。這個增益集會顯示如何將豐富、互動的物件內嵌至 Office 文件。下圖顯示這個增益集的主畫面。 5 | 6 | [![標題：images/image1471975566906.Png](https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png)](https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png) 7 | 8 | ## 目錄 9 | 10 | * [必要條件](#prerequisites) 11 | * [執行專案](#run-the-project) 12 | * [其他資源](#additional-resources)https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png 13 | 14 | ## 必要條件 15 | 16 | 您必須︰ 17 | 18 | * [Visual Studio 2015](https://www.visualstudio.com/downloads/download-visual-studio-vs.aspx) 19 | * [Visual Studio 的 Office 開發人員工具](https://www.visualstudio.com/en-us/features/office-tools-vs.aspx) 20 | * Excel 2016 6769.2011 版或更新版本 21 | 22 | ## 執行專案 23 | 24 | 1. 將專案複製到本機資料夾。請確定檔案路徑不是太長，否則當它嘗試安裝專案所需的 NuGet 套件時，您可能會在 Visual Studio 中遇到錯誤。 25 | 2. 然後在 Visual Studio 中開啟 `HumongousInsuranceAgentsAddin.sln`。 26 | 3. 在包含的 Excel 試算表 (HumongousInsuranceAgentsAddin.xls) 設定啟動文件。 27 | 3. 按 F5 建置及部署範例增益集。Excel 會啟動，並在試算表中顯示增益集。您可以與控制項互動，以播放增益集。 28 | 29 | ## 其他資源 30 | 31 | * [Office 開發人員中心](http://dev.office.com/) 32 | 33 | ## 著作權 34 | 35 | Copyright (c) 2016 Microsoft.著作權所有，並保留一切權利。 36 | 37 | 38 | 此專案已採用 [Microsoft 開放原始碼管理辦法](https://opensource.microsoft.com/codeofconduct/)。如需詳細資訊，請參閱[管理辦法常見問題集](https://opensource.microsoft.com/codeofconduct/faq/)，如果有其他問題或意見，請連絡 [opencode@microsoft.com](mailto:opencode@microsoft.com)。 39 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddin/HumongousInsuranceAgentsAddinManifest/HumongousInsuranceAgentsAddin.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 8 | 9 | 10 | 11 | 12 | 57c7366b-dcf7-421a-aec0-1748a7179b7f 13 | 14 | 15 | 1.0.0.0 16 | [Provider name] 17 | en-US 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | AppDomain1 26 | AppDomain2 27 | AppDomain3 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 1000 37 | 700 38 | 39 | 40 | ReadWriteDocument 41 | 42 | 43 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Scripts/_officeintellisense.js: -------------------------------------------------------------------------------- 1 | // This file is generated by Visual Studio to enable IntelliSense for the Office JavaScript Object Model. 2 | 3 | var Office = new function() { 4 | this._appContext = 1; 5 | this._showAll = true; 6 | this._setContext = { 7 | 8 | }; 9 | } 10 | 11 | // 1 Excel appContext = 001 12 | // 2 Word appContext = 010 13 | // 3 Word + Excel appContext = 011 14 | // 4 Project appContext = 100 15 | // 5 Project + Excel appContext = 101 16 | // 6 Project + Word appContext = 110 17 | // 7 Project + Word + Excel appContext = 111 18 | // 8 Outlook read-form appContext = 1000 19 | // 16 PowerPoint appContext = 10000 20 | // 17 PowerPoint + Excel appContext = 10001 21 | // 18 PowerPoint + Word appContext = 10010 22 | // 19 PowerPoint + Word + Excel appContext = 10011 23 | // 20 PowerPoint + Project appContext = 10100 24 | // 21 PowerPoint + Project + Excel appContext = 10101 25 | // 22 PowerPoint + Project + Word appContext = 10110 26 | // 23 PowerPoint + Project + Word + Excel appContext = 10111 27 | // 32 Outlook compose-form appContext = 100000 28 | // 40 Outlook read-form + Outlook compose form appContext = 101000 29 | // 64 Access appContext = 1000000 30 | // 65 Access + Excel appContext = 1000001 31 | // 66 Access + Word appContext = 1000010 32 | // 67 Access + Word + Excel appContext = 1000011 33 | // 68 Access + Project appContext = 1000100 34 | // 69 Access + Project + Excel appContext = 1000101 35 | // 70 Access + Project + Word appContext = 1000110 36 | // 71 Access + Project + Word + Excel appContext = 1000111 37 | // 80 Access + PowerPoint appContext = 1010000 38 | // 81 Access + PowerPoint + Excel appContext = 1010001 39 | // 82 Access + PowerPoint + Word appContext = 1010010 40 | // 83 Access + PowerPoint + Word + Excel appContext = 1010011 41 | // 84 Access + PowerPoint + Project appContext = 1010100 42 | // 85 Access + PowerPoint + Project + Excel appContext = 1010101 43 | // 86 Access + PowerPoint + Project + Word appContext = 1010110 44 | // 87 Access + PowerPoint + Project + Word + Excel appContext = 1010111 45 | -------------------------------------------------------------------------------- /README-Localized/README-ja-jp.md: -------------------------------------------------------------------------------- 1 | 2 | # Excel-Content-Add-in-Humongous-Insurance 3 | 4 | Humongous Insurance コンテンツ アドインでは、Microsoft Excel 2016 用の新しい JavaScript API を使用して、魅力的な Excel アドインを作成する方法が示されます。このアドインは、Office ドキュメントに、多機能でインタラクティブなオブジェクトを埋め込む方法を示します。次の図は、このアドインのメイン画面を示しています。 5 | 6 | [![Title: images/image1471975566906.Png](https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png)](https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png) 7 | 8 | ## 目次 9 | 10 | * [前提条件](#prerequisites) 11 | * [プロジェクトを実行する](#run-the-project) 12 | * [その他のリソース](#additional-resources) https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png 13 | 14 | ## 前提条件 15 | 16 | 以下が必要です。 17 | 18 | * [Visual Studio 2015](https://www.visualstudio.com/downloads/download-visual-studio-vs.aspx) 19 | * [Office Developer Tools for Visual Studio](https://www.visualstudio.com/en-us/features/office-tools-vs.aspx) 20 | * Excel 2016 バージョン 6769.2011 以降 21 | 22 | ## プロジェクトを実行する 23 | 24 | 1. プロジェクトをローカル フォルダーにコピーします。ファイル パスが長すぎないか確認します。ファイル パスが長すぎる場合、プロジェクトに必要な NuGet パッケージをインストールしようとすると、Visual Studio でエラーが発生します。 25 | 2. Visual Studio で `HumongousInsuranceAgentsAddin.sln` を開きます。 26 | 3. スタートアップ ドキュメントには、含まれている Excel のスプレッドシート、HumongousInsuranceAgentsAddin.xls を設定します。 27 | 3. F5 キーを押して、サンプル アドインをビルドおよび展開します。Excel が起動し、スプレッドシートにアドインが表示されます。コントロールを操作することでアドインを使うことができます。 28 | 29 | ## その他の技術情報 30 | 31 | * [Office デベロッパー センター](http://dev.office.com/) 32 | 33 | ## 著作権 34 | 35 | Copyright (c) 2016 Microsoft.All rights reserved. 36 | 37 | 38 | このプロジェクトでは、[Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/) が採用されています。詳細については、「[Code of Conduct の FAQ](https://opensource.microsoft.com/codeofconduct/faq/)」を参照してください。また、その他の質問やコメントがあれば、[opencode@microsoft.com](mailto:opencode@microsoft.com) までお問い合わせください。 39 | -------------------------------------------------------------------------------- /README-Localized/README-pt-br.md: -------------------------------------------------------------------------------- 1 | 2 | # Excel-Conteúdo-Suplemento-Humongous-Insurance 3 | 4 | O suplemento de conteúdo Humongous Insurance mostra como você pode usar a nova API JavaScript do Microsoft Excel 2016 para criar um atraente suplemento do Excel. Este suplemento mostra como você pode inserir objetos sofisticados e interativos em documentos do Office. A figura a seguir mostra as telas principais desse suplemento. 5 | 6 | [![Título: images/image1471975566906.Png](https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png)](https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png) 7 | 8 | ## Sumário 9 | 10 | * [Pré-requisitos](#prerequisites) 11 | * [Executar o projeto](#run-the-project) 12 | * [Recursos adicionais](#additional-resources)https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png 13 | 14 | ## Pré-requisitos 15 | 16 | Você precisará do: 17 | 18 | * [Visual Studio 2015](https://www.visualstudio.com/downloads/download-visual-studio-vs.aspx) 19 | * [Office Developer Tools para Visual Studio](https://www.visualstudio.com/en-us/features/office-tools-vs.aspx) 20 | * Excel 2016, versão 6769.2011 ou posterior 21 | 22 | ## Executar o projeto 23 | 24 | 1. Copie o projeto para uma pasta local. Certifique-se de que o caminho do arquivo não seja muito longo, caso contrário, você pode encontrar um erro no Visual Studio ao tentar instalar os pacotes do NuGet necessários para o projeto. 25 | 2. Em seguida, abra o `HumongousInsuranceAgentsAddin.sln` no Visual Studio. 26 | 3. Defina o documento de inicialização para a planilha do Excel incluída, HumongousInsuranceAgentsAddin.xls. 27 | 3. Pressione F5 para criar e implantar o suplemento de exemplo. O Excel é iniciado e exibe o suplemento na planilha. Você pode brincar com suplemento interagindo com os controles. 28 | 29 | ## Recursos adicionais 30 | 31 | * [Centro de Desenvolvimento do Office](http://dev.office.com/) 32 | 33 | ## Copyright 34 | 35 | Copyright © 2016 Microsoft. Todos os direitos reservados. 36 | 37 | 38 | Este projeto adotou o [Código de Conduta de Software Livre da Microsoft](https://opensource.microsoft.com/codeofconduct/). Para saber mais, confira as [Perguntas frequentes sobre o Código de Conduta](https://opensource.microsoft.com/codeofconduct/faq/) ou contate [opencode@microsoft.com](mailto:opencode@microsoft.com) se tiver outras dúvidas ou comentários. 39 | -------------------------------------------------------------------------------- /README-Localized/README-de-de.md: -------------------------------------------------------------------------------- 1 | 2 | # Excel-Content-Add-in-Humongous-Insurance 3 | 4 | Das Inhalts-Add-In „Humongous Insurance“ zeigt, wie Sie die neue JavaScript-API für Microsoft Excel 2016 verwenden können, um ansprechende Excel-Add-Ins zu erstellen. Dieses Add-In zeigt Ihnen, wie Sie professionelle, interaktive Objekte in Office-Dokumente einbetten können. In der folgenden Abbildung werden die Hauptbildschirme des Add-Ins dargestellt. 5 | 6 | [![Titel: images/image1471975566906.Png](https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png)](https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png) 7 | 8 | ## Inhaltsverzeichnis 9 | 10 | * [Voraussetzungen](#prerequisites) 11 | * [Ausführen des Projekts](#run-the-project) 12 | * [Zusätzliche Ressourcen](#additional-resources)https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png 13 | 14 | ## Voraussetzungen 15 | 16 | Sie benötigen: 17 | 18 | * [Visual Studio 2015](https://www.visualstudio.com/downloads/download-visual-studio-vs.aspx) 19 | * [Office Developer Tools für Visual Studio](https://www.visualstudio.com/en-us/features/office-tools-vs.aspx) 20 | * Excel 2016, Version 6769.2011 oder höher 21 | 22 | ## Ausführen des Projekts 23 | 24 | 1. Kopieren Sie das Projekt in einem lokalen Ordner. Stellen Sie sicher, dass der Pfad nicht zu lang ist, andernfalls können in Visual Studio bei beim Installieren der für das Projekt erforderlichen NuGet-Pakete Fehler auftreten. 25 | 2. Öffnen Sie dann `HumongousInsuranceAgentsAddin.sln` in Visual Studio. 26 | 3. Legen Sie das Startdokument auf die enthaltene Excel-Kalkulationstabelle „HumongousInsuranceAgentsAddin.xls“ fest. 27 | 3. Drücken Sie F5, um das Beispiel-Add-In zu erstellen und bereitzustellen. Excel wird gestartet, und das Add-In wird in der Kalkulationstabelle angezeigt. Sie können das Add-In ausprobieren, indem Sie die Steuerelemente verwenden. 28 | 29 | ## Zusätzliche Ressourcen 30 | 31 | * [Office Dev Center](http://dev.office.com/) 32 | 33 | ## Copyright 34 | 35 | Copyright (c) 2016 Microsoft. Alle Rechte vorbehalten. 36 | 37 | 38 | In diesem Projekt wurden die [Microsoft Open Source-Verhaltensregeln](https://opensource.microsoft.com/codeofconduct/) übernommen. Weitere Informationen finden Sie unter [Häufig gestellte Fragen zu Verhaltensregeln](https://opensource.microsoft.com/codeofconduct/faq/), oder richten Sie Ihre Fragen oder Kommentare an [opencode@microsoft.com](mailto:opencode@microsoft.com). 39 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/_Fabric.Color.Variables.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // Fabric Core Color Variables 7 | 8 | 9 | //== Theme Colors 10 | // 11 | $ms-color-themeDarker: #004578; 12 | $ms-color-themeDark: #005a9e; 13 | $ms-color-themeDarkAlt: #106ebe; 14 | $ms-color-themePrimary: #0078d7; 15 | $ms-color-themeSecondary: #2b88d8; 16 | $ms-color-themeTertiary: #71afe5; 17 | $ms-color-themeLight: #c7e0f4; 18 | $ms-color-themeLighter: #deecf9; 19 | $ms-color-themeLighterAlt: #eff6fc; 20 | 21 | 22 | //== Grayscale Colors 23 | // 24 | $ms-color-black: #000000; 25 | $ms-color-neutralDark: #212121; 26 | $ms-color-neutralPrimary: #333333; 27 | $ms-color-neutralSecondary: #666666; 28 | $ms-color-neutralSecondaryAlt: #767676; 29 | $ms-color-neutralTertiary: #a6a6a6; 30 | $ms-color-neutralTertiaryAlt: #c8c8c8; 31 | $ms-color-neutralLight: #eaeaea; 32 | $ms-color-neutralLighter: #f4f4f4; 33 | $ms-color-neutralLighterAlt: #f8f8f8; 34 | $ms-color-white: #ffffff; 35 | 36 | 37 | //== Translucent Colors 38 | // 39 | $ms-color-blackTranslucent40: rgba(0,0,0,.4); 40 | $ms-color-whiteTranslucent40: rgba(255,255,255,.4); 41 | 42 | 43 | //== Core brand and accent colors 44 | // 45 | $ms-color-yellow: #ffb900; 46 | $ms-color-yellowLight: #fff100; 47 | $ms-color-orange: #d83b01; 48 | $ms-color-orangeLight: #ff8c00; 49 | $ms-color-redDark: #a80000; 50 | $ms-color-red: #e81123; 51 | $ms-color-magentaDark: #5c005c; 52 | $ms-color-magenta: #b4009e; 53 | $ms-color-magentaLight: #e3008c; 54 | $ms-color-purpleDark: #32145a; 55 | $ms-color-purple: #5c2d91; 56 | $ms-color-purpleLight: #b4a0ff; 57 | $ms-color-blueDark: #002050; 58 | $ms-color-blueMid: #00188f; 59 | $ms-color-blue: #0078d7; 60 | $ms-color-blueLight: #00bcf2; 61 | $ms-color-tealDark: #004b50; 62 | $ms-color-teal: #008272; 63 | $ms-color-tealLight: #00b294; 64 | $ms-color-greenDark: #004b1c; 65 | $ms-color-green: #107c10; 66 | $ms-color-greenLight: #bad80a; 67 | 68 | 69 | //== Other Colors 70 | // 71 | $ms-color-error: $ms-color-redDark; 72 | $ms-color-errorBackground: #fde7e9; 73 | $ms-color-success: $ms-color-green; 74 | $ms-color-successBackground: #dff6dd; 75 | $ms-color-alert: $ms-color-orange; 76 | $ms-color-alertBackground: $ms-color-neutralLighter; 77 | $ms-color-infoBackground: $ms-color-neutralLighter; 78 | $ms-color-info: $ms-color-green; 79 | $ms-color-orangeLighter: #ea4300; -------------------------------------------------------------------------------- /README-Localized/README-es-es.md: -------------------------------------------------------------------------------- 1 | 2 | # Excel-Contenido-Complemento-Humongous-Insurance 3 | 4 | El complemento de contenido Humongous Insurance muestra cómo puede usar la nueva API de JavaScript para Microsoft Excel 2016 para crear un complemento de Excel atractivo. Este complemento muestra cómo se pueden incrustar objetos enriquecidos, interactivos en documentos de Office. La siguiente ilustración muestra las pantallas principales de este complemento. 5 | 6 | [![Título: imágenes/image1471975566906. PNG](https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png)](https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png) 7 | 8 | ## Tabla de contenido 9 | 10 | * [Requisitos previos](#prerequisites) 11 | * [Ejecutar el proyecto](#run-the-project) 12 | * [Recursos adicionales](#additional-resources)https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png 13 | 14 | ## Requisitos previos 15 | 16 | Necesitará: 17 | 18 | * [Visual Studio 2015](https://www.visualstudio.com/downloads/download-visual-studio-vs.aspx) 19 | * [Office Developer Tools para Visual Studio](https://www.visualstudio.com/en-us/features/office-tools-vs.aspx) 20 | * Excel 2016, versión 6769.2011 o posterior 21 | 22 | ## Ejecutar el proyecto 23 | 24 | 1. Copie el proyecto en una carpeta local. Asegúrese de que la ruta del archivo no sea demasiado larga, de lo contrario, puede producirse un error en Visual Studio cuando intente instalar los paquetes de NuGet necesarios para el proyecto. 25 | 2. Abra `HumongousInsuranceAgentsAddin.sln` en Visual Studio. 26 | 3. Establezca el documento de inicio en la hoja de cálculo de Excel incluida, HumongousInsuranceAgentsAddin.xls. 27 | 3. Pulse F5 para crear e implementar el complemento de ejemplo. Excel se inicia y muestra el complemento en la hoja de cálculo. Se puede jugar con el complemento mediante la interacción con los controles. 28 | 29 | ## Recursos adicionales 30 | 31 | * [Centro de desarrollo de Office](http://dev.office.com/) 32 | 33 | ## Copyright 34 | 35 | Copyright (c) 2016 Microsoft. Todos los derechos reservados. 36 | 37 | 38 | Este proyecto ha adoptado el [Código de conducta de código abierto de Microsoft](https://opensource.microsoft.com/codeofconduct/). Para obtener más información, consulte las [preguntas más frecuentes sobre el Código de conducta](https://opensource.microsoft.com/codeofconduct/faq/) o póngase en contacto con [opencode@microsoft.com](mailto:opencode@microsoft.com) si tiene otras preguntas o comentarios. 39 | -------------------------------------------------------------------------------- /README-Localized/README-ru-ru.md: -------------------------------------------------------------------------------- 1 | 2 | # Excel-Content-Add-in-Humongous-Insurance 3 | 4 | На примере контентной надстройки Humongous Insurance показано, как можно с помощью нового API JavaScript для Microsoft Excel 2016 создавать привлекательные надстройки Excel. На примере этой надстройки показано, как можно внедрять полнофункциональные интерактивные объекты в документы Office. На приведенном ниже рисунке показаны основные экраны этой надстройки. 5 | 6 | [![Заголовок: images/image1471975566906.Png](https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png)](https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png) 7 | 8 | ## Содержание 9 | 10 | * [Необходимые компоненты](#prerequisites) 11 | * [Запуск проекта](#run-the-project) 12 | * [Дополнительные ресурсы](#additional-resources)https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png 13 | 14 | ## Необходимые компоненты 15 | 16 | Вам понадобится следующее: 17 | 18 | * [Visual Studio 2015](https://www.visualstudio.com/downloads/download-visual-studio-vs.aspx); 19 | * [Инструменты разработчика Office для Visual Studio](https://www.visualstudio.com/en-us/features/office-tools-vs.aspx); 20 | * Excel 2016 версии не ниже 6769.2011. 21 | 22 | ## Запуск проекта 23 | 24 | 1. Скопируйте проект в локальную папку. Убедитесь, что путь к файлу не слишком длинный. В противном случае в Visual Studio может возникнуть ошибка при попытке установить пакеты NuGet, необходимые для проекта. 25 | 2. Затем откройте `HumongousInsuranceAgentsAddin.sln` в Visual Studio. 26 | 3. Назначьте в качестве начального документа включенную электронную таблицу Excel (HumongousInsuranceAgentsAddin.xls). 27 | 3. Нажмите клавишу F5, чтобы собрать и развернуть пример надстройки. Excel запустится и отобразит надстройку в электронной таблице. Вы можете посмотреть, как будет реагировать надстройка на выбор элементов управления. 28 | 29 | ## Дополнительные ресурсы 30 | 31 | * [Центр разработки для Office](http://dev.office.com/) 32 | 33 | ## Авторское право 34 | 35 | (c) Корпорация Майкрософт (Microsoft Corporation), 2016. Все права защищены. 36 | 37 | 38 | Этот проект соответствует [правилам поведения Майкрософт, касающимся обращения с открытым кодом](https://opensource.microsoft.com/codeofconduct/). Дополнительную информацию см. в разделе [часто задаваемых вопросов по правилам поведения](https://opensource.microsoft.com/codeofconduct/faq/). Если у вас возникли вопросы или замечания, напишите нам по адресу [opencode@microsoft.com](mailto:opencode@microsoft.com). 39 | -------------------------------------------------------------------------------- /README-Localized/README-fr-fr.md: -------------------------------------------------------------------------------- 1 | 2 | # Complément-de-contenu-Excel-Humongous-Insurance 3 | 4 | Le complément de contenu Humongous Insurance montre comment vous pouvez utiliser la nouvelle API JavaScript pour Microsoft Excel 2016 en vue de créer un complément Excel attrayant. Ce complément montre comment incorporer des objets riches et interactifs dans des documents Office. La figure suivante présente les écrans principaux de ce complément. 5 | 6 | [![Titre : images/image1471975566906.Png](https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png)](https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png) 7 | 8 | ## Table des matières 9 | 10 | * [Conditions préalables](#prerequisites) 11 | * [Exécution du projet](#run-the-project) 12 | * [Ressources supplémentaires](#additional-resources)https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png 13 | 14 | ## Conditions préalables 15 | 16 | Vous devez disposer des éléments suivants : 17 | 18 | * [Visual Studio 2015](https://www.visualstudio.com/downloads/download-visual-studio-vs.aspx) 19 | * [Outils de développement Office pour Visual Studio](https://www.visualstudio.com/en-us/features/office-tools-vs.aspx) 20 | * Excel 2016, version 6769.2011 ou ultérieure 21 | 22 | ## Exécuter le projet 23 | 24 | 1. Copiez le projet dans un dossier local. Vérifiez que le chemin d’accès de fichier n’est pas trop long. Si c’est le cas, il est possible que vous rencontriez une erreur dans Visual Studio lorsque ce dernier tente d’installer les packages NuGet nécessaires pour le projet. 25 | 2. Ouvrez le fichier `HumongousInsuranceAgentsAddin.sln` dans Visual Studio. 26 | 3. Définissez la feuille de calcul Excel incluse, HumongousInsuranceAgentsAddin.xls, comme document de départ. 27 | 3. Appuyez sur F5 pour créer et déployer l’exemple de complément. Excel démarre et affiche le complément dans la feuille de calcul. Vous pouvez utiliser le complément en interagissant avec les contrôles. 28 | 29 | ## Ressources supplémentaires 30 | 31 | * [Centre de développement Office](http://dev.office.com/) 32 | 33 | ## Copyright 34 | 35 | Copyright (c) 2016 Microsoft. Tous droits réservés. 36 | 37 | 38 | Ce projet a adopté le [code de conduite Open Source de Microsoft](https://opensource.microsoft.com/codeofconduct/). Pour plus d’informations, reportez-vous à la [FAQ relative au code de conduite](https://opensource.microsoft.com/codeofconduct/faq/) ou contactez [opencode@microsoft.com](mailto:opencode@microsoft.com) pour toute question ou tout commentaire. 39 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/Fabric.Typography.Fonts.Output.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // Font definitions 7 | 8 | @import "Fabric.Typography.Fonts"; 9 | 10 | // Additional @font-face rules for the Leelawadee font. 11 | @font-face { 12 | font-family: "Leelawadee UI Bold"; 13 | src: url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold.eot?#iefix') format('embedded-opentype'), 14 | url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold.woff') format('woff'), 15 | url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold.ttf') format('truetype'), 16 | url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Bold#LeelawadeeUI-Bold') format('svg'); 17 | font-weight: normal; 18 | font-style: normal; 19 | } 20 | 21 | @font-face { 22 | font-family: "Leelawadee UI"; 23 | src: url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular.eot?#iefix') format('embedded-opentype'), 24 | url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular.woff') format('woff'), 25 | url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular.ttf') format('truetype'), 26 | url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Regular#LeelawadeeUI-Regular') format('svg'); 27 | font-weight: normal; 28 | font-style: normal; 29 | } 30 | 31 | @font-face { 32 | font-family: "Leelawadee UI Semilight"; 33 | src: url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.eot?#iefix') format('embedded-opentype'), 34 | url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.woff') format('woff'), 35 | url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight.ttf') format('truetype'), 36 | url('#{$ms-font-directory}/LeelawadeeUI-Thai/LeelawadeeUI-Semilight#LeelawadeeUI-Semilight') format('svg'); 37 | font-weight: normal; 38 | font-style: normal; 39 | } 40 | 41 | 42 | // Mixins to generate language-specific font faces. 43 | @include SegoeUIArabicLight; 44 | @include SegoeUIArabicRegular; 45 | @include SegoeUIArabicSemibold; 46 | @include SegoeUIArabicSemilight; 47 | 48 | @include SegoeUICyrillicLight; 49 | @include SegoeUICyrillicRegular; 50 | @include SegoeUICyrillicSemibold; 51 | @include SegoeUICyrillicSemilight; 52 | 53 | @include SegoeUIEastEuropeanLight; 54 | @include SegoeUIEastEuropeanRegular; 55 | @include SegoeUIEastEuropeanSemibold; 56 | @include SegoeUIEastEuropeanSemilight; 57 | 58 | @include SegoeUIGreekLight; 59 | @include SegoeUIGreekRegular; 60 | @include SegoeUIGreekSemibold; 61 | @include SegoeUIGreekSemilight; 62 | 63 | @include SegoeUIHebrewLight; 64 | @include SegoeUIHebrewRegular; 65 | @include SegoeUIHebrewSemibold; 66 | @include SegoeUIHebrewSemilight; 67 | 68 | @include SegoeUIVietnameseLight; 69 | @include SegoeUIVietnameseRegular; 70 | @include SegoeUIVietnameseSemibold; 71 | @include SegoeUIVietnameseSemilight; 72 | 73 | @include SegoeUIWestEuropeanLight; 74 | @include SegoeUIWestEuropeanRegular; 75 | @include SegoeUIWestEuropeanSemibold; 76 | @include SegoeUIWestEuropeanSemilight; -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # [ARCHIVED] Excel-Content-Add-in-Humongous-Insurance 2 | 3 | **Note:** This sample has been moved to the main Office Add-ins Samples repo at [Excel content add-in: Humongous Insurance](https://github.com/OfficeDev/Office-Add-in-samples/tree/main/Samples/excel-content-add-in). The sample here is archived and no longer actively maintained. Security vulnerabilities may exist in the project, or its dependencies. If you plan to reuse or run any code from this repo, be sure to perform appropriate security checks on the code or dependencies first. Do not use this project as the starting point of a production Office Add-in. Always start your production code by using the [Yeoman generator for Office Add-ins](https://github.com/OfficeDev/generator-office) or maintained samples, and follow security best practices as you develop the add-in. 4 | 5 | The Humongous Insurance content add-in shows how you can use the new JavaScript API for Microsoft Excel 2016 to create a compelling Excel add-in. This add-in shows how you can embed rich, interactive objects into Office documents. The following figure show the main screens of this add-in. 6 | 7 | [![Title: images/image1471975566906.Png](https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png)](https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png) 8 | 9 | ## Table of Contents 10 | 11 | * [Prerequisites](#prerequisites) 12 | * [Run the project](#run-the-project) 13 | * [Additional resources](#additional-resources)https://github.com/OfficeDev/Excel-Content-Add-in-Humongous-Insurance/blob/master/images/image1471975566906.Png 14 | 15 | ## Prerequisites 16 | 17 | You'll need: 18 | 19 | * [Visual Studio 2015](https://www.visualstudio.com/downloads/download-visual-studio-vs.aspx) 20 | * [Office Developer Tools for Visual Studio](https://www.visualstudio.com/en-us/features/office-tools-vs.aspx) 21 | * Excel 2016, version 6769.2011 or later 22 | 23 | ## Run the project 24 | 25 | 1. To avoid unnecessary security scans on an archived sample, the **packages.config** file was renamed. To restore the project's dependencies, rename **packages-archive.config** to **packages.config**. 26 | 1. Copy the project to a local folder. Ensure that the file path is not too long, otherwise you might run into an error in Visual Studio when it tries to install the NuGet packages necessary for the project. 27 | 1. Then open the `HumongousInsuranceAgentsAddin.sln` in Visual Studio. 28 | 1. Set the startup document to the included Excel spreadsheet, HumongousInsuranceAgentsAddin.xls. 29 | 1. Press F5 to build and deploy the sample add-in. Excel launches and displays the add-in in the spreadsheet. You can play with the add-in by interacting with the controls. 30 | 31 | ## Additional resources 32 | 33 | * [Office Dev Center](http://dev.office.com/) 34 | 35 | ## Copyright 36 | 37 | Copyright (c) 2016 Microsoft. All rights reserved. 38 | 39 | 40 | This project has adopted the [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/). For more information, see the [Code of Conduct FAQ](https://opensource.microsoft.com/codeofconduct/faq/) or contact [opencode@microsoft.com](mailto:opencode@microsoft.com) with any additional questions or comments. 41 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/OfficeThemes.css: -------------------------------------------------------------------------------- 1 | /* The following classes describe the common theme information for office documents */ 2 | 3 | 4 | 5 | /* Basic Font and Background Colors for text */ 6 | .office-docTheme-primary-fontColor { color:#000000; } 7 | .office-docTheme-primary-bgColor { background-color:#ffffff; } 8 | .office-docTheme-secondary-fontColor { color: #000000; } 9 | .office-docTheme-secondary-bgColor { background-color: #ffffff; } 10 | 11 | 12 | /* Accent color definitions for fonts */ 13 | .office-contentAccent1-color { color:#5b9bd5; } 14 | .office-contentAccent2-color { color:#ed7d31; } 15 | .office-contentAccent3-color { color:#a5a5a5; } 16 | .office-contentAccent4-color { color:#ffc000; } 17 | .office-contentAccent5-color { color:#4472c4; } 18 | .office-contentAccent6-color { color:#70ad47; } 19 | 20 | /* Accent color for backgrounds */ 21 | .office-contentAccent1-bgColor { background-color:#5b9bd5; } 22 | .office-contentAccent2-bgColor { background-color:#ed7d31; } 23 | .office-contentAccent3-bgColor { background-color:#a5a5a5; } 24 | .office-contentAccent4-bgColor { background-color:#ffc000; } 25 | .office-contentAccent5-bgColor { background-color:#4472c4; } 26 | .office-contentAccent6-bgColor { background-color:#70ad47; } 27 | 28 | /* Accent color for borders */ 29 | .office-contentAccent1-borderColor { border-color:#5b9bd5; } 30 | .office-contentAccent2-borderColor { border-color:#ed7d31; } 31 | .office-contentAccent3-borderColor { border-color:#a5a5a5; } 32 | .office-contentAccent4-borderColor { border-color:#ffc000; } 33 | .office-contentAccent5-borderColor { border-color:#4472c4; } 34 | .office-contentAccent6-borderColor { border-color:#70ad47; } 35 | 36 | /* links */ 37 | .office-a {color: #0563c1; } 38 | .office-a:visited { color: #954f72; } 39 | 40 | /* Body Fonts */ 41 | .office-bodyFont-eastAsian { } /* East Asian name of the Font */ 42 | .office-bodyFont-latin { font-family:"Calibri"; } /* Latin name of the Font */ 43 | .office-bodyFont-script { } /* Script name of the Font */ 44 | .office-bodyFont-localized { font-family:"Calibri"; } /* Localized name of the Font. contains the default font name according to the culture currently used in Office */ 45 | 46 | /* Headers Font */ 47 | .office-headerFont-eastAsian { } 48 | .office-headerFont-latin { font-family:"Calibri Light"; } 49 | .office-headerFont-script { } 50 | .office-headerFont-localized { font-family:"Calibri Light"; } 51 | 52 | 53 | 54 | /* The following classes define the Office themes. This classes make sense for the taskpane apps */ 55 | 56 | /* Basic Font and Background Colors for PPT */ 57 | .office-officeTheme-primary-fontColor { color:#b83b1d; } 58 | .office-officeTheme-primary-bgColor { background-color:#dedede; } 59 | .office-officeTheme-secondary-fontColor { color:#262626; } 60 | .office-officeTheme-secondary-bgColor { background-color:#ffffff; } 61 | 62 | /* Basic Font and Background Colors for Outlook Web Access */ 63 | /* remove comments and delete other apps officeTheme classes to get OWA defaults 64 | .office-officeTheme-primary-fontColor { color:#ea4400; } 65 | .office-officeTheme-primary-bgColor { background-color:#ffffff; } 66 | .office-officeTheme-secondary-fontColor { color:#ffffff; } 67 | .office-officeTheme-secondary-bgColor { background-color:#ea4400; } 68 | */ -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/Fabric.Icons.RTL.Output.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // RTL overrides for Fabricicons 7 | 8 | 9 | @import 'Fabric.Icons.Output'; 10 | 11 | // Flip icons with 'directionality' 12 | .ms-Icon--question, 13 | .ms-Icon--calendar, 14 | .ms-Icon--folder, 15 | .ms-Icon--chat, 16 | .ms-Icon--listBullets, 17 | .ms-Icon--folderMove, 18 | .ms-Icon--mailSend, 19 | .ms-Icon--reply, 20 | .ms-Icon--play, 21 | .ms-Icon--replyAll, 22 | .ms-Icon--refresh, 23 | .ms-Icon--questionReverse, 24 | .ms-Icon--notRecurring, 25 | .ms-Icon--tasks, 26 | .ms-Icon--check, 27 | .ms-Icon--arrowLeft, 28 | .ms-Icon--arrowRight, 29 | .ms-Icon--directions, 30 | .ms-Icon--caretLeft, 31 | .ms-Icon--caretRight, 32 | .ms-Icon--caretUpLeft, 33 | .ms-Icon--caretUpRight, 34 | .ms-Icon--caretDownRight, 35 | .ms-Icon--caretDownLeft, 36 | .ms-Icon--note, 37 | .ms-Icon--noteReply, 38 | .ms-Icon--noteForward, 39 | .ms-Icon--taskRecurring, 40 | .ms-Icon--documentReply, 41 | .ms-Icon--documentForward, 42 | .ms-Icon--reactivate, 43 | .ms-Icon--chevronLeft, 44 | .ms-Icon--chevronRight, 45 | .ms-Icon--notebook, 46 | .ms-Icon--chevronsLeft, 47 | .ms-Icon--chevronsRight, 48 | .ms-Icon--receiptForward, 49 | .ms-Icon--receiptReply, 50 | .ms-Icon--receiptCheck, 51 | .ms-Icon--eventShare, 52 | .ms-Icon--oofReply, 53 | .ms-Icon--voicemailReply, 54 | .ms-Icon--voicemailForward, 55 | .ms-Icon--post, 56 | .ms-Icon--toggle, 57 | .ms-Icon--late, 58 | .ms-Icon--eventRecurring, 59 | .ms-Icon--cart, 60 | .ms-Icon--socialListening, 61 | .ms-Icon--replyAlt, 62 | .ms-Icon--replyAllAlt, 63 | .ms-Icon--graph, 64 | .ms-Icon--pinLeft, 65 | .ms-Icon--chart, 66 | .ms-Icon--page, 67 | .ms-Icon--document, 68 | .ms-Icon--metadata, 69 | .ms-Icon--pointItem, 70 | .ms-Icon--dropdown, 71 | .ms-Icon--checkbox, 72 | .ms-Icon--reload, 73 | .ms-Icon--multiChoice, 74 | .ms-Icon--contactForm, 75 | .ms-Icon--inboxCheck, 76 | .ms-Icon--checkboxCheck, 77 | .ms-Icon--folderSearch, 78 | .ms-Icon--listCheck, 79 | .ms-Icon--listGroup, 80 | .ms-Icon--timeline 81 | .ms-Icon--mailCheck, 82 | .ms-Icon--listCheckbox, 83 | .ms-Icon--sunQuestion, 84 | .ms-Icon--chevronThinLeft, 85 | .ms-Icon--chevronThinRight, 86 | .ms-Icon--chevronThickLeft, 87 | .ms-Icon--chevronThickRight, 88 | .ms-Icon--documentLandscape, 89 | .ms-Icon--peopleCheck, 90 | .ms-Icon--caretLeftOutline, 91 | .ms-Icon--caretRightOutline, 92 | .ms-Icon--mailSync, 93 | .ms-Icon--peopleSync, 94 | .ms-Icon--checkPeople, 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 { 110 | -moz-transform: scaleX(-1); 111 | -webkit-transform: scaleX(-1); 112 | -o-transform: scaleX(-1); 113 | transform: scaleX(-1); 114 | } -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddin/HumongousInsuranceAgentsAddin.csproj: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Debug 6 | AnyCPU 7 | {6D4E9337-A983-4663-8A34-0BA8284F663C} 8 | Library 9 | Properties 10 | HumongousInsuranceAgentsAddin 11 | HumongousInsuranceAgentsAddin 12 | v4.5 13 | 15.0 14 | 512 15 | {C1CDDADD-2546-481F-9697-4EA41081F2FC};{14822709-B5A1-4724-98CA-57A101D1B079};{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC} 16 | False 17 | {46c5d297-cfcd-4231-9413-08a13e2680d1} 18 | {6650188d-5ae6-45c6-8f76-da5f31d84a6f} 19 | {c375b169-2184-4d40-8223-603fd0773098} 20 | {57d3b86c-a743-4a66-a335-437a6745b470} 21 | {de5b7dfe-b9ad-4a80-9f38-2983e7caeae3} 22 | OfficeApp 23 | 14.0 24 | 14.0 25 | 26 | 27 | true 28 | full 29 | false 30 | bin\Debug\ 31 | DEBUG;TRACE 32 | prompt 33 | 4 34 | false 35 | 36 | 37 | pdbonly 38 | true 39 | bin\Release\ 40 | TRACE 41 | prompt 42 | 4 43 | false 44 | 45 | 46 | 47 | {384db2bc-4ba8-4f46-9e0c-2cb2eeb48434} 48 | 49 | 50 | manifest-oemanifest 51 | Designer 52 | 53 | 54 | 55 | 56 | 57 | {D7F48AAF-0D9D-429E-A249-E6F6107CA5CC} 58 | HumongousInsuranceAgentsAddinWeb 59 | True 60 | Web 61 | SharePointWebProjectOutput 62 | HumongousInsuranceAgentsAddinWeb 63 | False 64 | 65 | 66 | 67 | 10.0 68 | $(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion) 69 | 70 | 71 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/Fabric.Typography.Language.Overrides.Output.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // Language override definitions 7 | 8 | @import "./Fabric.Typography.Language.Overrides"; 9 | 10 | // Generate the override classes for non-distributed fonts. 11 | @include language-override-system-fonts(ja-JP, $ms-font-stack-japanese); 12 | @include language-override-system-fonts(ko-KR, $ms-font-stack-korean); 13 | @include language-override-system-fonts(ch-ZHS, $ms-font-stack-chinese-simplified); 14 | @include language-override-system-fonts(ch-ZHT, $ms-font-stack-chinese-traditional); 15 | @include language-override-system-fonts(hi-IN, $ms-font-stack-hindi); 16 | 17 | // Generate the override classes for web fonts. 18 | // Leelawadee 19 | // th-TH 20 | @include language-override-web-fonts(th-TH, $ms-font-family-semilight-leelawadee, $ms-font-family-semilight-leelawadee, $ms-font-family-regular-leelawadee, $ms-font-family-semibold-leelawadee); 21 | 22 | // Arabic 23 | // ar 24 | @include language-override-web-fonts(ar, $ms-font-family-light-arabic, $ms-font-family-semilight-arabic, $ms-font-family-regular-arabic, $ms-font-family-semibold-arabic); 25 | 26 | // Cyrillic 27 | // bg-BG, ru-RU, uk-UA 28 | @include language-override-web-fonts(bg-BG, $ms-font-family-light-cyrillic, $ms-font-family-semilight-cyrillic, $ms-font-family-regular-cyrillic, $ms-font-family-semibold-cyrillic); 29 | @include language-override-web-fonts(ru-RU, $ms-font-family-light-cyrillic, $ms-font-family-semilight-cyrillic, $ms-font-family-regular-cyrillic, $ms-font-family-semibold-cyrillic); 30 | @include language-override-web-fonts(uk-UA, $ms-font-family-light-cyrillic, $ms-font-family-semilight-cyrillic, $ms-font-family-regular-cyrillic, $ms-font-family-semibold-cyrillic); 31 | 32 | // East European 33 | // cs-CZ, et-EE, hr-HR, hu-HU, lt-LT, pl-PL, lt-sr-SP, tr-TR, sk-SK, kk-KZ 34 | @include language-override-web-fonts(cs-CZ, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean); 35 | @include language-override-web-fonts(et-EE, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean); 36 | @include language-override-web-fonts(hr-HR, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean); 37 | @include language-override-web-fonts(hu-HU, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean); 38 | @include language-override-web-fonts(lt-LT, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean); 39 | @include language-override-web-fonts(lv-LV, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean); 40 | @include language-override-web-fonts(pl-PL, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean); 41 | @include language-override-web-fonts(lt-sr-SP, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean); 42 | @include language-override-web-fonts(tr-TR, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean); 43 | @include language-override-web-fonts(sk-SK, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean); 44 | @include language-override-web-fonts(kk-KZ, $ms-font-family-light-eastEuropean, $ms-font-family-semilight-eastEuropean, $ms-font-family-regular-eastEuropean, $ms-font-family-semibold-eastEuropean); 45 | 46 | // Greek 47 | // el-GR 48 | @include language-override-web-fonts(el-GR, $ms-font-family-light-greek, $ms-font-family-semilight-greek, $ms-font-family-regular-greek, $ms-font-family-semibold-greek); 49 | 50 | // Hebrew 51 | // he-IL 52 | @include language-override-web-fonts(he-IL, $ms-font-family-light-hebrew, $ms-font-family-semilight-hebrew, $ms-font-family-regular-hebrew, $ms-font-family-semibold-hebrew); 53 | 54 | // Vietnamese 55 | // vi-VN 56 | @include language-override-web-fonts(vi-VN, $ms-font-family-light-vietnamese, $ms-font-family-semilight-vietnamese, $ms-font-family-regular-vietnamese, $ms-font-family-semibold-vietnamese); -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | ## Ignore Visual Studio temporary files, build results, and 2 | ## files generated by popular Visual Studio add-ons. 3 | 4 | # User-specific files 5 | *.suo 6 | *.user 7 | *.userosscache 8 | *.sln.docstates 9 | 10 | # User-specific files (MonoDevelop/Xamarin Studio) 11 | *.userprefs 12 | 13 | # Build results 14 | [Dd]ebug/ 15 | [Dd]ebugPublic/ 16 | [Rr]elease/ 17 | [Rr]eleases/ 18 | x64/ 19 | x86/ 20 | bld/ 21 | [Bb]in/ 22 | [Oo]bj/ 23 | 24 | # Visual Studio 2015 cache/options directory 25 | .vs/ 26 | # Uncomment if you have tasks that create the project's static files in wwwroot 27 | #wwwroot/ 28 | 29 | # MSTest test Results 30 | [Tt]est[Rr]esult*/ 31 | [Bb]uild[Ll]og.* 32 | 33 | # NUNIT 34 | *.VisualState.xml 35 | TestResult.xml 36 | 37 | # Build Results of an ATL Project 38 | [Dd]ebugPS/ 39 | [Rr]eleasePS/ 40 | dlldata.c 41 | 42 | # DNX 43 | project.lock.json 44 | artifacts/ 45 | 46 | *_i.c 47 | *_p.c 48 | *_i.h 49 | *.ilk 50 | *.meta 51 | *.obj 52 | *.pch 53 | *.pdb 54 | *.pgc 55 | *.pgd 56 | *.rsp 57 | *.sbr 58 | *.tlb 59 | *.tli 60 | *.tlh 61 | *.tmp 62 | *.tmp_proj 63 | *.log 64 | *.vspscc 65 | *.vssscc 66 | .builds 67 | *.pidb 68 | *.svclog 69 | *.scc 70 | 71 | # Chutzpah Test files 72 | _Chutzpah* 73 | 74 | # Visual C++ cache files 75 | ipch/ 76 | *.aps 77 | *.ncb 78 | *.opendb 79 | *.opensdf 80 | *.sdf 81 | *.cachefile 82 | 83 | # Visual Studio profiler 84 | *.psess 85 | *.vsp 86 | *.vspx 87 | *.sap 88 | 89 | # TFS 2012 Local Workspace 90 | $tf/ 91 | 92 | # Guidance Automation Toolkit 93 | *.gpState 94 | 95 | # ReSharper is a .NET coding add-in 96 | _ReSharper*/ 97 | *.[Rr]e[Ss]harper 98 | *.DotSettings.user 99 | 100 | # JustCode is a .NET coding add-in 101 | .JustCode 102 | 103 | # TeamCity is a build add-in 104 | _TeamCity* 105 | 106 | # DotCover is a Code Coverage Tool 107 | *.dotCover 108 | 109 | # NCrunch 110 | _NCrunch_* 111 | .*crunch*.local.xml 112 | nCrunchTemp_* 113 | 114 | # MightyMoose 115 | *.mm.* 116 | AutoTest.Net/ 117 | 118 | # Web workbench (sass) 119 | .sass-cache/ 120 | 121 | # Installshield output folder 122 | [Ee]xpress/ 123 | 124 | # DocProject is a documentation generator add-in 125 | DocProject/buildhelp/ 126 | DocProject/Help/*.HxT 127 | DocProject/Help/*.HxC 128 | DocProject/Help/*.hhc 129 | DocProject/Help/*.hhk 130 | DocProject/Help/*.hhp 131 | DocProject/Help/Html2 132 | DocProject/Help/html 133 | 134 | # Click-Once directory 135 | publish/ 136 | 137 | # Publish Web Output 138 | *.[Pp]ublish.xml 139 | *.azurePubxml 140 | # TODO: Comment the next line if you want to checkin your web deploy settings 141 | # but database connection strings (with potential passwords) will be unencrypted 142 | *.pubxml 143 | *.publishproj 144 | 145 | # NuGet Packages 146 | *.nupkg 147 | # The packages folder can be ignored because of Package Restore 148 | **/packages/* 149 | # except build/, which is used as an MSBuild target. 150 | !**/packages/build/ 151 | # Uncomment if necessary however generally it will be regenerated when needed 152 | #!**/packages/repositories.config 153 | # NuGet v3's project.json files produces more ignoreable files 154 | *.nuget.props 155 | *.nuget.targets 156 | 157 | # Microsoft Azure Build Output 158 | csx/ 159 | *.build.csdef 160 | 161 | # Microsoft Azure Emulator 162 | ecf/ 163 | rcf/ 164 | 165 | # Microsoft Azure ApplicationInsights config file 166 | ApplicationInsights.config 167 | 168 | # Windows Store app package directory 169 | AppPackages/ 170 | BundleArtifacts/ 171 | 172 | # Visual Studio cache files 173 | # files ending in .cache can be ignored 174 | *.[Cc]ache 175 | # but keep track of directories ending in .cache 176 | !*.[Cc]ache/ 177 | 178 | # Others 179 | ClientBin/ 180 | ~$* 181 | *~ 182 | *.dbmdl 183 | *.dbproj.schemaview 184 | *.pfx 185 | *.publishsettings 186 | node_modules/ 187 | orleans.codegen.cs 188 | 189 | # RIA/Silverlight projects 190 | Generated_Code/ 191 | 192 | # Backup & report files from converting an old project file 193 | # to a newer Visual Studio version. Backup files are not needed, 194 | # because we have git ;-) 195 | _UpgradeReport_Files/ 196 | Backup*/ 197 | UpgradeLog*.XML 198 | UpgradeLog*.htm 199 | 200 | # SQL Server files 201 | *.mdf 202 | *.ldf 203 | 204 | # Business Intelligence projects 205 | *.rdl.data 206 | *.bim.layout 207 | *.bim_*.settings 208 | 209 | # Microsoft Fakes 210 | FakesAssemblies/ 211 | 212 | # GhostDoc plugin setting file 213 | *.GhostDoc.xml 214 | 215 | # Node.js Tools for Visual Studio 216 | .ntvs_analysis.dat 217 | 218 | # Visual Studio 6 build log 219 | *.plg 220 | 221 | # Visual Studio 6 workspace options file 222 | *.opt 223 | 224 | # Visual Studio LightSwitch build output 225 | **/*.HTMLClient/GeneratedArtifacts 226 | **/*.DesktopClient/GeneratedArtifacts 227 | **/*.DesktopClient/ModelManifest.xml 228 | **/*.Server/GeneratedArtifacts 229 | **/*.Server/ModelManifest.xml 230 | _Pvt_Extensions 231 | 232 | # Paket dependency manager 233 | .paket/paket.exe 234 | 235 | # FAKE - F# Make 236 | .fake/ 237 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/Office.css: -------------------------------------------------------------------------------- 1 | /*****************************************************************/ 2 | /********************** Office CSS library ***********************/ 3 | /********************** Version: 1.0.2.0 *************************/ 4 | /*****************************************************************/ 5 | 6 | /****************************************************************** 7 | Base 8 | ******************************************************************/ 9 | body { 10 | margin: 0; 11 | padding: 0; 12 | border: 0; 13 | height: 100%; 14 | max-height: 100%; 15 | } 16 | 17 | /****************************************************************** 18 | Typography 19 | ******************************************************************/ 20 | body { 21 | font-family: "Segoe WP", "Segoe UI", "Arial", sans-serif; 22 | font-size: 12px; 23 | color: #262626; 24 | } 25 | 26 | h1 { 27 | font-family: "Segoe WP Light", "Segoe UI", "Arial", sans-serif; 28 | font-size: 22px; 29 | line-height: 26px; 30 | font-weight: 500; 31 | } 32 | 33 | h2, h3, h4, h5, h6, th { 34 | font-family: "Segoe WP Semibold", "Segoe UI", "Arial", sans-serif; 35 | } 36 | 37 | h2 { 38 | font-size: 18px; 39 | line-height: 22px; 40 | font-weight: 600; 41 | } 42 | 43 | h3, h4, h5, h6 { 44 | font-size: 13px; 45 | line-height: 16px; 46 | } 47 | 48 | h3 { 49 | font-weight: 600; 50 | } 51 | 52 | h4, h5, h6 { 53 | font-weight: normal; 54 | } 55 | 56 | form, input, select, button, textarea { 57 | font-family: "Segoe WP", "Segoe UI", "Arial", sans-serif; 58 | font-size: 12px; 59 | line-height: 16px; 60 | } 61 | 62 | /****************************************************************** 63 | General 64 | ******************************************************************/ 65 | a { 66 | color: #336699; 67 | text-decoration: none; 68 | } 69 | 70 | a:focus, a:hover, a:active { 71 | text-decoration: underline; 72 | } 73 | 74 | ul { 75 | margin-left: 1.4em; 76 | padding: 0; 77 | } 78 | 79 | hr { 80 | border: none; 81 | height: 1px; 82 | color: #ebebeb; 83 | background-color: #ebebeb; 84 | clear: both; 85 | } 86 | 87 | img { 88 | border: none; 89 | } 90 | 91 | blockquote { 92 | margin-left: 1.4em; 93 | } 94 | 95 | /****************************************************************** 96 | Forms 97 | ******************************************************************/ 98 | form { 99 | clear: both; 100 | } 101 | 102 | label { 103 | margin-right: 3px; 104 | } 105 | 106 | input, textarea, select, button { 107 | margin: 0 0 5px 0; 108 | padding: 3px; 109 | -webkit-box-sizing: border-box; 110 | -moz-box-sizing: border-box; 111 | box-sizing: border-box; 112 | } 113 | 114 | input[type="checkbox"], input[type="radio"] { 115 | margin-right: 4px; 116 | } 117 | 118 | input[type="checkbox"], input[type="radio"], 119 | input[type="file"], input[type="image"] { 120 | padding: 0; 121 | } 122 | 123 | button, textarea, select, 124 | input:not([type]), 125 | input[type="button"], 126 | input[type="color"], 127 | input[type="date"], 128 | input[type="datetime"], 129 | input[type="datetime-local"], 130 | input[type="email"], 131 | input[type="month"], 132 | input[type="number"], 133 | input[type="password"], 134 | input[type="reset"], 135 | input[type="search"], 136 | input[type="submit"], 137 | input[type="tel"], 138 | input[type="text"], 139 | input[type="time"], 140 | input[type="url"], 141 | input[type="week"] { 142 | border: 1px solid #cccccc; 143 | background-color: white; 144 | } 145 | 146 | button, input[type="button"], 147 | input[type="submit"], input[type="reset"] { 148 | padding-left: 10px; 149 | padding-right: 10px; 150 | text-align: center; 151 | } 152 | 153 | button:hover:enabled, 154 | input[type="button"]:hover:enabled, 155 | input[type="submit"]:hover:enabled, 156 | input[type="reset"]:hover:enabled { 157 | border-color: #7eB4ea; 158 | background-color: #e5f1fc; 159 | } 160 | 161 | button:active:enabled, 162 | input[type="button"]:active:enabled, 163 | input[type="submit"]:active:enabled, 164 | input[type="reset"]:active:enabled { 165 | border-color: #569de5; 166 | background-color: #cee5fc; 167 | } 168 | 169 | /****************************************************************** 170 | Scrollbars 171 | ******************************************************************/ 172 | body { 173 | scrollbar-base-color: white; 174 | scrollbar-arrow-color: #ababab; 175 | scrollbar-highlight-color: #ababab; 176 | scrollbar-darkshadow-color: white; 177 | scrollbar-track-color: white; 178 | scrollbar-face-color: white; 179 | } 180 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Scripts/FabricUI/MessageBanner.js: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | /** 4 | * MessageBanner component 5 | * 6 | * A component to display error messages 7 | * 8 | */ 9 | 10 | /** 11 | * @namespace fabric 12 | */ 13 | var fabric = fabric || {}; 14 | /** 15 | * 16 | * @param {HTMLElement} container - the target container for an instance of MessageBanner 17 | * @constructor 18 | */ 19 | fabric.MessageBanner = function (container) { 20 | this.container = container; 21 | this.init(); 22 | }; 23 | 24 | fabric.MessageBanner.prototype = (function () { 25 | 26 | var _clipper; 27 | var _bufferSize; 28 | var _textContainerMaxWidth = 700; 29 | var _clientWidth; 30 | var _textWidth; 31 | var _initTextWidth; 32 | var _chevronButton; 33 | var _errorBanner; 34 | var _actionButton; 35 | var _closeButton; 36 | var _bufferElementsWidth = 88; 37 | var _bufferElementsWidthSmall = 35; 38 | var SMALL_BREAK_POINT = 480; 39 | 40 | /** 41 | * sets styles on resize 42 | */ 43 | var _onResize = function () { 44 | _clientWidth = _errorBanner.offsetWidth; 45 | if (window.innerWidth >= SMALL_BREAK_POINT) { 46 | _resizeRegular(); 47 | } else { 48 | _resizeSmall(); 49 | } 50 | }; 51 | 52 | /** 53 | * resize above 480 pixel breakpoint 54 | */ 55 | var _resizeRegular = function () { 56 | if ((_clientWidth - _bufferSize) > _initTextWidth && _initTextWidth < _textContainerMaxWidth) { 57 | _textWidth = "auto"; 58 | _chevronButton.className = "ms-MessageBanner-expand"; 59 | _collapse(); 60 | } else { 61 | _textWidth = Math.min((_clientWidth - _bufferSize), _textContainerMaxWidth) + "px"; 62 | if (_chevronButton.className.indexOf("is-visible") === -1) { 63 | _chevronButton.className += " is-visible"; 64 | } 65 | } 66 | _clipper.style.width = _textWidth; 67 | }; 68 | 69 | /** 70 | * resize below 480 pixel breakpoint 71 | */ 72 | var _resizeSmall = function () { 73 | if (_clientWidth - (_bufferElementsWidthSmall + _closeButton.offsetWidth) > _initTextWidth) { 74 | _textWidth = "auto"; 75 | _collapse(); 76 | } else { 77 | _textWidth = (_clientWidth - (_bufferElementsWidthSmall + _closeButton.offsetWidth)) + "px"; 78 | } 79 | _clipper.style.width = _textWidth; 80 | }; 81 | /** 82 | * caches elements and values of the component 83 | */ 84 | var _cacheDOM = function (context) { 85 | _errorBanner = context.container; 86 | _clipper = context.container.querySelector('.ms-MessageBanner-clipper'); 87 | _chevronButton = context.container.querySelector('.ms-MessageBanner-expand'); 88 | _actionButton = context.container.querySelector('.ms-MessageBanner-action'); 89 | _bufferSize = _actionButton.offsetWidth + _bufferElementsWidth; 90 | _closeButton = context.container.querySelector('.ms-MessageBanner-close'); 91 | }; 92 | 93 | /** 94 | * expands component to show full error message 95 | */ 96 | var _expand = function () { 97 | var icon = _chevronButton.querySelector('.ms-Icon'); 98 | _errorBanner.className += " is-expanded"; 99 | icon.className = "ms-Icon ms-Icon--chevronsUp"; 100 | }; 101 | 102 | /** 103 | * collapses component to only show truncated message 104 | */ 105 | var _collapse = function () { 106 | var icon = _chevronButton.querySelector('.ms-Icon'); 107 | _errorBanner.className = "ms-MessageBanner"; 108 | icon.className = "ms-Icon ms-Icon--chevronsDown"; 109 | }; 110 | 111 | var _toggleExpansion = function () { 112 | if (_errorBanner.className.indexOf("is-expanded") > -1) { 113 | _collapse(); 114 | } else { 115 | _expand(); 116 | } 117 | }; 118 | 119 | /** 120 | * hides banner when close button is clicked 121 | */ 122 | var _hideBanner = function () { 123 | if (_errorBanner.className.indexOf("hide") === -1) { 124 | _errorBanner.className += " hide"; 125 | setTimeout(function () { 126 | _errorBanner.className = "ms-MessageBanner is-hidden"; 127 | }, 500); 128 | } 129 | }; 130 | 131 | /** 132 | * shows banner if the banner is hidden 133 | */ 134 | var _showBanner = function () { 135 | _errorBanner.className = "ms-MessageBanner"; 136 | }; 137 | 138 | /** 139 | * sets handlers for resize and button click events 140 | */ 141 | var _setListeners = function () { 142 | window.addEventListener('resize', _onResize, false); 143 | _chevronButton.addEventListener("click", _toggleExpansion, false); 144 | _closeButton.addEventListener("click", _hideBanner, false); 145 | }; 146 | 147 | /** 148 | * initializes component 149 | */ 150 | var init = function () { 151 | _cacheDOM(this); 152 | _setListeners(); 153 | _clientWidth = _errorBanner.offsetWidth; 154 | _initTextWidth = _clipper.offsetWidth; 155 | _onResize(null); 156 | }; 157 | 158 | return { 159 | init: init, 160 | showBanner: _showBanner, 161 | hideBanner: _hideBanner, 162 | toggleExpansion: _toggleExpansion 163 | }; 164 | }()); 165 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/_Fabric.Typography.Language.Overrides.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // Language override definitions 7 | 8 | 9 | // A mixin that overrides all of the font classes for languages that 10 | // use system fonts. A single font-family is used for all weights. 11 | @mixin language-override-system-fonts($ms-lang-code, $ms-font-family) { 12 | *[lang="#{$ms-lang-code}"] { 13 | .ms-font-mi, 14 | .ms-font-xs, 15 | .ms-font-s, 16 | .ms-font-s-plus, 17 | .ms-font-m, 18 | .ms-font-m-plus, 19 | .ms-font-l, 20 | .ms-font-xl, 21 | .ms-font-xxl, 22 | .ms-font-su, 23 | .ms-fontWeight-light, 24 | .ms-fontWeight-light-hover:hover, 25 | .ms-fontWeight-semilight, 26 | .ms-fontWeight-semilight-hover:hover, 27 | .ms-fontWeight-regular, 28 | .ms-fontWeight-regular-hover:hover, 29 | .ms-fontWeight-semibold, 30 | .ms-fontWeight-semibold-hover:hover { 31 | font-family: $ms-font-family; 32 | } 33 | } 34 | } 35 | 36 | // Base font stack. 37 | $ms-font-system-base: 'Segoe UI', Tahoma, Arial, sans-serif; 38 | 39 | // Variables for each of the non-distributed (native) font stacks. 40 | $ms-font-stack-japanese: 'Yu Gothic', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka, $ms-font-system-base; 41 | $ms-font-stack-korean: 'Malgun Gothic', Gulim, $ms-font-system-base; 42 | $ms-font-stack-chinese-simplified: 'Microsoft Yahei', Verdana, Simsun, $ms-font-system-base; 43 | $ms-font-stack-chinese-traditional: 'Microsoft Jhenghei', Pmingliu, $ms-font-system-base; 44 | $ms-font-stack-hindi: 'Nirmala UI', $ms-font-system-base; 45 | 46 | 47 | //== Web fonts 48 | // 49 | // A mixin that overrides all of the font classes for languages that use 50 | // distributed web fonts. These reference different fonts for each weight. 51 | @mixin language-override-web-fonts($ms-lang-code, $ms-font-family-light, $ms-font-family-semilight, $ms-font-family-regular, $ms-font-family-semibold) { 52 | *[lang="#{$ms-lang-code}"] { 53 | .ms-font-xl, 54 | .ms-font-xxl, 55 | .ms-fontWeight-light, 56 | .ms-fontWeight-light-hover:hover { 57 | font-family: $ms-font-family-light; 58 | } 59 | .ms-font-l, 60 | .ms-font-su, 61 | .ms-fontWeight-semilight, 62 | .ms-fontWeight-semilight-hover:hover { 63 | font-family: $ms-font-family-semilight; 64 | } 65 | .ms-fontWeight-regular, 66 | .ms-fontweight-regular-hover:hover { 67 | font-family: $ms-font-family-regular; 68 | } 69 | .ms-font-mi, 70 | .ms-fontWeight-semibold, 71 | .ms-fontWeight-semibold-hover:hover { 72 | font-family: $ms-font-family-semibold; 73 | } 74 | } 75 | } 76 | 77 | // Variables for each of the web font stacks. 78 | 79 | // East European 80 | $ms-font-family-light-eastEuropean: 'Segoe UI Light EastEuropean', $ms-font-family-light; 81 | $ms-font-family-semilight-eastEuropean: 'Segoe UI Semilight EastEuropean', $ms-font-family-semilight; 82 | $ms-font-family-regular-eastEuropean: 'Segoe UI Regular EastEuropean', $ms-font-family-regular; 83 | $ms-font-family-semibold-eastEuropean: 'Segoe UI Semibold EastEuropean', $ms-font-family-semibold; 84 | 85 | // Cyrillic 86 | $ms-font-family-light-cyrillic: 'Segoe UI Light Cyrillic', $ms-font-family-light; 87 | $ms-font-family-semilight-cyrillic: 'Segoe UI Semilight Cyrillic', $ms-font-family-semilight; 88 | $ms-font-family-regular-cyrillic: 'Segoe UI Regular Cyrillic', $ms-font-family-regular; 89 | $ms-font-family-semibold-cyrillic: 'Segoe UI Semibold Cyrillic', $ms-font-family-semibold; 90 | 91 | // Leelawadee 92 | $ms-font-family-semilight-leelawadee: 'Leelawadee UI Semilight', 'Kmer UI', $ms-font-family-semilight; 93 | $ms-font-family-regular-leelawadee: 'Leelawadee UI Regular', 'Kmer UI', $ms-font-family-regular; 94 | $ms-font-family-semibold-leelawadee: 'Leelawadee UI Bold', 'Kmer UI', $ms-font-family-semibold; 95 | 96 | // Arabic 97 | $ms-font-family-light-arabic: 'Segoe UI Light Arabic', $ms-font-family-light; 98 | $ms-font-family-semilight-arabic: 'Segoe UI Semilight Arabic', $ms-font-family-semilight; 99 | $ms-font-family-regular-arabic: 'Segoe UI Regular Arabic', $ms-font-family-regular; 100 | $ms-font-family-semibold-arabic: 'Segoe UI Semibold Arabic', $ms-font-family-semibold; 101 | 102 | // Greek 103 | $ms-font-family-light-greek: 'Segoe UI Light Greek', $ms-font-family-light; 104 | $ms-font-family-semilight-greek: 'Segoe UI Semilight Greek', $ms-font-family-semilight; 105 | $ms-font-family-regular-greek: 'Segoe UI Regular Greek', $ms-font-family-regular; 106 | $ms-font-family-semibold-greek: 'Segoe UI Semibold Greek', $ms-font-family-semibold; 107 | 108 | // Hebrew 109 | $ms-font-family-light-hebrew: 'Segoe UI Light Hebrew', $ms-font-family-light; 110 | $ms-font-family-semilight-hebrew: 'Segoe UI Semilight Hebrew', $ms-font-family-semilight; 111 | $ms-font-family-regular-hebrew: 'Segoe UI Regular Hebrew', $ms-font-family-regular; 112 | $ms-font-family-semibold-hebrew: 'Segoe UI Semibold Hebrew', $ms-font-family-semibold; 113 | 114 | // Vietnamese 115 | $ms-font-family-light-vietnamese: 'Segoe UI Light Vietnamese', $ms-font-family-light; 116 | $ms-font-family-semilight-vietnamese: 'Segoe UI Semilight Vietnamese', $ms-font-family-semilight; 117 | $ms-font-family-regular-vietnamese: 'Segoe UI Regular Vietnamese', $ms-font-family-regular; 118 | $ms-font-family-semibold-vietnamese: 'Segoe UI Semibold Vietnamese', $ms-font-family-semibold; -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/_Fabric.Typography.Fonts.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // Font definitions 7 | 8 | 9 | // Font weights. 10 | $ms-light: "Segoe UI Light"; 11 | $ms-regular: "Segoe UI Regular"; 12 | $ms-semibold: "Segoe UI Semibold"; 13 | $ms-semilight: "Segoe UI Semilight"; 14 | 15 | 16 | // Font paths. 17 | $ms-font-directory: "https://appsforoffice.microsoft.com/fabric/fonts"; 18 | $ms-font-path-arabic: "SegoeUI-Arabic"; 19 | $ms-font-path-cyrillic: "SegoeUI-Cyrillic"; 20 | $ms-font-path-easteuropean: "SegoeUI-EastEuropean"; 21 | $ms-font-path-greek: "SegoeUI-Greek"; 22 | $ms-font-path-hebrew: "SegoeUI-Hebrew"; 23 | $ms-font-path-vietnamese: "SegoeUI-Vietnamese"; 24 | $ms-font-path-westeuropean: "SegoeUI-WestEuropean"; 25 | 26 | 27 | /* 28 | Your use of the content in the files referenced here are subject to the terms of the license at http://aka.ms/fabric-font-license 29 | */ 30 | 31 | // Mixins to generate @font-face rules for unique languages. 32 | @mixin SegoeUILight($ms-font-language, $ms-font-path) { 33 | @font-face { 34 | font-family: "#{$ms-light} #{$ms-font-language}"; 35 | src: local("Segoe UI Light"), 36 | url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Light.woff2') format('woff2'), 37 | url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Light.woff') format('woff'), 38 | url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Light.ttf') format('truetype'); 39 | font-weight: normal; 40 | font-style: normal; 41 | } 42 | } 43 | 44 | @mixin SegoeUIRegular($ms-font-language, $ms-font-path) { 45 | @font-face { 46 | font-family: "#{$ms-regular} #{$ms-font-language}"; 47 | src: local("Segoe UI"), 48 | url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Regular.woff2') format('woff2'), 49 | url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Regular.woff') format('woff'), 50 | url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Regular.ttf') format('truetype'); 51 | font-weight: normal; 52 | font-style: normal; 53 | } 54 | } 55 | 56 | @mixin SegoeUISemilight($ms-font-language, $ms-font-path) { 57 | @font-face { 58 | font-family: "#{$ms-semilight} #{$ms-font-language}"; 59 | src: local("Segoe UI Semilight"), 60 | url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Semilight.woff2') format('woff2'), 61 | url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Semilight.woff') format('woff'), 62 | url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Semilight.ttf') format('truetype'); 63 | font-weight: normal; 64 | font-style: normal; 65 | } 66 | } 67 | 68 | @mixin SegoeUISemibold($ms-font-language, $ms-font-path) { 69 | @font-face { 70 | font-family: "#{$ms-semibold} #{$ms-font-language}"; 71 | src: local("Segoe UI Semibold"), 72 | url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Semibold.woff2') format('woff2'), 73 | url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Semibold.woff') format('woff'), 74 | url('#{$ms-font-directory}/#{$ms-font-path}/SegoeUI-Semibold.ttf') format('truetype'); 75 | font-weight: normal; 76 | font-style: normal; 77 | } 78 | } 79 | 80 | // Mixins to generate language-specific font faces. 81 | @mixin SegoeUIArabicLight { 82 | @include SegoeUILight("Arabic", $ms-font-path-arabic); 83 | } 84 | @mixin SegoeUIArabicRegular { 85 | @include SegoeUIRegular("Arabic", $ms-font-path-arabic); 86 | } 87 | @mixin SegoeUIArabicSemibold { 88 | @include SegoeUISemibold("Arabic", $ms-font-path-arabic); 89 | } 90 | @mixin SegoeUIArabicSemilight { 91 | @include SegoeUISemilight("Arabic", $ms-font-path-arabic); 92 | } 93 | 94 | @mixin SegoeUICyrillicLight { 95 | @include SegoeUILight("Cyrillic", $ms-font-path-cyrillic); 96 | } 97 | @mixin SegoeUICyrillicRegular { 98 | @include SegoeUIRegular("Cyrillic", $ms-font-path-cyrillic); 99 | } 100 | @mixin SegoeUICyrillicSemibold { 101 | @include SegoeUISemibold("Cyrillic", $ms-font-path-cyrillic); 102 | } 103 | @mixin SegoeUICyrillicSemilight { 104 | @include SegoeUISemilight("Cyrillic", $ms-font-path-cyrillic); 105 | } 106 | 107 | @mixin SegoeUIEastEuropeanLight { 108 | @include SegoeUILight("EastEuropean", $ms-font-path-easteuropean); 109 | } 110 | @mixin SegoeUIEastEuropeanRegular { 111 | @include SegoeUIRegular("EastEuropean", $ms-font-path-easteuropean); 112 | } 113 | @mixin SegoeUIEastEuropeanSemibold { 114 | @include SegoeUISemibold("EastEuropean", $ms-font-path-easteuropean); 115 | } 116 | @mixin SegoeUIEastEuropeanSemilight { 117 | @include SegoeUISemilight("EastEuropean", $ms-font-path-easteuropean); 118 | } 119 | 120 | @mixin SegoeUIGreekLight { 121 | @include SegoeUILight("Greek", $ms-font-path-greek); 122 | } 123 | @mixin SegoeUIGreekRegular { 124 | @include SegoeUIRegular("Greek", $ms-font-path-greek); 125 | } 126 | @mixin SegoeUIGreekSemibold { 127 | @include SegoeUISemibold("Greek", $ms-font-path-greek); 128 | } 129 | @mixin SegoeUIGreekSemilight { 130 | @include SegoeUISemilight("Greek", $ms-font-path-greek); 131 | } 132 | 133 | @mixin SegoeUIHebrewLight { 134 | @include SegoeUILight("Hebrew", $ms-font-path-hebrew); 135 | } 136 | @mixin SegoeUIHebrewRegular { 137 | @include SegoeUIRegular("Hebrew", $ms-font-path-hebrew); 138 | } 139 | @mixin SegoeUIHebrewSemibold { 140 | @include SegoeUISemibold("Hebrew", $ms-font-path-hebrew); 141 | } 142 | @mixin SegoeUIHebrewSemilight { 143 | @include SegoeUISemilight("Hebrew", $ms-font-path-hebrew); 144 | } 145 | 146 | @mixin SegoeUIVietnameseLight { 147 | @include SegoeUILight("Vietnamese", $ms-font-path-vietnamese); 148 | } 149 | @mixin SegoeUIVietnameseRegular { 150 | @include SegoeUIRegular("Vietnamese", $ms-font-path-vietnamese); 151 | } 152 | @mixin SegoeUIVietnameseSemibold { 153 | @include SegoeUISemibold("Vietnamese", $ms-font-path-vietnamese); 154 | } 155 | @mixin SegoeUIVietnameseSemilight { 156 | @include SegoeUISemilight("Vietnamese", $ms-font-path-vietnamese); 157 | } 158 | 159 | @mixin SegoeUIWestEuropeanLight { 160 | @include SegoeUILight("WestEuropean", $ms-font-path-westeuropean); 161 | } 162 | @mixin SegoeUIWestEuropeanRegular { 163 | @include SegoeUIRegular("WestEuropean", $ms-font-path-westeuropean); 164 | } 165 | @mixin SegoeUIWestEuropeanSemibold { 166 | @include SegoeUISemibold("WestEuropean", $ms-font-path-westeuropean); 167 | } 168 | @mixin SegoeUIWestEuropeanSemilight { 169 | @include SegoeUISemilight("WestEuropean", $ms-font-path-westeuropean); 170 | } 171 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/_Fabric.Animations.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // Fabric Animations 7 | 8 | 9 | // Note that all animation classes should begin with the "ms-u" utility prefix. 10 | // The original class names are deprecated and will be removed in a future release. 11 | 12 | // Variables 13 | $ms-ease1: cubic-bezier(0.1,0.9,0.2,1); 14 | $ms-ease2: cubic-bezier(0.1,0.25,0.75,0.9); 15 | $ms-duration1: 0.167s; 16 | $ms-duration2: 0.267s; 17 | $ms-duration3: 0.367s; 18 | $ms-duration4: 0.467s; 19 | 20 | 21 | // Animation mixin 22 | @mixin animationMix($ms-name, $ms-duration, $ms-ease: $ms-ease1, $ms-fillMode: both) { 23 | @include animationName($ms-name); 24 | @include animationDuration($ms-duration); 25 | @include animationTiming($ms-ease); 26 | @include animationFillMode($ms-fillMode); 27 | } 28 | 29 | // slideRightIn40 30 | @mixin ms-u-slideRightIn40 { 31 | @include animationMix((fadeIn, slideRightIn40), $ms-duration3, $ms-ease1); 32 | } 33 | 34 | // slideLeftIn40 35 | @mixin ms-u-slideLeftIn40 { 36 | @include animationMix((fadeIn, slideLeftIn40), $ms-duration3, $ms-ease1); 37 | } 38 | 39 | // slideRightIn400 40 | @mixin ms-u-slideRightIn400 { 41 | @include animationMix((fadeIn, slideRightIn400), $ms-duration3, $ms-ease1); 42 | } 43 | 44 | // slideLeftIn400 45 | @mixin ms-u-slideLeftIn400 { 46 | @include animationMix((fadeIn, slideLeft400), $ms-duration3, $ms-ease1); 47 | } 48 | 49 | // slideUpIn20 50 | @mixin ms-u-slideUpIn20 { 51 | @include animationMix((fadeIn, slideUpIn20), $ms-duration3, $ms-ease1); 52 | } 53 | 54 | // slideUpIn10 55 | @mixin ms-u-slideUpIn10 { 56 | @include animationMix((fadeIn, slideUpIn10), $ms-duration1, $ms-ease2); 57 | } 58 | 59 | // slideDownIn20 60 | @mixin ms-u-slideDownIn20 { 61 | @include animationMix((fadeIn, slideDownIn20), $ms-duration3, $ms-ease1); 62 | } 63 | 64 | // slideDownIn10 65 | @mixin ms-u-slideDownIn10 { 66 | @include animationMix((fadeIn, slideDownIn10), $ms-duration1, $ms-ease2); 67 | } 68 | 69 | // slideRightOut40 70 | @mixin ms-u-slideRightOut40 { 71 | @include animationMix((fadeOut, slideRightOut40), $ms-duration1, $ms-ease2); 72 | } 73 | 74 | // slideLeftOut40 75 | @mixin ms-u-slideLeftOut40 { 76 | @include animationMix((fadeOut, slideLeftOut40), $ms-duration1, $ms-ease2); 77 | } 78 | 79 | // slideRightOut400 80 | @mixin ms-u-slideRightOut400 { 81 | @include animationMix((fadeOut, slideRightOut400), $ms-duration1, $ms-ease2); 82 | } 83 | 84 | // slideLeftOut400 85 | @mixin ms-u-slideLeftOut400 { 86 | @include animationMix((fadeOut, slideLeftOut400), $ms-duration1, $ms-ease2); 87 | } 88 | 89 | // slideUpOut20 90 | @mixin ms-u-slideUpOut20 { 91 | @include animationMix((fadeOut, slideUpOut20), $ms-duration1, $ms-ease2); 92 | } 93 | 94 | // slideUpOut10 95 | @mixin ms-u-slideUpOut10 { 96 | @include animationMix((fadeOut, slideUpOut10), $ms-duration1, $ms-ease2); 97 | } 98 | 99 | // slideDownOut20 100 | @mixin ms-u-slideDownOut20 { 101 | @include animationMix((fadeOut, slideDownOut20), $ms-duration1, $ms-ease2); 102 | } 103 | 104 | // slideDownOut10 105 | @mixin ms-u-slideDownOut10 { 106 | @include animationMix((fadeOut, slideDownOut10), $ms-duration1, $ms-ease2); 107 | } 108 | 109 | // scaleUpIn100 110 | @mixin ms-u-scaleUpIn100 { 111 | @include animationMix((fadeIn, scaleUp100), $ms-duration3, $ms-ease1); 112 | } 113 | 114 | // scaleDownIn100 115 | @mixin ms-u-scaleDownIn100 { 116 | @include animationMix((fadeIn, scaleDown100), $ms-duration3, $ms-ease1); 117 | } 118 | 119 | // scaleUpOut103 120 | @mixin ms-u-scaleUpOut103 { 121 | @include animationMix((fadeOut, scaleUp103), $ms-duration1, $ms-ease2); 122 | } 123 | 124 | // scaleDownOut98 125 | @mixin ms-u-scaleDownOut98 { 126 | @include animationMix((fadeOut, scaleDown98), $ms-duration1, $ms-ease2); 127 | } 128 | 129 | // fadeIn 130 | @mixin ms-u-fadeIn400 { 131 | -webkit-animation-duration: $ms-duration3; 132 | -webkit-animation-name: fadeIn; 133 | -webkit-animation-fill-mode: both; 134 | animation-duration: $ms-duration3; 135 | animation-name: fadeIn; 136 | animation-fill-mode: both; 137 | } 138 | @mixin ms-u-fadeIn100 { 139 | @include ms-u-fadeIn400; 140 | -webkit-animation-duration: $ms-duration1; 141 | animation-duration: $ms-duration1; 142 | } 143 | @mixin ms-u-fadeIn200 { 144 | @include ms-u-fadeIn400; 145 | -webkit-animation-duration: $ms-duration2; 146 | animation-duration: $ms-duration2; 147 | } 148 | @mixin ms-u-fadeIn500 { 149 | @include ms-u-fadeIn400; 150 | -webkit-animation-duration: $ms-duration4; 151 | animation-duration: $ms-duration4; 152 | } 153 | 154 | // fadeOut 155 | @mixin ms-u-fadeOut400 { 156 | -webkit-animation-duration: $ms-duration3; 157 | -webkit-animation-name: fadeOut; 158 | -webkit-animation-fill-mode: both; 159 | animation-duration: $ms-duration3; 160 | animation-name: fadeOut; 161 | animation-fill-mode: both; 162 | } 163 | @mixin ms-u-fadeOut100 { 164 | @include ms-u-fadeOut400; 165 | -webkit-animation-duration: 0.1s; 166 | animation-duration: 0.1s; 167 | } 168 | @mixin ms-u-fadeOut200 { 169 | @include ms-u-fadeOut400; 170 | -webkit-animation-duration: $ms-duration1; 171 | animation-duration: $ms-duration1; 172 | } 173 | @mixin ms-u-fadeOut500 { 174 | @include ms-u-fadeOut400; 175 | -webkit-animation-duration: $ms-duration4; 176 | animation-duration: $ms-duration4; 177 | } 178 | 179 | // rotate90deg 180 | @mixin ms-u-rotate90deg { 181 | @include animationMix(rotate90, 0.1s, $ms-ease2); 182 | } 183 | 184 | // rotateN90deg 185 | @mixin ms-u-rotateN90deg { 186 | @include animationMix(rotateN90, 0.1s, $ms-ease2); 187 | } 188 | 189 | // expandCollapse400 190 | @mixin ms-u-expandCollapse400 { 191 | -webkit-transition: height $ms-duration3 $ms-ease2; 192 | transition: height $ms-duration3 $ms-ease2; 193 | } 194 | 195 | // expandCollapse200 196 | @mixin ms-u-expandCollapse200 { 197 | -webkit-transition: height $ms-duration1 $ms-ease2; 198 | transition: height $ms-duration1 $ms-ease2; 199 | } 200 | 201 | // expandCollapse100 202 | @mixin ms-u-expandCollapse100 { 203 | -webkit-transition: height 0.1s $ms-ease2; 204 | transition: height 0.1s $ms-ease2; 205 | } 206 | 207 | // delay100 208 | @mixin ms-u-delay100 { 209 | -webkit-animation-delay: $ms-duration1; 210 | animation-delay: $ms-duration1; 211 | } 212 | 213 | // delay200 214 | @mixin ms-u-delay200 { 215 | -webkit-animation-delay: 0.267s; 216 | animation-delay: 0.267s; 217 | } 218 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/_Fabric.Mixins.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // Vendor-prefixed mixins 7 | 8 | 9 | // Border radius. 10 | @mixin border-radius($ms-radius: 5px) { 11 | border-radius: $ms-radius; 12 | background-clip: padding-box; 13 | } 14 | 15 | // Drop shadow. 16 | @mixin drop-shadow($ms-x-offset: 0, $ms-y-offset: 0, $ms-blur: 5px, $ms-spread: 0, $ms-alpha: 0.4) { 17 | box-shadow: $ms-x-offset $ms-y-offset $ms-blur $ms-spread rgba(0, 0, 0, $ms-alpha); 18 | } 19 | 20 | // Background gradient. 21 | @mixin background-gradient($ms-origin: left, $ms-start: #000, $ms-start-location: 0%, $ms-stop: #FFF, $ms-stop-location: 100%) { 22 | background-color: $ms-start; 23 | background-image: linear-gradient($ms-origin, $ms-start $ms-start-location, $ms-stop $ms-stop-location); 24 | } 25 | 26 | // Rotation. 27 | @mixin rotate($ms-deg) { 28 | transform: rotate($ms-deg); 29 | } 30 | 31 | // Reset button styles. 32 | @mixin button-reset() { 33 | background: none; 34 | border: 0; 35 | cursor: pointer; 36 | } 37 | 38 | @mixin resetAnimation() { 39 | -webkit-animation: none; 40 | -moz-animation: none; 41 | -ms-animation: none; 42 | -o-animation: none; 43 | animation: none; 44 | } 45 | 46 | @mixin resetBackface() { 47 | backface-visibility: visible; 48 | } 49 | 50 | @mixin resetBackground() { 51 | background: 0; 52 | background-clip: border-box; 53 | background-origin: padding-box; 54 | } 55 | 56 | @mixin resetBorder() { 57 | border: 0; 58 | border-collapse: separate; 59 | border-image: none; 60 | border-radius: 0; 61 | border-spacing: 0; 62 | } 63 | 64 | @mixin resetBoxShadow() { 65 | -webkit-box-shadow: none; 66 | -moz-box-shadow: none; 67 | box-shadow: none; 68 | } 69 | 70 | @mixin resetBoxSizing() { 71 | box-sizing: content-box; 72 | } 73 | 74 | @mixin resetColumns() { 75 | columns: auto; 76 | column-count: auto; 77 | column-fill: balance; 78 | column-gap: normal; 79 | column-rule: medium none currentColor; 80 | column-rule-color: currentColor; 81 | column-rule-style: none; 82 | column-rule-width: none; 83 | column-span: 1; 84 | column-width: auto; 85 | } 86 | 87 | 88 | // Fonts and Typography Resets 89 | @mixin resetFont() { 90 | font: normal; 91 | font-family: inherit; 92 | font-size: normal; 93 | font-style: normal; 94 | font-variant: normal; 95 | font-weight: normal; 96 | } 97 | 98 | @mixin resetTextStyling() { 99 | text-align: inherit; 100 | text-align-last: auto; 101 | text-decoration: none; 102 | text-decoration-color: inherit; 103 | text-decoration-line: none; 104 | text-decoration-style: solid; 105 | text-indent: 0; 106 | text-shadow: none; 107 | text-transform: none; 108 | line-height: normal; 109 | letter-spacing: normal; 110 | word-spacing: normal; 111 | } 112 | 113 | 114 | // Box Model Resets 115 | @mixin resetPadding() { 116 | padding: 0; 117 | } 118 | 119 | @mixin resetMargins() { 120 | margin: 0; 121 | } 122 | 123 | @mixin resetOverflow() { 124 | overflow: visible; 125 | } 126 | 127 | @mixin resetMax() { 128 | max-height: none; 129 | max-width: none; 130 | } 131 | 132 | @mixin resetMin() { 133 | min-height: 0; 134 | min-width: 0; 135 | } 136 | 137 | @mixin resetPositioning() { 138 | bottom: auto; 139 | left: auto; 140 | top: auto; 141 | left: auto; 142 | } 143 | 144 | @mixin resetFloat() { 145 | float: none; 146 | } 147 | 148 | @mixin resetHeight($ms-useMaxMin: false) { 149 | height: auto; 150 | @if $ms-useMaxMin == true { 151 | min-height: 0; 152 | max-height: 0; 153 | } 154 | } 155 | 156 | @mixin resetWidth($ms-useMaxMin: false) { 157 | width: auto; 158 | @if $ms-useMaxMin == true { 159 | min-width: 0; 160 | max-width: 0; 161 | } 162 | } 163 | 164 | @mixin resetPosition() { 165 | position: static; 166 | } 167 | 168 | @mixin resetPerspective() { 169 | -webkit-perspective: none; 170 | -webkit-perspective-origin: 50% 50%; 171 | perspective: none; 172 | perspective-origin: 50% 50%; 173 | 174 | } 175 | 176 | @mixin resetTransition() { 177 | -webkit-transition: none; 178 | transition: none; 179 | } 180 | 181 | @mixin resetListStyle() { 182 | list-style: none; 183 | } 184 | 185 | @mixin resetTransform() { 186 | -ms-transform: none; 187 | -webkit-transform: none; 188 | -webkit-transform-style: flat; 189 | transform: none; 190 | transform-style: flat; 191 | } 192 | 193 | @mixin resetOutline() { 194 | outline: 0; 195 | } 196 | 197 | @mixin resetPageBreak() { 198 | page-break-after: auto; 199 | page-break-before: auto; 200 | page-break-inside: auto; 201 | } 202 | 203 | @mixin resetDisplay() { 204 | display: block; 205 | } 206 | 207 | @mixin resetVerticalAlign() { 208 | vertical-align: baseline; 209 | } 210 | 211 | // Prevents the text within a block element from wrapping to second line. 212 | @mixin noWrap() { 213 | display: block; 214 | overflow: hidden; 215 | text-overflow: ellipsis; 216 | white-space: nowrap; 217 | } 218 | 219 | // Input placehoder 220 | @mixin input-placeholder { 221 | &::-webkit-input-placeholder, 222 | &::-moz-placeholder, 223 | &:-moz-placeholder, 224 | &:-ms-input-placeholder { 225 | @content; 226 | } 227 | } 228 | 229 | // Animations 230 | @mixin animationName($ms-name) { 231 | -webkit-animation-name: $ms-name; 232 | -moz-animation-name: $ms-name; 233 | -ms-animation-name: $ms-name; 234 | -o-animation-name: $ms-name; 235 | animation-name: $ms-name; 236 | } 237 | 238 | @mixin animationDuration($ms-duration) { 239 | -webkit-animation-duration: $ms-duration; 240 | -moz-animation-duration: $ms-duration; 241 | -ms-animation-duration: $ms-duration; 242 | -o-animation-duration: $ms-duration; 243 | } 244 | 245 | @mixin animationTiming($ms-function) { 246 | -webkit-animation-timing-function: $ms-function; 247 | -moz-animation-timing-function: $ms-function; 248 | -ms-animation-timing-function: $ms-function; 249 | -o-animation-timing-function: $ms-function; 250 | animation-timing-function: $ms-function; 251 | } 252 | 253 | @mixin animationFillMode($ms-mode) { 254 | -webkit-animation-fill-mode: $ms-mode; 255 | -moz-animation-fill-mode: $ms-mode; 256 | -ms-animation-fill-mode: $ms-mode; 257 | -o-animation-fill-mode: $ms-mode; 258 | animation-fill-mode: $ms-mode; 259 | } 260 | 261 | // Flexbox 262 | @mixin flexBox() { 263 | display: -ms-flexbox; 264 | display: -webkit-flex; 265 | display: flex; 266 | } 267 | 268 | @mixin alignItems($ms-mode) { 269 | -webkit-box-align: $ms-mode; 270 | -moz-box-align: $ms-mode; 271 | -ms-flex-align: $ms-mode; 272 | -webkit-align-items: $ms-mode; 273 | align-items: $ms-mode; 274 | } -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Home/dropdown.js: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | /** 4 | * Dropdown Plugin 5 | * 6 | * Given .ms-Dropdown containers with generic 42 | 43 | 44 | 45 | 46 |
47 |
48 |
49 |

Application Details

50 |
51 |
52 |
53 |
54 | 55 | 56 | 57 |
58 |
59 |
60 |
61 |
62 |
63 |
64 |

Age

65 | 66 | 67 |
68 |
69 |
70 | 71 |
72 |
73 |
74 |

Gender

75 | 76 | 77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |

Policy Details

85 |
86 | 87 |
88 |
89 |
90 | 91 | 92 | 93 |
94 |
95 |
96 | 97 |
98 |
99 |
100 | Medical exam required 101 | 102 | 106 |
107 |
108 |
109 |
110 |

Sample rate

111 | 112 | 113 |
114 |
115 |
116 | 117 |
118 |
119 |
120 |
121 |

Insurance amount

122 | 123 | 124 |
125 |
126 | 127 |
128 |
129 |
130 |
131 |

Approx monthly payment

132 |

$

133 |
134 |
135 |
136 |
137 |
138 |
139 | 140 |
141 |
142 | 147 |
148 |
149 | 150 |
151 |
152 |
153 |
154 |
155 |
156 |
157 |
158 | 159 |
160 |
161 | 162 |
163 | 164 | 167 | 168 | 169 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/_Fabric.Color.Mixins.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // Fabric Core Color Mixins 7 | 8 | 9 | //== Background colors 10 | // 11 | // Theme colors 12 | @mixin ms-bgColor-themeDark { 13 | background-color: $ms-color-themeDark; 14 | } 15 | 16 | @mixin ms-bgColor-themeDarkAlt { 17 | background-color: $ms-color-themeDarkAlt; 18 | } 19 | 20 | @mixin ms-bgColor-themeDarker { 21 | background-color: $ms-color-themeDarker; 22 | } 23 | 24 | @mixin ms-bgColor-themePrimary { 25 | background-color: $ms-color-themePrimary; 26 | } 27 | 28 | @mixin ms-bgColor-themeSecondary { 29 | background-color: $ms-color-themeSecondary; 30 | } 31 | 32 | @mixin ms-bgColor-themeTertiary { 33 | background-color: $ms-color-themeTertiary; 34 | } 35 | 36 | @mixin ms-bgColor-themeLight { 37 | background-color: $ms-color-themeLight; 38 | } 39 | 40 | @mixin ms-bgColor-themeLighter { 41 | background-color: $ms-color-themeLighter; 42 | } 43 | 44 | @mixin ms-bgColor-themeLighterAlt { 45 | background-color: $ms-color-themeLighterAlt; 46 | } 47 | 48 | // Neutral colors 49 | @mixin ms-bgColor-black { 50 | background-color: $ms-color-black; 51 | } 52 | 53 | @mixin ms-bgColor-neutralDark { 54 | background-color: $ms-color-neutralDark; 55 | } 56 | 57 | @mixin ms-bgColor-neutralPrimary { 58 | background-color: $ms-color-neutralPrimary; 59 | } 60 | 61 | @mixin ms-bgColor-neutralSecondary { 62 | background-color: $ms-color-neutralSecondary; 63 | } 64 | 65 | @mixin ms-bgColor-neutralSecondaryAlt { 66 | background-color: $ms-color-neutralSecondaryAlt; 67 | } 68 | 69 | @mixin ms-bgColor-neutralTertiary { 70 | background-color: $ms-color-neutralTertiary; 71 | } 72 | 73 | @mixin ms-bgColor-neutralTertiaryAlt { 74 | background-color: $ms-color-neutralTertiaryAlt; 75 | } 76 | 77 | @mixin ms-bgColor-neutralLight { 78 | background-color: $ms-color-neutralLight; 79 | } 80 | 81 | @mixin ms-bgColor-neutralLighter { 82 | background-color: $ms-color-neutralLighter; 83 | } 84 | 85 | @mixin ms-bgColor-neutralLighterAlt { 86 | background-color: $ms-color-neutralLighterAlt; 87 | } 88 | 89 | @mixin ms-bgColor-white { 90 | background-color: $ms-color-white; 91 | } 92 | 93 | 94 | // Brand and accent colors 95 | @mixin ms-bgColor-yellow { 96 | background-color: $ms-color-yellow; 97 | } 98 | 99 | @mixin ms-bgColor-yellowLight { 100 | background-color: $ms-color-yellowLight; 101 | } 102 | 103 | @mixin ms-bgColor-orange { 104 | background-color: $ms-color-orange; 105 | } 106 | 107 | @mixin ms-bgColor-orangeLight { 108 | background-color: $ms-color-orangeLight; 109 | } 110 | 111 | @mixin ms-bgColor-redDark { 112 | background-color: $ms-color-redDark; 113 | } 114 | 115 | @mixin ms-bgColor-red { 116 | background-color: $ms-color-red; 117 | } 118 | 119 | @mixin ms-bgColor-magentaDark { 120 | background-color: $ms-color-magentaDark; 121 | } 122 | 123 | @mixin ms-bgColor-magenta { 124 | background-color: $ms-color-magenta; 125 | } 126 | 127 | @mixin ms-bgColor-magentaLight { 128 | background-color: $ms-color-magentaLight; 129 | } 130 | 131 | @mixin ms-bgColor-purpleDark { 132 | background-color: $ms-color-purpleDark; 133 | } 134 | 135 | @mixin ms-bgColor-purple { 136 | background-color: $ms-color-purple; 137 | } 138 | 139 | @mixin ms-bgColor-purpleLight { 140 | background-color: $ms-color-purpleLight; 141 | } 142 | 143 | @mixin ms-bgColor-blueDark { 144 | background-color: $ms-color-blueDark; 145 | } 146 | 147 | @mixin ms-bgColor-blueMid { 148 | background-color: $ms-color-blueMid; 149 | } 150 | 151 | @mixin ms-bgColor-blue { 152 | background-color: $ms-color-blue; 153 | } 154 | 155 | @mixin ms-bgColor-blueLight { 156 | background-color: $ms-color-blueLight; 157 | } 158 | 159 | @mixin ms-bgColor-tealDark { 160 | background-color: $ms-color-tealDark; 161 | } 162 | 163 | @mixin ms-bgColor-teal { 164 | background-color: $ms-color-teal; 165 | } 166 | 167 | @mixin ms-bgColor-tealLight { 168 | background-color: $ms-color-tealLight; 169 | } 170 | 171 | @mixin ms-bgColor-greenDark { 172 | background-color: $ms-color-greenDark; 173 | } 174 | 175 | @mixin ms-bgColor-green { 176 | background-color: $ms-color-green; 177 | } 178 | 179 | @mixin ms-bgColor-greenLight { 180 | background-color: $ms-color-greenLight; 181 | } 182 | 183 | // Others 184 | @mixin ms-bgColor-error { 185 | background-color: $ms-color-errorBackground; 186 | } 187 | 188 | @mixin ms-bgColor-alert { 189 | background-color: $ms-color-alertBackground; 190 | } 191 | 192 | @mixin ms-bgColor-info { 193 | background-color: $ms-color-infoBackground; 194 | } 195 | 196 | @mixin ms-bgColor-success { 197 | background-color: $ms-color-successBackground; 198 | } 199 | 200 | @mixin ms-bgColor-orangeLighter { 201 | background-color: $ms-color-orangeLighter; 202 | } 203 | 204 | 205 | //== Border colors 206 | // 207 | 208 | // Theme colors 209 | @mixin ms-borderColor-themeDark { 210 | border-color: $ms-color-themeDark; 211 | } 212 | 213 | @mixin ms-borderColor-themeDarkAlt { 214 | border-color: $ms-color-themeDarkAlt; 215 | } 216 | 217 | @mixin ms-borderColor-themeDarker { 218 | border-color: $ms-color-themeDarker; 219 | } 220 | 221 | @mixin ms-borderColor-themePrimary { 222 | border-color: $ms-color-themePrimary; 223 | } 224 | 225 | @mixin ms-borderColor-themeSecondary { 226 | border-color: $ms-color-themeSecondary; 227 | } 228 | 229 | @mixin ms-borderColor-themeTertiary { 230 | border-color: $ms-color-themeTertiary; 231 | } 232 | 233 | @mixin ms-borderColor-themeLight { 234 | border-color: $ms-color-themeLight; 235 | } 236 | 237 | @mixin ms-borderColor-themeLighter { 238 | border-color: $ms-color-themeLighter; 239 | } 240 | 241 | @mixin ms-borderColor-themeLighterAlt { 242 | border-color: $ms-color-themeLighterAlt; 243 | } 244 | 245 | 246 | // Neutral colors 247 | @mixin ms-borderColor-black { 248 | border-color: $ms-color-black; 249 | } 250 | 251 | @mixin ms-borderColor-neutralDark { 252 | border-color: $ms-color-neutralDark; 253 | } 254 | 255 | @mixin ms-borderColor-neutralPrimary { 256 | border-color: $ms-color-neutralPrimary; 257 | } 258 | 259 | @mixin ms-borderColor-neutralSecondary { 260 | border-color: $ms-color-neutralSecondary; 261 | } 262 | 263 | @mixin ms-borderColor-neutralSecondaryAlt { 264 | border-color: $ms-color-neutralSecondaryAlt; 265 | } 266 | 267 | @mixin ms-borderColor-neutralTertiary { 268 | border-color: $ms-color-neutralTertiary; 269 | } 270 | 271 | @mixin ms-borderColor-neutralTertiaryAlt { 272 | border-color: $ms-color-neutralTertiaryAlt; 273 | } 274 | 275 | @mixin ms-borderColor-neutralLight { 276 | border-color: $ms-color-neutralLight; 277 | } 278 | 279 | @mixin ms-borderColor-neutralLighter { 280 | border-color: $ms-color-neutralLighter; 281 | } 282 | 283 | @mixin ms-borderColor-neutralLighterAlt { 284 | border-color: $ms-color-neutralLighterAlt; 285 | } 286 | 287 | @mixin ms-borderColor-white { 288 | border-color: $ms-color-white; 289 | } 290 | 291 | // Brand and accent colors 292 | @mixin ms-borderColor-yellow { 293 | border-color: $ms-color-yellow; 294 | } 295 | 296 | @mixin ms-borderColor-yellowLight { 297 | border-color: $ms-color-yellowLight; 298 | } 299 | 300 | @mixin ms-borderColor-orange { 301 | border-color: $ms-color-orange; 302 | } 303 | 304 | @mixin ms-borderColor-orangeLight { 305 | border-color: $ms-color-orangeLight; 306 | } 307 | 308 | @mixin ms-borderColor-redDark { 309 | border-color: $ms-color-redDark; 310 | } 311 | 312 | @mixin ms-borderColor-red { 313 | border-color: $ms-color-red; 314 | } 315 | 316 | @mixin ms-borderColor-magentaDark { 317 | border-color: $ms-color-magentaDark; 318 | } 319 | 320 | @mixin ms-borderColor-magenta { 321 | border-color: $ms-color-magenta; 322 | } 323 | 324 | @mixin ms-borderColor-magentaLight { 325 | border-color: $ms-color-magentaLight; 326 | } 327 | 328 | @mixin ms-borderColor-purpleDark { 329 | border-color: $ms-color-purpleDark; 330 | } 331 | 332 | @mixin ms-borderColor-purple { 333 | border-color: $ms-color-purple; 334 | } 335 | 336 | @mixin ms-borderColor-purpleLight { 337 | border-color: $ms-color-purpleLight; 338 | } 339 | 340 | @mixin ms-borderColor-blueDark { 341 | border-color: $ms-color-blueDark; 342 | } 343 | 344 | @mixin ms-borderColor-blueMid { 345 | border-color: $ms-color-blueMid; 346 | } 347 | 348 | @mixin ms-borderColor-blue { 349 | border-color: $ms-color-blue; 350 | } 351 | 352 | @mixin ms-borderColor-blueLight { 353 | border-color: $ms-color-blueLight; 354 | } 355 | 356 | @mixin ms-borderColor-tealDark { 357 | border-color: $ms-color-tealDark; 358 | } 359 | 360 | @mixin ms-borderColor-teal { 361 | border-color: $ms-color-teal; 362 | } 363 | 364 | @mixin ms-borderColor-tealLight { 365 | border-color: $ms-color-tealLight; 366 | } 367 | 368 | @mixin ms-borderColor-greenDark { 369 | border-color: $ms-color-greenDark; 370 | } 371 | 372 | @mixin ms-borderColor-green { 373 | border-color: $ms-color-green; 374 | } 375 | 376 | @mixin ms-borderColor-greenLight { 377 | border-color: $ms-color-greenLight; 378 | } 379 | 380 | // Status colors 381 | @mixin ms-borderColor-error { 382 | border-color: $ms-color-error; 383 | } 384 | 385 | @mixin ms-borderColor-success { 386 | border-color: $ms-color-success; 387 | } 388 | 389 | @mixin ms-borderColor-info { 390 | border-color: $ms-color-info; 391 | } 392 | 393 | @mixin ms-borderColor-alert { 394 | border-color: $ms-color-alert; 395 | } 396 | 397 | // Others 398 | @mixin ms-borderColor-orangeLighter { 399 | border-color: $ms-color-orangeLighter; 400 | } 401 | 402 | // Individual borders, by request 403 | @mixin ms-borderColorTop-themePrimary { 404 | border-top-color: $ms-color-themePrimary; 405 | } 406 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/Fabric.Color.Mixins.Output.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // Fabric Core Color Mixins 7 | 8 | @import "Fabric.Color.Mixins"; 9 | 10 | //== Background colors 11 | // 12 | // Theme colors 13 | .ms-bgColor-themeDark, 14 | .ms-bgColor-themeDark--hover:hover { 15 | @include ms-bgColor-themeDark; 16 | } 17 | 18 | .ms-bgColor-themeDarkAlt, 19 | .ms-bgColor-themeDarkAlt--hover:hover { 20 | @include ms-bgColor-themeDarkAlt; 21 | } 22 | 23 | .ms-bgColor-themeDarker, 24 | .ms-bgColor-themeDarker--hover:hover { 25 | @include ms-bgColor-themeDarker; 26 | } 27 | 28 | .ms-bgColor-themePrimary, 29 | .ms-bgColor-themePrimary--hover:hover { 30 | @include ms-bgColor-themePrimary; 31 | } 32 | 33 | .ms-bgColor-themeSecondary, 34 | .ms-bgColor-themeSecondary--hover:hover { 35 | @include ms-bgColor-themeSecondary; 36 | } 37 | 38 | .ms-bgColor-themeTertiary, 39 | .ms-bgColor-themeTertiary--hover:hover { 40 | @include ms-bgColor-themeTertiary; 41 | } 42 | 43 | .ms-bgColor-themeLight, 44 | .ms-bgColor-themeLight--hover:hover { 45 | @include ms-bgColor-themeLight; 46 | } 47 | 48 | .ms-bgColor-themeLighter, 49 | .ms-bgColor-themeLighter--hover:hover { 50 | @include ms-bgColor-themeLighter; 51 | } 52 | 53 | .ms-bgColor-themeLighterAlt, 54 | .ms-bgColor-themeLighterAlt--hover:hover { 55 | @include ms-bgColor-themeLighterAlt; 56 | } 57 | 58 | // Neutral colors 59 | .ms-bgColor-black, 60 | .ms-bgColor-black--hover:hover { 61 | @include ms-bgColor-black; 62 | } 63 | 64 | .ms-bgColor-neutralDark, 65 | .ms-bgColor-neutralDark--hover:hover { 66 | @include ms-bgColor-neutralDark; 67 | } 68 | 69 | .ms-bgColor-neutralPrimary, 70 | .ms-bgColor-neutralPrimary--hover:hover { 71 | @include ms-bgColor-neutralPrimary; 72 | } 73 | 74 | .ms-bgColor-neutralSecondary, 75 | .ms-bgColor-neutralSecondary--hover:hover { 76 | @include ms-bgColor-neutralSecondary; 77 | } 78 | 79 | .ms-bgColor-neutralSecondaryAlt, 80 | .ms-bgColor-neutralSecondaryAlt--hover:hover { 81 | @include ms-bgColor-neutralSecondaryAlt; 82 | } 83 | 84 | .ms-bgColor-neutralTertiary, 85 | .ms-bgColor-neutralTertiary--hover:hover { 86 | @include ms-bgColor-neutralTertiary; 87 | } 88 | 89 | .ms-bgColor-neutralTertiaryAlt, 90 | .ms-bgColor-neutralTertiaryAlt--hover:hover { 91 | @include ms-bgColor-neutralTertiaryAlt; 92 | } 93 | 94 | .ms-bgColor-neutralLight, 95 | .ms-bgColor-neutralLight--hover:hover { 96 | @include ms-bgColor-neutralLight; 97 | } 98 | 99 | .ms-bgColor-neutralLighter, 100 | .ms-bgColor-neutralLighter--hover:hover { 101 | @include ms-bgColor-neutralLighter; 102 | } 103 | 104 | .ms-bgColor-neutralLighterAlt, 105 | .ms-bgColor-neutralLighterAlt--hover:hover { 106 | @include ms-bgColor-neutralLighterAlt; 107 | } 108 | 109 | .ms-bgColor-white, 110 | .ms-bgColor-white--hover:hover { 111 | @include ms-bgColor-white; 112 | } 113 | 114 | 115 | // Brand and accent colors 116 | .ms-bgColor-yellow { 117 | @include ms-bgColor-yellow; 118 | } 119 | 120 | .ms-bgColor-yellowLight { 121 | @include ms-bgColor-yellowLight; 122 | } 123 | 124 | .ms-bgColor-orange { 125 | @include ms-bgColor-orange; 126 | } 127 | 128 | .ms-bgColor-orangeLight { 129 | @include ms-bgColor-orangeLight; 130 | } 131 | 132 | .ms-bgColor-redDark { 133 | @include ms-bgColor-redDark; 134 | } 135 | 136 | .ms-bgColor-red { 137 | @include ms-bgColor-red; 138 | } 139 | 140 | .ms-bgColor-magentaDark { 141 | @include ms-bgColor-magentaDark; 142 | } 143 | 144 | .ms-bgColor-magenta { 145 | @include ms-bgColor-magenta; 146 | } 147 | 148 | .ms-bgColor-magentaLight { 149 | @include ms-bgColor-magentaLight; 150 | } 151 | 152 | .ms-bgColor-purpleDark { 153 | @include ms-bgColor-purpleDark; 154 | } 155 | 156 | .ms-bgColor-purple { 157 | @include ms-bgColor-purple; 158 | } 159 | 160 | .ms-bgColor-purpleLight { 161 | @include ms-bgColor-purpleLight; 162 | } 163 | 164 | .ms-bgColor-blueDark { 165 | @include ms-bgColor-blueDark; 166 | } 167 | 168 | .ms-bgColor-blueMid { 169 | @include ms-bgColor-blueMid; 170 | } 171 | 172 | .ms-bgColor-blue { 173 | @include ms-bgColor-blue; 174 | } 175 | 176 | .ms-bgColor-blueLight { 177 | @include ms-bgColor-blueLight; 178 | } 179 | 180 | .ms-bgColor-tealDark { 181 | @include ms-bgColor-tealDark; 182 | } 183 | 184 | .ms-bgColor-teal { 185 | @include ms-bgColor-teal; 186 | } 187 | 188 | .ms-bgColor-tealLight { 189 | @include ms-bgColor-tealLight; 190 | } 191 | 192 | .ms-bgColor-greenDark { 193 | @include ms-bgColor-greenDark; 194 | } 195 | 196 | .ms-bgColor-green { 197 | @include ms-bgColor-green; 198 | } 199 | 200 | .ms-bgColor-greenLight { 201 | @include ms-bgColor-greenLight; 202 | } 203 | 204 | // Others 205 | .ms-bgColor-error { 206 | @include ms-bgColor-error; 207 | } 208 | 209 | .ms-bgColor-alert { 210 | @include ms-bgColor-alert; 211 | } 212 | 213 | .ms-bgColor-info { 214 | @include ms-bgColor-info; 215 | } 216 | 217 | .ms-bgColor-success { 218 | @include ms-bgColor-success; 219 | } 220 | 221 | .ms-bgColor-orangeLighter, 222 | .ms-bgColor-orangeLighter--hover:hover { 223 | @include ms-bgColor-orangeLighter; 224 | } 225 | 226 | 227 | //== Border colors 228 | // 229 | 230 | // Theme colors 231 | .ms-borderColor-themeDark, 232 | .ms-borderColor-themeDark--hover:hover { 233 | @include ms-borderColor-themeDark; 234 | } 235 | 236 | .ms-borderColor-themeDarkAlt, 237 | .ms-borderColor-themeDarkAlt--hover:hover { 238 | @include ms-borderColor-themeDarkAlt; 239 | } 240 | 241 | .ms-borderColor-themeDarker, 242 | .ms-borderColor-themeDarker--hover:hover { 243 | @include ms-borderColor-themeDarker; 244 | } 245 | 246 | .ms-borderColor-themePrimary, 247 | .ms-borderColor-themePrimary--hover:hover { 248 | @include ms-borderColor-themePrimary; 249 | } 250 | 251 | .ms-borderColor-themeSecondary, 252 | .ms-borderColor-themeSecondary--hover:hover { 253 | @include ms-borderColor-themeSecondary; 254 | } 255 | 256 | .ms-borderColor-themeTertiary, 257 | .ms-borderColor-themeTertiary--hover:hover { 258 | @include ms-borderColor-themeTertiary; 259 | } 260 | 261 | .ms-borderColor-themeLight, 262 | .ms-borderColor-themeLight--hover:hover { 263 | @include ms-borderColor-themeLight; 264 | } 265 | 266 | .ms-borderColor-themeLighter, 267 | .ms-borderColor-themeLighter--hover:hover { 268 | @include ms-borderColor-themeLighter; 269 | } 270 | 271 | .ms-borderColor-themeLighterAlt, 272 | .ms-borderColor-themeLighterAlt--hover:hover { 273 | @include ms-borderColor-themeLighterAlt; 274 | } 275 | 276 | 277 | // Neutral colors 278 | .ms-borderColor-black, 279 | .ms-borderColor-black--hover:hover { 280 | @include ms-borderColor-black; 281 | } 282 | 283 | .ms-borderColor-neutralDark, 284 | .ms-borderColor-neutralDark--hover:hover { 285 | @include ms-borderColor-neutralDark; 286 | } 287 | 288 | .ms-borderColor-neutralPrimary, 289 | .ms-borderColor-neutralPrimary--hover:hover { 290 | @include ms-borderColor-neutralPrimary; 291 | } 292 | 293 | .ms-borderColor-neutralSecondary, 294 | .ms-borderColor-neutralSecondary--hover:hover { 295 | @include ms-borderColor-neutralSecondary; 296 | } 297 | 298 | .ms-borderColor-neutralSecondaryAlt, 299 | .ms-borderColor-neutralSecondaryAlt--hover:hover { 300 | @include ms-borderColor-neutralSecondaryAlt; 301 | } 302 | 303 | .ms-borderColor-neutralTertiary, 304 | .ms-borderColor-neutralTertiary--hover:hover { 305 | @include ms-borderColor-neutralTertiary; 306 | } 307 | 308 | .ms-borderColor-neutralTertiaryAlt, 309 | .ms-borderColor-neutralTertiaryAlt--hover:hover { 310 | @include ms-borderColor-neutralTertiaryAlt; 311 | } 312 | 313 | .ms-borderColor-neutralLight, 314 | .ms-borderColor-neutralLight--hover:hover { 315 | @include ms-borderColor-neutralLight; 316 | } 317 | 318 | .ms-borderColor-neutralLighter, 319 | .ms-borderColor-neutralLighter--hover:hover { 320 | @include ms-borderColor-neutralLighter; 321 | } 322 | 323 | .ms-borderColor-neutralLighterAlt, 324 | .ms-borderColor-neutralLighterAlt--hover:hover { 325 | @include ms-borderColor-neutralLighterAlt; 326 | } 327 | 328 | .ms-borderColor-white, 329 | .ms-borderColor-white--hover:hover { 330 | @include ms-borderColor-white; 331 | } 332 | 333 | // Brand and accent colors 334 | .ms-borderColor-yellow { 335 | @include ms-borderColor-yellow; 336 | } 337 | 338 | .ms-borderColor-yellowLight { 339 | @include ms-borderColor-yellowLight; 340 | } 341 | 342 | .ms-borderColor-orange { 343 | @include ms-borderColor-orange; 344 | } 345 | 346 | .ms-borderColor-orangeLight { 347 | @include ms-borderColor-orangeLight; 348 | } 349 | 350 | .ms-borderColor-redDark { 351 | @include ms-borderColor-redDark; 352 | } 353 | 354 | .ms-borderColor-red { 355 | @include ms-borderColor-red; 356 | } 357 | 358 | .ms-borderColor-magentaDark { 359 | @include ms-borderColor-magentaDark; 360 | } 361 | 362 | .ms-borderColor-magenta { 363 | @include ms-borderColor-magenta; 364 | } 365 | 366 | .ms-borderColor-magentaLight { 367 | @include ms-borderColor-magentaLight; 368 | } 369 | 370 | .ms-borderColor-purpleDark { 371 | @include ms-borderColor-purpleDark; 372 | } 373 | 374 | .ms-borderColor-purple { 375 | @include ms-borderColor-purple; 376 | } 377 | 378 | .ms-borderColor-purpleLight { 379 | @include ms-borderColor-purpleLight; 380 | } 381 | 382 | .ms-borderColor-blueDark { 383 | @include ms-borderColor-blueDark; 384 | } 385 | 386 | .ms-borderColor-blueMid { 387 | @include ms-borderColor-blueMid; 388 | } 389 | 390 | .ms-borderColor-blue { 391 | @include ms-borderColor-blue; 392 | } 393 | 394 | .ms-borderColor-blueLight { 395 | @include ms-borderColor-blueLight; 396 | } 397 | 398 | .ms-borderColor-tealDark { 399 | @include ms-borderColor-tealDark; 400 | } 401 | 402 | .ms-borderColor-teal { 403 | @include ms-borderColor-teal; 404 | } 405 | 406 | .ms-borderColor-tealLight { 407 | @include ms-borderColor-tealLight; 408 | } 409 | 410 | .ms-borderColor-greenDark { 411 | @include ms-borderColor-greenDark; 412 | } 413 | 414 | .ms-borderColor-green { 415 | @include ms-borderColor-green; 416 | } 417 | 418 | .ms-borderColor-greenLight { 419 | @include ms-borderColor-greenLight; 420 | } 421 | 422 | // Status colors 423 | .ms-borderColor-error { 424 | @include ms-borderColor-error; 425 | } 426 | 427 | .ms-borderColor-success { 428 | @include ms-borderColor-success; 429 | } 430 | 431 | .ms-borderColor-info { 432 | @include ms-borderColor-info; 433 | } 434 | 435 | .ms-borderColor-alert { 436 | @include ms-borderColor-alert; 437 | } 438 | 439 | // Others 440 | .ms-borderColor-orangeLighter, 441 | .ms-borderColor-orangeLighter--hover:hover { 442 | @include ms-borderColor-orangeLighter; 443 | } 444 | 445 | // Individual borders, by request 446 | .ms-borderColorTop-themePrimary, 447 | .ms-borderColorTop-themePrimary--hover:hover { 448 | @include ms-borderColorTop-themePrimary; 449 | } 450 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/Fabric.Animations.Output.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // Fabric Animations 7 | 8 | 9 | // Note that all animation classes should begin with the "ms-u" utility prefix. 10 | // The original class names are deprecated and will be removed in a future release. 11 | 12 | @import "Fabric.Animations"; 13 | 14 | // slideRightIn40 15 | .ms-u-slideRightIn40 { 16 | @include ms-u-slideRightIn40; 17 | } 18 | @-webkit-keyframes slideRightIn40 { 19 | from { -webkit-transform:translate3d(-40px, 0px, 0px); } 20 | to { -webkit-transform:translate3d(0px, 0px, 0px); } 21 | } 22 | @keyframes slideRightIn40 { 23 | from { transform:translate3d(-40px, 0px, 0px); } 24 | to { transform:translate3d(0px, 0px, 0px); } 25 | } 26 | 27 | // slideLeftIn40 28 | .ms-u-slideLeftIn40 { 29 | @include ms-u-slideLeftIn40; 30 | } 31 | @-webkit-keyframes slideLeftIn40 { 32 | from { -webkit-transform:translate3d(40px, 0px, 0px); } 33 | to { -webkit-transform:translate3d(0px, 0px, 0px); } 34 | } 35 | @keyframes slideLeftIn40 { 36 | from { transform:translate3d(40px, 0px, 0px); } 37 | to { transform:translate3d(0px, 0px, 0px); } 38 | } 39 | 40 | // slideRightIn400 41 | .ms-u-slideRightIn400 { 42 | @include ms-u-slideRightIn400; 43 | } 44 | @-webkit-keyframes slideRightIn400 { 45 | from { -webkit-transform:translate3d(-400px, 0px, 0px); } 46 | to { -webkit-transform:translate3d(0px, 0px, 0px); } 47 | } 48 | @keyframes slideRightIn400 { 49 | from { transform:translate3d(-400px, 0px, 0px); } 50 | to { transform:translate3d(0px, 0px, 0px); } 51 | } 52 | 53 | // slideLeftIn400 54 | .ms-u-slideLeftIn400 { 55 | @include ms-u-slideLeftIn400; 56 | } 57 | @-webkit-keyframes slideLeft400 { 58 | from { -webkit-transform:translate3d(400px, 0px, 0px); } 59 | to { -webkit-transform:translate3d(0px, 0px, 0px); } 60 | } 61 | @keyframes slideLeft400 { 62 | from { transform:translate3d(400px, 0px, 0px); } 63 | to { transform:translate3d(0px, 0px, 0px); } 64 | } 65 | 66 | // slideUpIn20 67 | .ms-u-slideUpIn20 { 68 | @include ms-u-slideUpIn20; 69 | } 70 | @-webkit-keyframes slideUpIn20 { 71 | from { -webkit-transform:translate3d(0px, 20px, 0px); } 72 | to { -webkit-transform:translate3d(0px, 0px, 0px); } 73 | } 74 | @keyframes slideUpIn20 { 75 | from { transform:translate3d(0px, 20px, 0px); } 76 | to { transform:translate3d(0px, 0px, 0px); } 77 | } 78 | 79 | // slideUpIn10 80 | .ms-u-slideUpIn10 { 81 | @include ms-u-slideUpIn10; 82 | } 83 | @-webkit-keyframes slideUpIn10 { 84 | from { -webkit-transform:translate3d(0px, 10px, 0px); } 85 | to { -webkit-transform:translate3d(0px, 0px, 0px); } 86 | } 87 | @keyframes slideUpIn10 { 88 | from { transform:translate3d(0px, 10px, 0px); } 89 | to { transform:translate3d(0px, 0px, 0px); } 90 | } 91 | 92 | // slideDownIn20 93 | .ms-u-slideDownIn20 { 94 | @include ms-u-slideDownIn20; 95 | } 96 | @-webkit-keyframes slideDownIn20 { 97 | from { -webkit-transform:translate3d(0px, -20px, 0px); } 98 | to { -webkit-transform:translate3d(0px, 0px, 0px); } 99 | } 100 | @keyframes slideDownIn20 { 101 | from { transform:translate3d(0px, -20px, 0px); } 102 | to { transform:translate3d(0px, 0px, 0px); } 103 | } 104 | 105 | // slideDownIn10 106 | .ms-u-slideDownIn10 { 107 | @include ms-u-slideDownIn10; 108 | } 109 | @-webkit-keyframes slideDownIn10 { 110 | from { -webkit-transform:translate3d(0px, -10px, 0px); } 111 | to { -webkit-transform:translate3d(0px, 0px, 0px); } 112 | } 113 | @keyframes slideDownIn10 { 114 | from { transform:translate3d(0px, -10px, 0px); } 115 | to { transform:translate3d(0px, 0px, 0px); } 116 | } 117 | 118 | // slideRightOut40 119 | .ms-u-slideRightOut40 { 120 | @include ms-u-slideRightOut40; 121 | } 122 | @-webkit-keyframes slideRightOut40 { 123 | from { -webkit-transform:translate3d(0px, 0px, 0px); } 124 | to { -webkit-transform:translate3d(40px, 0px, 0px); } 125 | } 126 | @keyframes slideRightOut40 { 127 | from { transform:translate3d(0px, 0px, 0px); } 128 | to { transform:translate3d(40px, 0px, 0px); } 129 | } 130 | 131 | // slideLeftOut40 132 | .ms-u-slideLeftOut40 { 133 | @include ms-u-slideLeftOut40; 134 | } 135 | @-webkit-keyframes slideLeftOut40 { 136 | from { -webkit-transform:translate3d(0, 0px, 0px); } 137 | to { -webkit-transform:translate3d(-40px, 0px, 0px); } 138 | } 139 | @keyframes slideLeftOut40 { 140 | from { transform:translate3d(0, 0px, 0px); } 141 | to { transform:translate3d(-40px, 0px, 0px); } 142 | } 143 | 144 | // slideRightOut400 145 | .ms-u-slideRightOut400 { 146 | @include ms-u-slideRightOut400; 147 | } 148 | @-webkit-keyframes slideRightOut400 { 149 | from { -webkit-transform:translate3d(0, 0px, 0px); } 150 | to { -webkit-transform:translate3d(400px, 0px, 0px); } 151 | } 152 | @keyframes slideRightOut400 { 153 | from { transform:translate3d(0, 0px, 0px); } 154 | to { transform:translate3d(400px, 0px, 0px); } 155 | } 156 | 157 | // slideLeftOut400 158 | .ms-u-slideLeftOut400 { 159 | @include ms-u-slideLeftOut400; 160 | } 161 | @-webkit-keyframes slideLeftOut400 { 162 | from { -webkit-transform:translate3d(0, 0px, 0px); } 163 | to { -webkit-transform:translate3d(-400px, 0px, 0px); } 164 | } 165 | @keyframes slideLeftOut400 { 166 | from { transform:translate3d(0, 0px, 0px); } 167 | to { transform:translate3d(-400px, 0px, 0px); } 168 | } 169 | 170 | // slideUpOut20 171 | .ms-u-slideUpOut20 { 172 | @include ms-u-slideUpOut20; 173 | } 174 | @-webkit-keyframes slideUpOut20 { 175 | from { -webkit-transform:translate3d(0px, 0, 0px); } 176 | to { -webkit-transform:translate3d(0px, -20px, 0px); } 177 | } 178 | @keyframes slideUpOut20 { 179 | from { transform:translate3d(0px, 0, 0px); } 180 | to { transform:translate3d(0px, -20px, 0px); } 181 | } 182 | 183 | // slideUpOut10 184 | .ms-u-slideUpOut10 { 185 | @include ms-u-slideUpOut10; 186 | } 187 | @-webkit-keyframes slideUpOut10 { 188 | from { -webkit-transform:translate3d(0px, 0, 0px); } 189 | to { -webkit-transform:translate3d(0px, -10px, 0px); } 190 | } 191 | @keyframes slideUpOut10 { 192 | from { transform:translate3d(0px, 0, 0px); } 193 | to { transform:translate3d(0px, -10px, 0px); } 194 | } 195 | 196 | // slideDownOut20 197 | .ms-u-slideDownOut20 { 198 | @include ms-u-slideDownOut20; 199 | } 200 | @-webkit-keyframes slideDownOut20 { 201 | from { -webkit-transform:translate3d(0px, 0, 0px); } 202 | to { -webkit-transform:translate3d(0px, 20px, 0px); } 203 | } 204 | @keyframes slideDownOut20 { 205 | from { transform:translate3d(0px, 0, 0px); } 206 | to { transform:translate3d(0px, 20px, 0px); } 207 | } 208 | 209 | // slideDownOut10 210 | .ms-u-slideDownOut10 { 211 | @include ms-u-slideDownOut10; 212 | } 213 | @-webkit-keyframes slideDownOut10 { 214 | from { -webkit-transform:translate3d(0px, 0, 0px); } 215 | to { -webkit-transform:translate3d(0px, 10px, 0px); } 216 | } 217 | @keyframes slideDownOut10 { 218 | from { transform:translate3d(0px, 0, 0px); } 219 | to { transform:translate3d(0px, 10px, 0px); } 220 | } 221 | 222 | // scaleUpIn100 223 | .ms-u-scaleUpIn100 { 224 | @include ms-u-scaleUpIn100; 225 | } 226 | @-webkit-keyframes scaleUp100 { 227 | from { -webkit-transform:scale3d(.98, .98, 1); } 228 | to { -webkit-transform:scale3d(1, 1, 1); } 229 | } 230 | @keyframes scaleUp100 { 231 | from { transform:scale3d(.98, .98, 1); } 232 | to { transform:scale3d(1, 1, 1); } 233 | } 234 | 235 | // scaleDownIn100 236 | .ms-u-scaleDownIn100 { 237 | @include ms-u-scaleDownIn100; 238 | } 239 | @-webkit-keyframes scaleDown100 { 240 | from { -webkit-transform:scale3d(1.03, 1.03, 1); } 241 | to { -webkit-transform:scale3d(1, 1, 1); } 242 | } 243 | @keyframes scaleDown100 { 244 | from { transform:scale3d(1.03, 1.03, 1); } 245 | to { transform:scale3d(1, 1, 1); } 246 | } 247 | 248 | // scaleUpOut103 249 | .ms-u-scaleUpOut103 { 250 | @include ms-u-scaleUpOut103; 251 | } 252 | @-webkit-keyframes scaleUp103 { 253 | from { -webkit-transform:scale3d(1, 1, 1); } 254 | to { -webkit-transform:scale3d(1.03, 1.03, 1); } 255 | } 256 | @keyframes scaleUp103 { 257 | from { transform:scale3d(1, 1, 1); } 258 | to { transform:scale3d(1.03, 1.03, 1); } 259 | } 260 | 261 | // scaleDownOut98 262 | .ms-u-scaleDownOut98 { 263 | @include ms-u-scaleDownOut98; 264 | } 265 | @-webkit-keyframes scaleDown98 { 266 | from { -webkit-transform:scale3d(1, 1, 1); } 267 | to { -webkit-transform:scale3d(0.98, 0.98, 1); } 268 | } 269 | @keyframes scaleDown98 { 270 | from { transform:scale3d(1, 1, 1); } 271 | to { transform:scale3d(0.98, 0.98, 1); } 272 | } 273 | 274 | // fadeIn 275 | .ms-u-fadeIn400 { 276 | @include ms-u-fadeIn400; 277 | } 278 | .ms-u-fadeIn100 { 279 | @include ms-u-fadeIn100; 280 | } 281 | .ms-u-fadeIn200 { 282 | @include ms-u-fadeIn200; 283 | } 284 | .ms-u-fadeIn500 { 285 | @include ms-u-fadeIn500; 286 | } 287 | @-webkit-keyframes fadeIn { 288 | from { opacity: 0; -webkit-animation-timing-function: $ms-ease2; } 289 | to { opacity: 1; } 290 | } 291 | @keyframes fadeIn { 292 | from { opacity: 0; animation-timing-function: $ms-ease2; } 293 | to { opacity: 1; } 294 | } 295 | 296 | // fadeOut 297 | .ms-u-fadeOut400 { 298 | @include ms-u-fadeOut400; 299 | } 300 | .ms-u-fadeOut100 { 301 | @include ms-u-fadeOut100; 302 | } 303 | .ms-u-fadeOut200 { 304 | @include ms-u-fadeOut200; 305 | } 306 | .ms-u-fadeOut500 { 307 | @include ms-u-fadeOut500; 308 | } 309 | @-webkit-keyframes fadeOut { 310 | from { opacity: 1; -webkit-animation-timing-function: $ms-ease2; } 311 | to { opacity: 0; } 312 | } 313 | @keyframes fadeOut { 314 | from { opacity: 1; animation-timing-function: $ms-ease2; } 315 | to { opacity: 0; } 316 | } 317 | 318 | // rotate90deg 319 | .ms-u-rotate90deg { 320 | @include ms-u-rotate90deg; 321 | } 322 | @-webkit-keyframes rotate90 { 323 | from { -webkit-transform:rotateZ(0deg); } 324 | to { -webkit-transform:rotateZ(90deg); } 325 | } 326 | @keyframes rotate90 { 327 | from { transform:rotateZ(0deg); } 328 | to { transform:rotateZ(90deg); } 329 | } 330 | 331 | // rotateN90deg 332 | .ms-u-rotateN90deg { 333 | @include ms-u-rotateN90deg; 334 | } 335 | @-webkit-keyframes rotateN90 { 336 | from { -webkit-transform:rotateZ(90deg); } 337 | to { -webkit-transform:rotateZ(0deg); } 338 | } 339 | @keyframes rotateN90 { 340 | from { transform:rotateZ(90deg); } 341 | to { transform:rotateZ(0deg); } 342 | } 343 | 344 | // expandCollapse400 345 | .ms-u-expandCollapse400 { 346 | @include ms-u-expandCollapse400; 347 | } 348 | 349 | // expandCollapse200 350 | .ms-u-expandCollapse200 { 351 | @include ms-u-expandCollapse200; 352 | } 353 | 354 | // expandCollapse100 355 | .ms-u-expandCollapse100 { 356 | @include ms-u-expandCollapse100; 357 | } 358 | 359 | // delay100 360 | .ms-u-delay100 { 361 | @include ms-u-delay100; 362 | } 363 | 364 | // delay200 365 | .ms-u-delay200 { 366 | @include ms-u-delay200; 367 | } 368 | -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/_Fabric.Responsive.Utilities.Variables.scss: -------------------------------------------------------------------------------- 1 | // Small Screens 2 | @mixin ms-u-sm12 { 3 | width: 100%; 4 | } 5 | @mixin ms-u-sm11 { 6 | width: 91.66666666666666%; 7 | } 8 | @mixin ms-u-sm10 { 9 | width: 83.33333333333334%; 10 | } 11 | @mixin ms-u-sm9 { 12 | width: 75%; 13 | } 14 | @mixin ms-u-sm8 { 15 | width: 66.66666666666666%; 16 | } 17 | @mixin ms-u-sm7 { 18 | width: 58.333333333333336%; 19 | } 20 | @mixin ms-u-sm6 { 21 | width: 50%; 22 | } 23 | @mixin ms-u-sm5 { 24 | width: 41.66666666666667%; 25 | } 26 | @mixin ms-u-sm4 { 27 | width: 33.33333333333333%; 28 | } 29 | @mixin ms-u-sm3 { 30 | width: 25%; 31 | } 32 | @mixin ms-u-sm2 { 33 | width: 16.666666666666664%; 34 | } 35 | @mixin ms-u-sm1 { 36 | width: 8.333333333333332%; 37 | } 38 | @mixin ms-u-smPull12 { 39 | right: 100%; 40 | } 41 | @mixin ms-u-smPull11 { 42 | right: 91.66666666666666%; 43 | } 44 | @mixin ms-u-smPull10 { 45 | right: 83.33333333333334%; 46 | } 47 | @mixin ms-u-smPull9 { 48 | right: 75%; 49 | } 50 | @mixin ms-u-smPull8 { 51 | right: 66.66666666666666%; 52 | } 53 | @mixin ms-u-smPull7 { 54 | right: 58.333333333333336%; 55 | } 56 | @mixin ms-u-smPull6 { 57 | right: 50%; 58 | } 59 | @mixin ms-u-smPull5 { 60 | right: 41.66666666666667%; 61 | } 62 | @mixin ms-u-smPull4 { 63 | right: 33.33333333333333%; 64 | } 65 | @mixin ms-u-smPull3 { 66 | right: 25%; 67 | } 68 | @mixin ms-u-smPull2 { 69 | right: 16.666666666666664%; 70 | } 71 | @mixin ms-u-smPull1 { 72 | right: 8.333333333333332%; 73 | } 74 | @mixin ms-u-smPull0 { 75 | right: auto; 76 | } 77 | @mixin ms-u-smPush12 { 78 | left: 100%; 79 | } 80 | @mixin ms-u-smPush11 { 81 | left: 91.66666666666666%; 82 | } 83 | @mixin ms-u-smPush10 { 84 | left: 83.33333333333334%; 85 | } 86 | @mixin ms-u-smPush9 { 87 | left: 75%; 88 | } 89 | @mixin ms-u-smPush8 { 90 | left: 66.66666666666666%; 91 | } 92 | @mixin ms-u-smPush7 { 93 | left: 58.333333333333336%; 94 | } 95 | @mixin ms-u-smPush6 { 96 | left: 50%; 97 | } 98 | @mixin ms-u-smPush5 { 99 | left: 41.66666666666667%; 100 | } 101 | @mixin ms-u-smPush4 { 102 | left: 33.33333333333333%; 103 | } 104 | @mixin ms-u-smPush3 { 105 | left: 25%; 106 | } 107 | @mixin ms-u-smPush2 { 108 | left: 16.666666666666664%; 109 | } 110 | @mixin ms-u-smPush1 { 111 | left: 8.333333333333332%; 112 | } 113 | @mixin ms-u-smPush0 { 114 | left: auto; 115 | } 116 | 117 | // Medium Screens 118 | @mixin ms-u-md12 { 119 | width: 100%; 120 | } 121 | @mixin ms-u-md11 { 122 | width: 91.66666666666666%; 123 | } 124 | @mixin ms-u-md10 { 125 | width: 83.33333333333334%; 126 | } 127 | @mixin ms-u-md9 { 128 | width: 75%; 129 | } 130 | @mixin ms-u-md8 { 131 | width: 66.66666666666666%; 132 | } 133 | @mixin ms-u-md7 { 134 | width: 58.333333333333336%; 135 | } 136 | @mixin ms-u-md6 { 137 | width: 50%; 138 | } 139 | @mixin ms-u-md5 { 140 | width: 41.66666666666667%; 141 | } 142 | @mixin ms-u-md4 { 143 | width: 33.33333333333333%; 144 | } 145 | @mixin ms-u-md3 { 146 | width: 25%; 147 | } 148 | @mixin ms-u-md2 { 149 | width: 16.666666666666664%; 150 | } 151 | @mixin ms-u-md1 { 152 | width: 8.333333333333332%; 153 | } 154 | @mixin ms-u-mdPull12 { 155 | right: 100%; 156 | } 157 | @mixin ms-u-mdPull11 { 158 | right: 91.66666666666666%; 159 | } 160 | @mixin ms-u-mdPull10 { 161 | right: 83.33333333333334%; 162 | } 163 | @mixin ms-u-mdPull9 { 164 | right: 75%; 165 | } 166 | @mixin ms-u-mdPull8 { 167 | right: 66.66666666666666%; 168 | } 169 | @mixin ms-u-mdPull7 { 170 | right: 58.333333333333336%; 171 | } 172 | @mixin ms-u-mdPull6 { 173 | right: 50%; 174 | } 175 | @mixin ms-u-mdPull5 { 176 | right: 41.66666666666667%; 177 | } 178 | @mixin ms-u-mdPull4 { 179 | right: 33.33333333333333%; 180 | } 181 | @mixin ms-u-mdPull3 { 182 | right: 25%; 183 | } 184 | @mixin ms-u-mdPull2 { 185 | right: 16.666666666666664%; 186 | } 187 | @mixin ms-u-mdPull1 { 188 | right: 8.333333333333332%; 189 | } 190 | @mixin ms-u-mdPull0 { 191 | right: auto; 192 | } 193 | @mixin ms-u-mdPush12 { 194 | left: 100%; 195 | } 196 | @mixin ms-u-mdPush11 { 197 | left: 91.66666666666666%; 198 | } 199 | @mixin ms-u-mdPush10 { 200 | left: 83.33333333333334%; 201 | } 202 | @mixin ms-u-mdPush9 { 203 | left: 75%; 204 | } 205 | @mixin ms-u-mdPush8 { 206 | left: 66.66666666666666%; 207 | } 208 | @mixin ms-u-mdPush7 { 209 | left: 58.333333333333336%; 210 | } 211 | @mixin ms-u-mdPush6 { 212 | left: 50%; 213 | } 214 | @mixin ms-u-mdPush5 { 215 | left: 41.66666666666667%; 216 | } 217 | @mixin ms-u-mdPush4 { 218 | left: 33.33333333333333%; 219 | } 220 | @mixin ms-u-mdPush3 { 221 | left: 25%; 222 | } 223 | @mixin ms-u-mdPush2 { 224 | left: 16.666666666666664%; 225 | } 226 | @mixin ms-u-mdPush1 { 227 | left: 8.333333333333332%; 228 | } 229 | @mixin ms-u-mdPush0 { 230 | left: auto; 231 | } 232 | 233 | // Large screens 234 | @mixin ms-u-lg12 { 235 | width: 100%; 236 | } 237 | @mixin ms-u-lg11 { 238 | width: 91.66666666666666%; 239 | } 240 | @mixin ms-u-lg10 { 241 | width: 83.33333333333334%; 242 | } 243 | @mixin ms-u-lg9 { 244 | width: 75%; 245 | } 246 | @mixin ms-u-lg8 { 247 | width: 66.66666666666666%; 248 | } 249 | @mixin ms-u-lg7 { 250 | width: 58.333333333333336%; 251 | } 252 | @mixin ms-u-lg6 { 253 | width: 50%; 254 | } 255 | @mixin ms-u-lg5 { 256 | width: 41.66666666666667%; 257 | } 258 | @mixin ms-u-lg4 { 259 | width: 33.33333333333333%; 260 | } 261 | @mixin ms-u-lg3 { 262 | width: 25%; 263 | } 264 | @mixin ms-u-lg2 { 265 | width: 16.666666666666664%; 266 | } 267 | @mixin ms-u-lg1 { 268 | width: 8.333333333333332%; 269 | } 270 | @mixin ms-u-lgPull12 { 271 | right: 100%; 272 | } 273 | @mixin ms-u-lgPull11 { 274 | right: 91.66666666666666%; 275 | } 276 | @mixin ms-u-lgPull10 { 277 | right: 83.33333333333334%; 278 | } 279 | @mixin ms-u-lgPull9 { 280 | right: 75%; 281 | } 282 | @mixin ms-u-lgPull8 { 283 | right: 66.66666666666666%; 284 | } 285 | @mixin ms-u-lgPull7 { 286 | right: 58.333333333333336%; 287 | } 288 | @mixin ms-u-lgPull6 { 289 | right: 50%; 290 | } 291 | @mixin ms-u-lgPull5 { 292 | right: 41.66666666666667%; 293 | } 294 | @mixin ms-u-lgPull4 { 295 | right: 33.33333333333333%; 296 | } 297 | @mixin ms-u-lgPull3 { 298 | right: 25%; 299 | } 300 | @mixin ms-u-lgPull2 { 301 | right: 16.666666666666664%; 302 | } 303 | @mixin ms-u-lgPull1 { 304 | right: 8.333333333333332%; 305 | } 306 | @mixin ms-u-lgPull0 { 307 | right: auto; 308 | } 309 | @mixin ms-u-lgPush12 { 310 | left: 100%; 311 | } 312 | @mixin ms-u-lgPush11 { 313 | left: 91.66666666666666%; 314 | } 315 | @mixin ms-u-lgPush10 { 316 | left: 83.33333333333334%; 317 | } 318 | @mixin ms-u-lgPush9 { 319 | left: 75%; 320 | } 321 | @mixin ms-u-lgPush8 { 322 | left: 66.66666666666666%; 323 | } 324 | @mixin ms-u-lgPush7 { 325 | left: 58.333333333333336%; 326 | } 327 | @mixin ms-u-lgPush6 { 328 | left: 50%; 329 | } 330 | @mixin ms-u-lgPush5 { 331 | left: 41.66666666666667%; 332 | } 333 | @mixin ms-u-lgPush4 { 334 | left: 33.33333333333333%; 335 | } 336 | @mixin ms-u-lgPush3 { 337 | left: 25%; 338 | } 339 | @mixin ms-u-lgPush2 { 340 | left: 16.666666666666664%; 341 | } 342 | @mixin ms-u-lgPush1 { 343 | left: 8.333333333333332%; 344 | } 345 | @mixin ms-u-lgPush0 { 346 | left: auto; 347 | } 348 | 349 | // Extra Large Screens 350 | @mixin ms-u-xl12 { 351 | width: 100%; 352 | } 353 | @mixin ms-u-xl11 { 354 | width: 91.66666666666666%; 355 | } 356 | @mixin ms-u-xl10 { 357 | width: 83.33333333333334%; 358 | } 359 | @mixin ms-u-xl9 { 360 | width: 75%; 361 | } 362 | @mixin ms-u-xl8 { 363 | width: 66.66666666666666%; 364 | } 365 | @mixin ms-u-xl7 { 366 | width: 58.333333333333336%; 367 | } 368 | @mixin ms-u-xl6 { 369 | width: 50%; 370 | } 371 | @mixin ms-u-xl5 { 372 | width: 41.66666666666667%; 373 | } 374 | @mixin ms-u-xl4 { 375 | width: 33.33333333333333%; 376 | } 377 | @mixin ms-u-xl3 { 378 | width: 25%; 379 | } 380 | @mixin ms-u-xl2 { 381 | width: 16.666666666666664%; 382 | } 383 | @mixin ms-u-xl1 { 384 | width: 8.333333333333332%; 385 | } 386 | @mixin ms-u-xlPull12 { 387 | right: 100%; 388 | } 389 | @mixin ms-u-xlPull11 { 390 | right: 91.66666666666666%; 391 | } 392 | @mixin ms-u-xlPull10 { 393 | right: 83.33333333333334%; 394 | } 395 | @mixin ms-u-xlPull9 { 396 | right: 75%; 397 | } 398 | @mixin ms-u-xlPull8 { 399 | right: 66.66666666666666%; 400 | } 401 | @mixin ms-u-xlPull7 { 402 | right: 58.333333333333336%; 403 | } 404 | @mixin ms-u-xlPull6 { 405 | right: 50%; 406 | } 407 | @mixin ms-u-xlPull5 { 408 | right: 41.66666666666667%; 409 | } 410 | @mixin ms-u-xlPull4 { 411 | right: 33.33333333333333%; 412 | } 413 | @mixin ms-u-xlPull3 { 414 | right: 25%; 415 | } 416 | @mixin ms-u-xlPull2 { 417 | right: 16.666666666666664%; 418 | } 419 | @mixin ms-u-xlPull1 { 420 | right: 8.333333333333332%; 421 | } 422 | @mixin ms-u-xlPull0 { 423 | right: auto; 424 | } 425 | @mixin ms-u-xlPush12 { 426 | left: 100%; 427 | } 428 | @mixin ms-u-xlPush11 { 429 | left: 91.66666666666666%; 430 | } 431 | @mixin ms-u-xlPush10 { 432 | left: 83.33333333333334%; 433 | } 434 | @mixin ms-u-xlPush9 { 435 | left: 75%; 436 | } 437 | @mixin ms-u-xlPush8 { 438 | left: 66.66666666666666%; 439 | } 440 | @mixin ms-u-xlPush7 { 441 | left: 58.333333333333336%; 442 | } 443 | @mixin ms-u-xlPush6 { 444 | left: 50%; 445 | } 446 | @mixin ms-u-xlPush5 { 447 | left: 41.66666666666667%; 448 | } 449 | @mixin ms-u-xlPush4 { 450 | left: 33.33333333333333%; 451 | } 452 | @mixin ms-u-xlPush3 { 453 | left: 25%; 454 | } 455 | @mixin ms-u-xlPush2 { 456 | left: 16.666666666666664%; 457 | } 458 | @mixin ms-u-xlPush1 { 459 | left: 8.333333333333332%; 460 | } 461 | @mixin ms-u-xlPush0 { 462 | left: auto; 463 | } 464 | 465 | 466 | // XXL Screens 467 | @mixin ms-u-xxl12 { 468 | width: 100%; 469 | } 470 | @mixin ms-u-xxl11 { 471 | width: 91.66666666666666%; 472 | } 473 | @mixin ms-u-xxl10 { 474 | width: 83.33333333333334%; 475 | } 476 | @mixin ms-u-xxl9 { 477 | width: 75%; 478 | } 479 | @mixin ms-u-xxl8 { 480 | width: 66.66666666666666%; 481 | } 482 | @mixin ms-u-xxl7 { 483 | width: 58.333333333333336%; 484 | } 485 | @mixin ms-u-xxl6 { 486 | width: 50%; 487 | } 488 | @mixin ms-u-xxl5 { 489 | width: 41.66666666666667%; 490 | } 491 | @mixin ms-u-xxl4 { 492 | width: 33.33333333333333%; 493 | } 494 | @mixin ms-u-xxl3 { 495 | width: 25%; 496 | } 497 | @mixin ms-u-xxl2 { 498 | width: 16.666666666666664%; 499 | } 500 | @mixin ms-u-xxl1 { 501 | width: 8.333333333333332%; 502 | } 503 | @mixin ms-u-xxlPull12 { 504 | right: 100%; 505 | } 506 | @mixin ms-u-xxlPull11 { 507 | right: 91.66666666666666%; 508 | } 509 | @mixin ms-u-xxlPull10 { 510 | right: 83.33333333333334%; 511 | } 512 | @mixin ms-u-xxlPull9 { 513 | right: 75%; 514 | } 515 | @mixin ms-u-xxlPull8 { 516 | right: 66.66666666666666%; 517 | } 518 | @mixin ms-u-xxlPull7 { 519 | right: 58.333333333333336%; 520 | } 521 | @mixin ms-u-xxlPull6 { 522 | right: 50%; 523 | } 524 | @mixin ms-u-xxlPull5 { 525 | right: 41.66666666666667%; 526 | } 527 | @mixin ms-u-xxlPull4 { 528 | right: 33.33333333333333%; 529 | } 530 | @mixin ms-u-xxlPull3 { 531 | right: 25%; 532 | } 533 | @mixin ms-u-xxlPull2 { 534 | right: 16.666666666666664%; 535 | } 536 | @mixin ms-u-xxlPull1 { 537 | right: 8.333333333333332%; 538 | } 539 | @mixin ms-u-xxlPull0 { 540 | right: auto; 541 | } 542 | @mixin ms-u-xxlPush12 { 543 | left: 100%; 544 | } 545 | @mixin ms-u-xxlPush11 { 546 | left: 91.66666666666666%; 547 | } 548 | @mixin ms-u-xxlPush10 { 549 | left: 83.33333333333334%; 550 | } 551 | @mixin ms-u-xxlPush9 { 552 | left: 75%; 553 | } 554 | @mixin ms-u-xxlPush8 { 555 | left: 66.66666666666666%; 556 | } 557 | @mixin ms-u-xxlPush7 { 558 | left: 58.333333333333336%; 559 | } 560 | @mixin ms-u-xxlPush6 { 561 | left: 50%; 562 | } 563 | @mixin ms-u-xxlPush5 { 564 | left: 41.66666666666667%; 565 | } 566 | @mixin ms-u-xxlPush4 { 567 | left: 33.33333333333333%; 568 | } 569 | @mixin ms-u-xxlPush3 { 570 | left: 25%; 571 | } 572 | @mixin ms-u-xxlPush2 { 573 | left: 16.666666666666664%; 574 | } 575 | @mixin ms-u-xxlPush1 { 576 | left: 8.333333333333332%; 577 | } 578 | @mixin ms-u-xxlPush0 { 579 | left: auto; 580 | } 581 | 582 | // Extra extra extra large screens 583 | 584 | @mixin ms-u-xxxl12 { 585 | width: 100%; 586 | } 587 | @mixin ms-u-xxxl11 { 588 | width: 91.66666666666666%; 589 | } 590 | @mixin ms-u-xxxl10 { 591 | width: 83.33333333333334%; 592 | } 593 | @mixin ms-u-xxxl9 { 594 | width: 75%; 595 | } 596 | @mixin ms-u-xxxl8 { 597 | width: 66.66666666666666%; 598 | } 599 | @mixin ms-u-xxxl7 { 600 | width: 58.333333333333336%; 601 | } 602 | @mixin ms-u-xxxl6 { 603 | width: 50%; 604 | } 605 | @mixin ms-u-xxxl5 { 606 | width: 41.66666666666667%; 607 | } 608 | @mixin ms-u-xxxl4 { 609 | width: 33.33333333333333%; 610 | } 611 | @mixin ms-u-xxxl3 { 612 | width: 25%; 613 | } 614 | @mixin ms-u-xxxl2 { 615 | width: 16.666666666666664%; 616 | } 617 | @mixin ms-u-xxxl1 { 618 | width: 8.333333333333332%; 619 | } 620 | @mixin ms-u-xxxlPull12 { 621 | right: 100%; 622 | } 623 | @mixin ms-u-xxxlPull11 { 624 | right: 91.66666666666666%; 625 | } 626 | @mixin ms-u-xxxlPull10 { 627 | right: 83.33333333333334%; 628 | } 629 | @mixin ms-u-xxxlPull9 { 630 | right: 75%; 631 | } 632 | @mixin ms-u-xxxlPull8 { 633 | right: 66.66666666666666%; 634 | } 635 | @mixin ms-u-xxxlPull7 { 636 | right: 58.333333333333336%; 637 | } 638 | @mixin ms-u-xxxlPull6 { 639 | right: 50%; 640 | } 641 | @mixin ms-u-xxxlPull5 { 642 | right: 41.66666666666667%; 643 | } 644 | @mixin ms-u-xxxlPull4 { 645 | right: 33.33333333333333%; 646 | } 647 | @mixin ms-u-xxxlPull3 { 648 | right: 25%; 649 | } 650 | @mixin ms-u-xxxlPull2 { 651 | right: 16.666666666666664%; 652 | } 653 | @mixin ms-u-xxxlPull1 { 654 | right: 8.333333333333332%; 655 | } 656 | @mixin ms-u-xxxlPull0 { 657 | right: auto; 658 | } 659 | @mixin ms-u-xxxlPush12 { 660 | left: 100%; 661 | } 662 | @mixin ms-u-xxxlPush11 { 663 | left: 91.66666666666666%; 664 | } 665 | @mixin ms-u-xxxlPush10 { 666 | left: 83.33333333333334%; 667 | } 668 | @mixin ms-u-xxxlPush9 { 669 | left: 75%; 670 | } 671 | @mixin ms-u-xxxlPush8 { 672 | left: 66.66666666666666%; 673 | } 674 | @mixin ms-u-xxxlPush7 { 675 | left: 58.333333333333336%; 676 | } 677 | @mixin ms-u-xxxlPush6 { 678 | left: 50%; 679 | } 680 | @mixin ms-u-xxxlPush5 { 681 | left: 41.66666666666667%; 682 | } 683 | @mixin ms-u-xxxlPush4 { 684 | left: 33.33333333333333%; 685 | } 686 | @mixin ms-u-xxxlPush3 { 687 | left: 25%; 688 | } 689 | @mixin ms-u-xxxlPush2 { 690 | left: 16.666666666666664%; 691 | } 692 | @mixin ms-u-xxxlPush1 { 693 | left: 8.333333333333332%; 694 | } 695 | @mixin ms-u-xxxlPush0 { 696 | left: auto; 697 | } -------------------------------------------------------------------------------- /HumongousInsuranceAgentsAddinWeb/Content/sass/_Fabric.Icons.scss: -------------------------------------------------------------------------------- 1 | // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information. 2 | 3 | // 4 | // Office UI Fabric 5 | // -------------------------------------------------- 6 | // Icon definitions 7 | 8 | @mixin ms-Icon { 9 | -moz-osx-font-smoothing: grayscale; 10 | -webkit-font-smoothing: antialiased; 11 | display: inline-block; 12 | font-family: 'Office365Icons'; 13 | font-style: normal; 14 | font-weight: normal; 15 | line-height: 1; 16 | speak: none; 17 | } 18 | 19 | // 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 | 361 | 362 | @mixin ms-Icon--circle { 363 | position: relative; 364 | display: inline-block; 365 | font-size: 1rem; 366 | width: 1em; 367 | height: 1em; 368 | margin: 0 0.5em 0 0; 369 | padding: 0; 370 | text-align: left; 371 | -webkit-font-smoothing: antialiased; 372 | 373 | &:before, &:after { 374 | line-height: 1; 375 | font-size: inherit; 376 | } 377 | 378 | &:before { 379 | display: block; 380 | width: 100%; 381 | height: 100%; 382 | margin: 0; 383 | padding: 0; 384 | vertical-align: top; 385 | position: absolute; 386 | } 387 | 388 | &:after { 389 | content: '\e000'; 390 | position: absolute; 391 | top: 0; 392 | left: 0; 393 | transform: scale(2); 394 | transform-origin: 50% 50%; 395 | z-index: $ms-zIndex-back; 396 | } 397 | } --------------------------------------------------------------------------------