UNPKG

office-ui-fabric-react

Version:

Reusable React components for building experiences for Office 365.

32 lines (30 loc) 6.75 kB
define(["require", "exports", "@microsoft/load-themed-styles"], function (require, exports, load_themed_styles_1) { "use strict"; var styles = { root: 'root_335ae920', overlay: 'overlay_335ae920', main: 'main_335ae920', rootIsSmall: 'rootIsSmall_335ae920', rootIsSmallLeft: 'rootIsSmallLeft_335ae920', rootIsSmallFluid: 'rootIsSmallFluid_335ae920', rootIsMedium: 'rootIsMedium_335ae920', rootIsLarge: 'rootIsLarge_335ae920', rootIsXLarge: 'rootIsXLarge_335ae920', rootIsCustom: 'rootIsCustom_335ae920', rootIsFixed: 'rootIsFixed_335ae920', rootIsOpen: 'rootIsOpen_335ae920', closeButton: 'closeButton_335ae920', contentInner: 'contentInner_335ae920', rootHasCloseButton: 'rootHasCloseButton_335ae920', header: 'header_335ae920', content: 'content_335ae920', footerInner: 'footerInner_335ae920', footer: 'footer_335ae920', footerIsSticky: 'footerIsSticky_335ae920', headerText: 'headerText_335ae920', }; load_themed_styles_1.loadStyles([{ "rawString": ".root_335ae920{pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0}.root_335ae920 .overlay_335ae920{pointer-events:none;opacity:1;cursor:pointer;transition:opacity 367ms cubic-bezier(.1,.9,.2,1)}.main_335ae920{background-color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";position:absolute;width:100%;bottom:0;top:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}[dir=ltr] .main_335ae920{right:0}[dir=rtl] .main_335ae920{left:0}@media (min-width:480px){.main_335ae920{border-left:1px solid " }, { "theme": "neutralLight", "defaultValue": "#eaeaea" }, { "rawString": ";border-right:1px solid " }, { "theme": "neutralLight", "defaultValue": "#eaeaea" }, { "rawString": ";pointer-events:auto;width:340px;box-shadow:-30px 0 30px -30px rgba(0,0,0,.2)}[dir=ltr] .main_335ae920{left:auto}[dir=rtl] .main_335ae920{right:auto}}.root_335ae920.rootIsSmall_335ae920 .main_335ae920{width:272px}@media (min-width:480px){.root_335ae920.rootIsSmall_335ae920 .main_335ae920{width:340px}}.root_335ae920.rootIsSmallLeft_335ae920 .main_335ae920{width:272px;box-shadow:30px 0 30px -30px rgba(0,0,0,.2)}[dir=ltr] .root_335ae920.rootIsSmallLeft_335ae920 .main_335ae920{right:auto}[dir=rtl] .root_335ae920.rootIsSmallLeft_335ae920 .main_335ae920{left:auto}[dir=ltr] .root_335ae920.rootIsSmallLeft_335ae920 .main_335ae920{left:0}[dir=rtl] .root_335ae920.rootIsSmallLeft_335ae920 .main_335ae920{right:0}.root_335ae920.rootIsSmallFluid_335ae920 .main_335ae920{width:100%}@media (min-width:640px){.root_335ae920.rootIsCustom_335ae920 .main_335ae920,.root_335ae920.rootIsLarge_335ae920 .main_335ae920,.root_335ae920.rootIsMedium_335ae920 .main_335ae920,.root_335ae920.rootIsXLarge_335ae920 .main_335ae920{width:auto}[dir=ltr] .root_335ae920.rootIsCustom_335ae920 .main_335ae920,[dir=ltr] .root_335ae920.rootIsLarge_335ae920 .main_335ae920,[dir=ltr] .root_335ae920.rootIsMedium_335ae920 .main_335ae920,[dir=ltr] .root_335ae920.rootIsXLarge_335ae920 .main_335ae920{left:48px}[dir=rtl] .root_335ae920.rootIsCustom_335ae920 .main_335ae920,[dir=rtl] .root_335ae920.rootIsLarge_335ae920 .main_335ae920,[dir=rtl] .root_335ae920.rootIsMedium_335ae920 .main_335ae920,[dir=rtl] .root_335ae920.rootIsXLarge_335ae920 .main_335ae920{right:48px}}@media (min-width:1024px){.root_335ae920.rootIsMedium_335ae920 .main_335ae920{width:643px}[dir=ltr] .root_335ae920.rootIsMedium_335ae920 .main_335ae920{left:auto}[dir=rtl] .root_335ae920.rootIsMedium_335ae920 .main_335ae920{right:auto}}@media (min-width:1366px){[dir=ltr] .root_335ae920.rootIsLarge_335ae920 .main_335ae920{left:428px}[dir=rtl] .root_335ae920.rootIsLarge_335ae920 .main_335ae920{right:428px}}@media (min-width:1366px){.root_335ae920.rootIsLarge_335ae920.rootIsFixed_335ae920 .main_335ae920{width:940px}[dir=ltr] .root_335ae920.rootIsLarge_335ae920.rootIsFixed_335ae920 .main_335ae920{left:auto}[dir=rtl] .root_335ae920.rootIsLarge_335ae920.rootIsFixed_335ae920 .main_335ae920{right:auto}}@media (min-width:1366px){[dir=ltr] .root_335ae920.rootIsXLarge_335ae920 .main_335ae920{left:176px}[dir=rtl] .root_335ae920.rootIsXLarge_335ae920 .main_335ae920{right:176px}}@media (min-width:1024px){[dir=ltr] .root_335ae920.rootIsCustom_335ae920 .main_335ae920{left:auto}[dir=rtl] .root_335ae920.rootIsCustom_335ae920 .main_335ae920{right:auto}}.root_335ae920.rootIsOpen_335ae920 .main_335ae920{pointer-events:auto}.root_335ae920.rootIsOpen_335ae920 .overlay_335ae920{cursor:pointer;pointer-events:auto}@media screen and (-ms-high-contrast:active){.root_335ae920.rootIsOpen_335ae920 .overlay_335ae920{opacity:0}}.closeButton_335ae920{background:0 0;border:0;cursor:pointer;position:absolute;top:0;height:44px;width:44px;line-height:44px;padding:0;color:" }, { "theme": "neutralSecondary", "defaultValue": "#666666" }, { "rawString": ";font-size:20px}[dir=ltr] .closeButton_335ae920{right:4px}[dir=rtl] .closeButton_335ae920{left:4px}.closeButton_335ae920:hover{color:" }, { "theme": "neutralPrimary", "defaultValue": "#333333" }, { "rawString": "}.contentInner_335ae920{position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-overflow-scrolling:touch;-webkit-transform:translateZ(0);transform:translateZ(0)}.rootHasCloseButton_335ae920 .contentInner_335ae920{top:44px}.content_335ae920,.footerInner_335ae920,.header_335ae920{padding-left:16px;padding-right:16px}@media (min-width:640px){.content_335ae920,.footerInner_335ae920,.header_335ae920{padding-left:32px;padding-right:32px}}@media (min-width:1366px){.content_335ae920,.footerInner_335ae920,.header_335ae920{padding-left:40px;padding-right:40px}}.header_335ae920{margin:14px 0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}@media (min-width:1024px){.header_335ae920{margin-top:30px}}.content_335ae920{margin-bottom:0;overflow-y:auto}.footer_335ae920{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;border-top:1px solid transparent;transition:border 367ms cubic-bezier(.1,.25,.75,.9)}.footerInner_335ae920{padding-bottom:20px;padding-top:20px}.footerIsSticky_335ae920{background:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";border-top-color:" }, { "theme": "neutralLight", "defaultValue": "#eaeaea" }, { "rawString": "}.headerText_335ae920{font-size:21px;font-weight:100;color:" }, { "theme": "neutralPrimary", "defaultValue": "#333333" }, { "rawString": ";line-height:32px;margin:0}" }]); return styles; }); /* tslint:enable */ //# sourceMappingURL=Panel.scss.js.map