UNPKG

office-ui-fabric-react

Version:

Reusable React components for building experiences for Office 365.

32 lines (30 loc) 6.62 kB
"use strict"; /* tslint:disable */ var load_themed_styles_1 = require("@microsoft/load-themed-styles"); var styles = { root: 'root_28a38246', overlay: 'overlay_28a38246', main: 'main_28a38246', rootIsSmall: 'rootIsSmall_28a38246', rootIsSmallLeft: 'rootIsSmallLeft_28a38246', rootIsSmallFluid: 'rootIsSmallFluid_28a38246', rootIsMedium: 'rootIsMedium_28a38246', rootIsLarge: 'rootIsLarge_28a38246', rootIsXLarge: 'rootIsXLarge_28a38246', rootIsCustom: 'rootIsCustom_28a38246', rootIsFixed: 'rootIsFixed_28a38246', rootIsOpen: 'rootIsOpen_28a38246', closeButton: 'closeButton_28a38246', contentInner: 'contentInner_28a38246', rootHasCloseButton: 'rootHasCloseButton_28a38246', header: 'header_28a38246', content: 'content_28a38246', footerInner: 'footerInner_28a38246', footer: 'footer_28a38246', footerIsSticky: 'footerIsSticky_28a38246', headerText: 'headerText_28a38246', }; load_themed_styles_1.loadStyles([{ "rawString": ".root_28a38246{pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0}.root_28a38246 .overlay_28a38246{pointer-events:none;opacity:1;cursor:pointer;transition:opacity 367ms cubic-bezier(.1,.9,.2,1)}.main_28a38246{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_28a38246{right:0}[dir=rtl] .main_28a38246{left:0}@media (min-width:480px){.main_28a38246{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_28a38246{left:auto}[dir=rtl] .main_28a38246{right:auto}}.root_28a38246.rootIsSmall_28a38246 .main_28a38246{width:272px}@media (min-width:480px){.root_28a38246.rootIsSmall_28a38246 .main_28a38246{width:340px}}.root_28a38246.rootIsSmallLeft_28a38246 .main_28a38246{width:272px;box-shadow:30px 0 30px -30px rgba(0,0,0,.2)}[dir=ltr] .root_28a38246.rootIsSmallLeft_28a38246 .main_28a38246{right:auto}[dir=rtl] .root_28a38246.rootIsSmallLeft_28a38246 .main_28a38246{left:auto}[dir=ltr] .root_28a38246.rootIsSmallLeft_28a38246 .main_28a38246{left:0}[dir=rtl] .root_28a38246.rootIsSmallLeft_28a38246 .main_28a38246{right:0}.root_28a38246.rootIsSmallFluid_28a38246 .main_28a38246{width:100%}@media (min-width:640px){.root_28a38246.rootIsCustom_28a38246 .main_28a38246,.root_28a38246.rootIsLarge_28a38246 .main_28a38246,.root_28a38246.rootIsMedium_28a38246 .main_28a38246,.root_28a38246.rootIsXLarge_28a38246 .main_28a38246{width:auto}[dir=ltr] .root_28a38246.rootIsCustom_28a38246 .main_28a38246,[dir=ltr] .root_28a38246.rootIsLarge_28a38246 .main_28a38246,[dir=ltr] .root_28a38246.rootIsMedium_28a38246 .main_28a38246,[dir=ltr] .root_28a38246.rootIsXLarge_28a38246 .main_28a38246{left:48px}[dir=rtl] .root_28a38246.rootIsCustom_28a38246 .main_28a38246,[dir=rtl] .root_28a38246.rootIsLarge_28a38246 .main_28a38246,[dir=rtl] .root_28a38246.rootIsMedium_28a38246 .main_28a38246,[dir=rtl] .root_28a38246.rootIsXLarge_28a38246 .main_28a38246{right:48px}}@media (min-width:1024px){.root_28a38246.rootIsMedium_28a38246 .main_28a38246{width:643px}[dir=ltr] .root_28a38246.rootIsMedium_28a38246 .main_28a38246{left:auto}[dir=rtl] .root_28a38246.rootIsMedium_28a38246 .main_28a38246{right:auto}}@media (min-width:1366px){[dir=ltr] .root_28a38246.rootIsLarge_28a38246 .main_28a38246{left:428px}[dir=rtl] .root_28a38246.rootIsLarge_28a38246 .main_28a38246{right:428px}}@media (min-width:1366px){.root_28a38246.rootIsLarge_28a38246.rootIsFixed_28a38246 .main_28a38246{width:940px}[dir=ltr] .root_28a38246.rootIsLarge_28a38246.rootIsFixed_28a38246 .main_28a38246{left:auto}[dir=rtl] .root_28a38246.rootIsLarge_28a38246.rootIsFixed_28a38246 .main_28a38246{right:auto}}@media (min-width:1366px){[dir=ltr] .root_28a38246.rootIsXLarge_28a38246 .main_28a38246{left:176px}[dir=rtl] .root_28a38246.rootIsXLarge_28a38246 .main_28a38246{right:176px}}@media (min-width:1024px){[dir=ltr] .root_28a38246.rootIsCustom_28a38246 .main_28a38246{left:auto}[dir=rtl] .root_28a38246.rootIsCustom_28a38246 .main_28a38246{right:auto}}.root_28a38246.rootIsOpen_28a38246 .main_28a38246{pointer-events:auto}.root_28a38246.rootIsOpen_28a38246 .overlay_28a38246{cursor:pointer;pointer-events:auto}@media screen and (-ms-high-contrast:active){.root_28a38246.rootIsOpen_28a38246 .overlay_28a38246{opacity:0}}.closeButton_28a38246{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_28a38246{right:4px}[dir=rtl] .closeButton_28a38246{left:4px}.closeButton_28a38246:hover{color:" }, { "theme": "neutralPrimary", "defaultValue": "#333333" }, { "rawString": "}.contentInner_28a38246{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_28a38246 .contentInner_28a38246{top:44px}.content_28a38246,.footerInner_28a38246,.header_28a38246{padding-left:16px;padding-right:16px}@media (min-width:640px){.content_28a38246,.footerInner_28a38246,.header_28a38246{padding-left:32px;padding-right:32px}}@media (min-width:1366px){.content_28a38246,.footerInner_28a38246,.header_28a38246{padding-left:40px;padding-right:40px}}.header_28a38246{margin:14px 0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}@media (min-width:1024px){.header_28a38246{margin-top:30px}}.content_28a38246{margin-bottom:0;overflow-y:auto}.footer_28a38246{-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_28a38246{padding-bottom:20px;padding-top:20px}.footerIsSticky_28a38246{background:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";border-top-color:" }, { "theme": "neutralLight", "defaultValue": "#eaeaea" }, { "rawString": "}.headerText_28a38246{font-size:21px;font-weight:100;color:" }, { "theme": "neutralPrimary", "defaultValue": "#333333" }, { "rawString": ";line-height:32px;margin:0}" }]); module.exports = styles; /* tslint:enable */ //# sourceMappingURL=Panel.scss.js.map