office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
32 lines (30 loc) • 6.75 kB
JavaScript
define(["require", "exports", "@microsoft/load-themed-styles"], function (require, exports, load_themed_styles_1) {
"use strict";
var styles = {
root: 'root_78f9494b',
overlay: 'overlay_78f9494b',
main: 'main_78f9494b',
rootIsSmall: 'rootIsSmall_78f9494b',
rootIsSmallLeft: 'rootIsSmallLeft_78f9494b',
rootIsSmallFluid: 'rootIsSmallFluid_78f9494b',
rootIsMedium: 'rootIsMedium_78f9494b',
rootIsLarge: 'rootIsLarge_78f9494b',
rootIsXLarge: 'rootIsXLarge_78f9494b',
rootIsCustom: 'rootIsCustom_78f9494b',
rootIsFixed: 'rootIsFixed_78f9494b',
rootIsOpen: 'rootIsOpen_78f9494b',
closeButton: 'closeButton_78f9494b',
contentInner: 'contentInner_78f9494b',
rootHasCloseButton: 'rootHasCloseButton_78f9494b',
header: 'header_78f9494b',
content: 'content_78f9494b',
footerInner: 'footerInner_78f9494b',
footer: 'footer_78f9494b',
footerIsSticky: 'footerIsSticky_78f9494b',
headerText: 'headerText_78f9494b',
};
load_themed_styles_1.loadStyles([{ "rawString": ".root_78f9494b{pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0}.root_78f9494b .overlay_78f9494b{pointer-events:none;opacity:1;cursor:pointer;transition:opacity 367ms cubic-bezier(.1,.9,.2,1)}.main_78f9494b{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_78f9494b{right:0}[dir=rtl] .main_78f9494b{left:0}@media (min-width:480px){.main_78f9494b{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_78f9494b{left:auto}[dir=rtl] .main_78f9494b{right:auto}}.root_78f9494b.rootIsSmall_78f9494b .main_78f9494b{width:272px}@media (min-width:480px){.root_78f9494b.rootIsSmall_78f9494b .main_78f9494b{width:340px}}.root_78f9494b.rootIsSmallLeft_78f9494b .main_78f9494b{width:272px;box-shadow:30px 0 30px -30px rgba(0,0,0,.2)}[dir=ltr] .root_78f9494b.rootIsSmallLeft_78f9494b .main_78f9494b{right:auto}[dir=rtl] .root_78f9494b.rootIsSmallLeft_78f9494b .main_78f9494b{left:auto}[dir=ltr] .root_78f9494b.rootIsSmallLeft_78f9494b .main_78f9494b{left:0}[dir=rtl] .root_78f9494b.rootIsSmallLeft_78f9494b .main_78f9494b{right:0}.root_78f9494b.rootIsSmallFluid_78f9494b .main_78f9494b{width:100%}@media (min-width:640px){.root_78f9494b.rootIsCustom_78f9494b .main_78f9494b,.root_78f9494b.rootIsLarge_78f9494b .main_78f9494b,.root_78f9494b.rootIsMedium_78f9494b .main_78f9494b,.root_78f9494b.rootIsXLarge_78f9494b .main_78f9494b{width:auto}[dir=ltr] .root_78f9494b.rootIsCustom_78f9494b .main_78f9494b,[dir=ltr] .root_78f9494b.rootIsLarge_78f9494b .main_78f9494b,[dir=ltr] .root_78f9494b.rootIsMedium_78f9494b .main_78f9494b,[dir=ltr] .root_78f9494b.rootIsXLarge_78f9494b .main_78f9494b{left:48px}[dir=rtl] .root_78f9494b.rootIsCustom_78f9494b .main_78f9494b,[dir=rtl] .root_78f9494b.rootIsLarge_78f9494b .main_78f9494b,[dir=rtl] .root_78f9494b.rootIsMedium_78f9494b .main_78f9494b,[dir=rtl] .root_78f9494b.rootIsXLarge_78f9494b .main_78f9494b{right:48px}}@media (min-width:1024px){.root_78f9494b.rootIsMedium_78f9494b .main_78f9494b{width:643px}[dir=ltr] .root_78f9494b.rootIsMedium_78f9494b .main_78f9494b{left:auto}[dir=rtl] .root_78f9494b.rootIsMedium_78f9494b .main_78f9494b{right:auto}}@media (min-width:1366px){[dir=ltr] .root_78f9494b.rootIsLarge_78f9494b .main_78f9494b{left:428px}[dir=rtl] .root_78f9494b.rootIsLarge_78f9494b .main_78f9494b{right:428px}}@media (min-width:1366px){.root_78f9494b.rootIsLarge_78f9494b.rootIsFixed_78f9494b .main_78f9494b{width:940px}[dir=ltr] .root_78f9494b.rootIsLarge_78f9494b.rootIsFixed_78f9494b .main_78f9494b{left:auto}[dir=rtl] .root_78f9494b.rootIsLarge_78f9494b.rootIsFixed_78f9494b .main_78f9494b{right:auto}}@media (min-width:1366px){[dir=ltr] .root_78f9494b.rootIsXLarge_78f9494b .main_78f9494b{left:176px}[dir=rtl] .root_78f9494b.rootIsXLarge_78f9494b .main_78f9494b{right:176px}}@media (min-width:1024px){[dir=ltr] .root_78f9494b.rootIsCustom_78f9494b .main_78f9494b{left:auto}[dir=rtl] .root_78f9494b.rootIsCustom_78f9494b .main_78f9494b{right:auto}}.root_78f9494b.rootIsOpen_78f9494b .main_78f9494b{pointer-events:auto}.root_78f9494b.rootIsOpen_78f9494b .overlay_78f9494b{cursor:pointer;pointer-events:auto}@media screen and (-ms-high-contrast:active){.root_78f9494b.rootIsOpen_78f9494b .overlay_78f9494b{opacity:0}}.closeButton_78f9494b{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_78f9494b{right:4px}[dir=rtl] .closeButton_78f9494b{left:4px}.closeButton_78f9494b:hover{color:" }, { "theme": "neutralPrimary", "defaultValue": "#333333" }, { "rawString": "}.contentInner_78f9494b{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_78f9494b .contentInner_78f9494b{top:44px}.content_78f9494b,.footerInner_78f9494b,.header_78f9494b{padding-left:16px;padding-right:16px}@media (min-width:640px){.content_78f9494b,.footerInner_78f9494b,.header_78f9494b{padding-left:32px;padding-right:32px}}@media (min-width:1366px){.content_78f9494b,.footerInner_78f9494b,.header_78f9494b{padding-left:40px;padding-right:40px}}.header_78f9494b{margin:14px 0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}@media (min-width:1024px){.header_78f9494b{margin-top:30px}}.content_78f9494b{margin-bottom:0;overflow-y:auto}.footer_78f9494b{-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_78f9494b{padding-bottom:20px;padding-top:20px}.footerIsSticky_78f9494b{background:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";border-top-color:" }, { "theme": "neutralLight", "defaultValue": "#eaeaea" }, { "rawString": "}.headerText_78f9494b{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