office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
32 lines (30 loc) • 6.62 kB
JavaScript
"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