office-ui-fabric-react/lib-amd/components/Panel/Panel.scss.js

Reusable React components for building experiences for Office 365.

define(["require", "exports", "@microsoft/load-themed-styles"], function (require, exports, load_themed_styles_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    load_themed_styles_1.loadStyles(".root_c5f15b08{pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0}.root_c5f15b08 .overlay_c5f15b08{pointer-events:none;opacity:1;cursor:pointer;-webkit-transition:opacity .367s cubic-bezier(0.1, 0.9, 0.2, 1);transition:opacity .367s cubic-bezier(0.1, 0.9, 0.2, 1)}.main_c5f15b08{background-color:\"[theme:white, default: #ffffff]\";position:absolute;width:100%;bottom:0;top:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}[dir='ltr'] .main_c5f15b08{right:0}[dir='rtl'] .main_c5f15b08{left:0}@media (min-width: 480px){.main_c5f15b08{border-left:1px solid \"[theme:neutralLight, default: #eaeaea]\";border-right:1px solid \"[theme:neutralLight, default: #eaeaea]\";pointer-events:auto;width:340px;-webkit-box-shadow:-30px 0px 30px -30px rgba(0,0,0,0.2);box-shadow:-30px 0px 30px -30px rgba(0,0,0,0.2)}[dir='ltr'] .main_c5f15b08{left:auto}[dir='rtl'] .main_c5f15b08{right:auto}}.root_c5f15b08.rootIsSmall_c5f15b08 .main_c5f15b08{width:272px}@media (min-width: 480px){.root_c5f15b08.rootIsSmall_c5f15b08 .main_c5f15b08{width:340px}}.root_c5f15b08.rootIsSmallLeft_c5f15b08 .main_c5f15b08{width:272px;-webkit-box-shadow:30px 0px 30px -30px rgba(0,0,0,0.2);box-shadow:30px 0px 30px -30px rgba(0,0,0,0.2)}[dir='ltr'] .root_c5f15b08.rootIsSmallLeft_c5f15b08 .main_c5f15b08{right:auto}[dir='rtl'] .root_c5f15b08.rootIsSmallLeft_c5f15b08 .main_c5f15b08{left:auto}[dir='ltr'] .root_c5f15b08.rootIsSmallLeft_c5f15b08 .main_c5f15b08{left:0}[dir='rtl'] .root_c5f15b08.rootIsSmallLeft_c5f15b08 .main_c5f15b08{right:0}.root_c5f15b08.rootIsSmallFluid_c5f15b08 .main_c5f15b08{width:100%}@media (min-width: 640px){.root_c5f15b08.rootIsMedium_c5f15b08 .main_c5f15b08,.root_c5f15b08.rootIsLarge_c5f15b08 .main_c5f15b08,.root_c5f15b08.rootIsXLarge_c5f15b08 .main_c5f15b08,.root_c5f15b08.rootIsCustom_c5f15b08 .main_c5f15b08{width:auto}[dir='ltr'] .root_c5f15b08.rootIsMedium_c5f15b08 .main_c5f15b08,[dir='ltr'] .root_c5f15b08.rootIsLarge_c5f15b08 .main_c5f15b08,[dir='ltr'] .root_c5f15b08.rootIsXLarge_c5f15b08 .main_c5f15b08,[dir='ltr'] .root_c5f15b08.rootIsCustom_c5f15b08 .main_c5f15b08{left:48px}[dir='rtl'] .root_c5f15b08.rootIsMedium_c5f15b08 .main_c5f15b08,[dir='rtl'] .root_c5f15b08.rootIsLarge_c5f15b08 .main_c5f15b08,[dir='rtl'] .root_c5f15b08.rootIsXLarge_c5f15b08 .main_c5f15b08,[dir='rtl'] .root_c5f15b08.rootIsCustom_c5f15b08 .main_c5f15b08{right:48px}}@media (min-width: 1024px){.root_c5f15b08.rootIsMedium_c5f15b08 .main_c5f15b08{width:643px}[dir='ltr'] .root_c5f15b08.rootIsMedium_c5f15b08 .main_c5f15b08{left:auto}[dir='rtl'] .root_c5f15b08.rootIsMedium_c5f15b08 .main_c5f15b08{right:auto}}@media (min-width: 1366px){[dir='ltr'] .root_c5f15b08.rootIsLarge_c5f15b08 .main_c5f15b08{left:428px}[dir='rtl'] .root_c5f15b08.rootIsLarge_c5f15b08 .main_c5f15b08{right:428px}}@media (min-width: 1366px){.root_c5f15b08.rootIsLarge_c5f15b08.rootIsFixed_c5f15b08 .main_c5f15b08{width:940px}[dir='ltr'] .root_c5f15b08.rootIsLarge_c5f15b08.rootIsFixed_c5f15b08 .main_c5f15b08{left:auto}[dir='rtl'] .root_c5f15b08.rootIsLarge_c5f15b08.rootIsFixed_c5f15b08 .main_c5f15b08{right:auto}}@media (min-width: 1366px){[dir='ltr'] .root_c5f15b08.rootIsXLarge_c5f15b08 .main_c5f15b08{left:176px}[dir='rtl'] .root_c5f15b08.rootIsXLarge_c5f15b08 .main_c5f15b08{right:176px}}@media (min-width: 1024px){[dir='ltr'] .root_c5f15b08.rootIsCustom_c5f15b08 .main_c5f15b08{left:auto}[dir='rtl'] .root_c5f15b08.rootIsCustom_c5f15b08 .main_c5f15b08{right:auto}}.root_c5f15b08.rootIsOpen_c5f15b08 .main_c5f15b08{pointer-events:auto}.root_c5f15b08.rootIsOpen_c5f15b08 .overlay_c5f15b08{cursor:pointer;pointer-events:auto}@media screen and (-ms-high-contrast: active){.root_c5f15b08.rootIsOpen_c5f15b08 .overlay_c5f15b08{opacity:0}}.closeButton_c5f15b08{background:none;border:0;cursor:pointer;position:absolute;top:0;height:44px;width:44px;line-height:44px;padding:0;color:\"[theme:neutralSecondary, default: #666666]\";font-size:20px}[dir='ltr'] .closeButton_c5f15b08{right:4px}[dir='rtl'] .closeButton_c5f15b08{left:4px}.closeButton_c5f15b08:hover{color:\"[theme:neutralPrimary, default: #333333]\"}.contentInner_c5f15b08{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_c5f15b08 .contentInner_c5f15b08{top:44px}.header_c5f15b08,.content_c5f15b08,.footerInner_c5f15b08{padding-left:16px;padding-right:16px}@media (min-width: 640px){.header_c5f15b08,.content_c5f15b08,.footerInner_c5f15b08{padding-left:32px;padding-right:32px}}@media (min-width: 1366px){.header_c5f15b08,.content_c5f15b08,.footerInner_c5f15b08{padding-left:40px;padding-right:40px}}.header_c5f15b08{margin:14px 0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}@media (min-width: 1024px){.header_c5f15b08{margin-top:30px}}.content_c5f15b08{margin-bottom:0;overflow-y:auto}.contentGrow_c5f15b08{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.footer_c5f15b08{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;border-top:1px solid transparent;-webkit-transition:border .367s cubic-bezier(0.1, 0.25, 0.75, 0.9);transition:border .367s cubic-bezier(0.1, 0.25, 0.75, 0.9)}.footerInner_c5f15b08{padding-bottom:20px;padding-top:20px}.footerIsSticky_c5f15b08{background:\"[theme:white, default: #ffffff]\";border-top-color:\"[theme:neutralLight, default: #eaeaea]\"}.headerText_c5f15b08{font-size:21px;font-weight:100;color:\"[theme:neutralPrimary, default: #333333]\";line-height:32px;margin:0}\n");
    exports.root = "root_c5f15b08";
    exports.overlay = "overlay_c5f15b08";
    exports.main = "main_c5f15b08";
    exports.rootIsSmall = "rootIsSmall_c5f15b08";
    exports.rootIsSmallLeft = "rootIsSmallLeft_c5f15b08";
    exports.rootIsSmallFluid = "rootIsSmallFluid_c5f15b08";
    exports.rootIsMedium = "rootIsMedium_c5f15b08";
    exports.rootIsLarge = "rootIsLarge_c5f15b08";
    exports.rootIsXLarge = "rootIsXLarge_c5f15b08";
    exports.rootIsCustom = "rootIsCustom_c5f15b08";
    exports.rootIsFixed = "rootIsFixed_c5f15b08";
    exports.rootIsOpen = "rootIsOpen_c5f15b08";
    exports.closeButton = "closeButton_c5f15b08";
    exports.contentInner = "contentInner_c5f15b08";
    exports.rootHasCloseButton = "rootHasCloseButton_c5f15b08";
    exports.header = "header_c5f15b08";
    exports.content = "content_c5f15b08";
    exports.footerInner = "footerInner_c5f15b08";
    exports.contentGrow = "contentGrow_c5f15b08";
    exports.footer = "footer_c5f15b08";
    exports.footerIsSticky = "footerIsSticky_c5f15b08";
    exports.headerText = "headerText_c5f15b08";
});
//# sourceMappingURL=../../../src/components/Panel/Panel.scss.js.map