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_d8a65b31', overlay: 'overlay_d8a65b31', main: 'main_d8a65b31', rootIsSmall: 'rootIsSmall_d8a65b31', rootIsSmallLeft: 'rootIsSmallLeft_d8a65b31', rootIsSmallFluid: 'rootIsSmallFluid_d8a65b31', rootIsMedium: 'rootIsMedium_d8a65b31', rootIsLarge: 'rootIsLarge_d8a65b31', rootIsXLarge: 'rootIsXLarge_d8a65b31', rootIsCustom: 'rootIsCustom_d8a65b31', rootIsFixed: 'rootIsFixed_d8a65b31', rootIsOpen: 'rootIsOpen_d8a65b31', closeButton: 'closeButton_d8a65b31', contentInner: 'contentInner_d8a65b31', rootHasCloseButton: 'rootHasCloseButton_d8a65b31', header: 'header_d8a65b31', content: 'content_d8a65b31', footerInner: 'footerInner_d8a65b31', footer: 'footer_d8a65b31', footerIsSticky: 'footerIsSticky_d8a65b31', headerText: 'headerText_d8a65b31', }; load_themed_styles_1.loadStyles([{ "rawString": ".root_d8a65b31{pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0}.root_d8a65b31 .overlay_d8a65b31{pointer-events:none;opacity:1;cursor:pointer;transition:opacity 367ms cubic-bezier(.1,.9,.2,1)}.main_d8a65b31{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_d8a65b31{right:0}[dir=rtl] .main_d8a65b31{left:0}@media (min-width:480px){.main_d8a65b31{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_d8a65b31{left:auto}[dir=rtl] .main_d8a65b31{right:auto}}.root_d8a65b31.rootIsSmall_d8a65b31 .main_d8a65b31{width:272px}@media (min-width:480px){.root_d8a65b31.rootIsSmall_d8a65b31 .main_d8a65b31{width:340px}}.root_d8a65b31.rootIsSmallLeft_d8a65b31 .main_d8a65b31{width:272px;box-shadow:30px 0 30px -30px rgba(0,0,0,.2)}[dir=ltr] .root_d8a65b31.rootIsSmallLeft_d8a65b31 .main_d8a65b31{right:auto}[dir=rtl] .root_d8a65b31.rootIsSmallLeft_d8a65b31 .main_d8a65b31{left:auto}[dir=ltr] .root_d8a65b31.rootIsSmallLeft_d8a65b31 .main_d8a65b31{left:0}[dir=rtl] .root_d8a65b31.rootIsSmallLeft_d8a65b31 .main_d8a65b31{right:0}.root_d8a65b31.rootIsSmallFluid_d8a65b31 .main_d8a65b31{width:100%}@media (min-width:640px){.root_d8a65b31.rootIsCustom_d8a65b31 .main_d8a65b31,.root_d8a65b31.rootIsLarge_d8a65b31 .main_d8a65b31,.root_d8a65b31.rootIsMedium_d8a65b31 .main_d8a65b31,.root_d8a65b31.rootIsXLarge_d8a65b31 .main_d8a65b31{width:auto}[dir=ltr] .root_d8a65b31.rootIsCustom_d8a65b31 .main_d8a65b31,[dir=ltr] .root_d8a65b31.rootIsLarge_d8a65b31 .main_d8a65b31,[dir=ltr] .root_d8a65b31.rootIsMedium_d8a65b31 .main_d8a65b31,[dir=ltr] .root_d8a65b31.rootIsXLarge_d8a65b31 .main_d8a65b31{left:48px}[dir=rtl] .root_d8a65b31.rootIsCustom_d8a65b31 .main_d8a65b31,[dir=rtl] .root_d8a65b31.rootIsLarge_d8a65b31 .main_d8a65b31,[dir=rtl] .root_d8a65b31.rootIsMedium_d8a65b31 .main_d8a65b31,[dir=rtl] .root_d8a65b31.rootIsXLarge_d8a65b31 .main_d8a65b31{right:48px}}@media (min-width:1024px){.root_d8a65b31.rootIsMedium_d8a65b31 .main_d8a65b31{width:643px}[dir=ltr] .root_d8a65b31.rootIsMedium_d8a65b31 .main_d8a65b31{left:auto}[dir=rtl] .root_d8a65b31.rootIsMedium_d8a65b31 .main_d8a65b31{right:auto}}@media (min-width:1366px){[dir=ltr] .root_d8a65b31.rootIsLarge_d8a65b31 .main_d8a65b31{left:428px}[dir=rtl] .root_d8a65b31.rootIsLarge_d8a65b31 .main_d8a65b31{right:428px}}@media (min-width:1366px){.root_d8a65b31.rootIsLarge_d8a65b31.rootIsFixed_d8a65b31 .main_d8a65b31{width:940px}[dir=ltr] .root_d8a65b31.rootIsLarge_d8a65b31.rootIsFixed_d8a65b31 .main_d8a65b31{left:auto}[dir=rtl] .root_d8a65b31.rootIsLarge_d8a65b31.rootIsFixed_d8a65b31 .main_d8a65b31{right:auto}}@media (min-width:1366px){[dir=ltr] .root_d8a65b31.rootIsXLarge_d8a65b31 .main_d8a65b31{left:176px}[dir=rtl] .root_d8a65b31.rootIsXLarge_d8a65b31 .main_d8a65b31{right:176px}}@media (min-width:1024px){[dir=ltr] .root_d8a65b31.rootIsCustom_d8a65b31 .main_d8a65b31{left:auto}[dir=rtl] .root_d8a65b31.rootIsCustom_d8a65b31 .main_d8a65b31{right:auto}}.root_d8a65b31.rootIsOpen_d8a65b31 .main_d8a65b31{pointer-events:auto}.root_d8a65b31.rootIsOpen_d8a65b31 .overlay_d8a65b31{cursor:pointer;pointer-events:auto}@media screen and (-ms-high-contrast:active){.root_d8a65b31.rootIsOpen_d8a65b31 .overlay_d8a65b31{opacity:0}}.closeButton_d8a65b31{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_d8a65b31{right:4px}[dir=rtl] .closeButton_d8a65b31{left:4px}.closeButton_d8a65b31:hover{color:" }, { "theme": "neutralPrimary", "defaultValue": "#333333" }, { "rawString": "}.contentInner_d8a65b31{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_d8a65b31 .contentInner_d8a65b31{top:44px}.content_d8a65b31,.footerInner_d8a65b31,.header_d8a65b31{padding-left:16px;padding-right:16px}@media (min-width:640px){.content_d8a65b31,.footerInner_d8a65b31,.header_d8a65b31{padding-left:32px;padding-right:32px}}@media (min-width:1366px){.content_d8a65b31,.footerInner_d8a65b31,.header_d8a65b31{padding-left:40px;padding-right:40px}}.header_d8a65b31{margin:14px 0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}@media (min-width:1024px){.header_d8a65b31{margin-top:30px}}.content_d8a65b31{margin-bottom:0;overflow-y:auto}.footer_d8a65b31{-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_d8a65b31{padding-bottom:20px;padding-top:20px}.footerIsSticky_d8a65b31{background:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";border-top-color:" }, { "theme": "neutralLight", "defaultValue": "#eaeaea" }, { "rawString": "}.headerText_d8a65b31{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