office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
27 lines • 7.38 kB
JavaScript
/* tslint:disable */
import { loadStyles } from '@microsoft/load-themed-styles';
loadStyles([{ "rawString": ".hiddenPanel_63b8b29f{visibility:hidden}.root_63b8b29f{pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0}.root_63b8b29f .overlay_63b8b29f{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_63b8b29f{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_63b8b29f{right:0}[dir='rtl'] .main_63b8b29f{left:0}@media (min-width: 480px){.main_63b8b29f{border-left:1px solid " }, { "theme": "neutralLight", "defaultValue": "#eaeaea" }, { "rawString": ";border-right:1px solid " }, { "theme": "neutralLight", "defaultValue": "#eaeaea" }, { "rawString": ";pointer-events:auto;width:340px}[dir='ltr'] .main_63b8b29f{-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='rtl'] .main_63b8b29f{-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_63b8b29f{left:auto}[dir='rtl'] .main_63b8b29f{right:auto}}.root_63b8b29f.rootIsSmall_63b8b29f .main_63b8b29f{width:272px}@media (min-width: 480px){.root_63b8b29f.rootIsSmall_63b8b29f .main_63b8b29f{width:340px}}.root_63b8b29f.rootIsSmallLeft_63b8b29f .main_63b8b29f{width:272px}[dir='ltr'] .root_63b8b29f.rootIsSmallLeft_63b8b29f .main_63b8b29f{right:auto}[dir='rtl'] .root_63b8b29f.rootIsSmallLeft_63b8b29f .main_63b8b29f{left:auto}[dir='ltr'] .root_63b8b29f.rootIsSmallLeft_63b8b29f .main_63b8b29f{left:0}[dir='rtl'] .root_63b8b29f.rootIsSmallLeft_63b8b29f .main_63b8b29f{right:0}[dir='ltr'] .root_63b8b29f.rootIsSmallLeft_63b8b29f .main_63b8b29f{-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='rtl'] .root_63b8b29f.rootIsSmallLeft_63b8b29f .main_63b8b29f{-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)}.root_63b8b29f.rootIsSmallFluid_63b8b29f .main_63b8b29f{width:100%}@media (min-width: 768px){.root_63b8b29f.rootIsMedium_63b8b29f .main_63b8b29f,.root_63b8b29f.rootIsLarge_63b8b29f .main_63b8b29f,.root_63b8b29f.rootIsXLarge_63b8b29f .main_63b8b29f,.root_63b8b29f.rootIsCustom_63b8b29f .main_63b8b29f{width:auto}[dir='ltr'] .root_63b8b29f.rootIsMedium_63b8b29f .main_63b8b29f,[dir='ltr'] .root_63b8b29f.rootIsLarge_63b8b29f .main_63b8b29f,[dir='ltr'] .root_63b8b29f.rootIsXLarge_63b8b29f .main_63b8b29f,[dir='ltr'] .root_63b8b29f.rootIsCustom_63b8b29f .main_63b8b29f{left:48px}[dir='rtl'] .root_63b8b29f.rootIsMedium_63b8b29f .main_63b8b29f,[dir='rtl'] .root_63b8b29f.rootIsLarge_63b8b29f .main_63b8b29f,[dir='rtl'] .root_63b8b29f.rootIsXLarge_63b8b29f .main_63b8b29f,[dir='rtl'] .root_63b8b29f.rootIsCustom_63b8b29f .main_63b8b29f{right:48px}}@media (min-width: 1024px){.root_63b8b29f.rootIsMedium_63b8b29f .main_63b8b29f{width:643px}[dir='ltr'] .root_63b8b29f.rootIsMedium_63b8b29f .main_63b8b29f{left:auto}[dir='rtl'] .root_63b8b29f.rootIsMedium_63b8b29f .main_63b8b29f{right:auto}}@media (min-width: 1366px){[dir='ltr'] .root_63b8b29f.rootIsLarge_63b8b29f .main_63b8b29f{left:428px}[dir='rtl'] .root_63b8b29f.rootIsLarge_63b8b29f .main_63b8b29f{right:428px}}@media (min-width: 1366px){.root_63b8b29f.rootIsLarge_63b8b29f.rootIsFixed_63b8b29f .main_63b8b29f{width:940px}[dir='ltr'] .root_63b8b29f.rootIsLarge_63b8b29f.rootIsFixed_63b8b29f .main_63b8b29f{left:auto}[dir='rtl'] .root_63b8b29f.rootIsLarge_63b8b29f.rootIsFixed_63b8b29f .main_63b8b29f{right:auto}}@media (min-width: 1366px){[dir='ltr'] .root_63b8b29f.rootIsXLarge_63b8b29f .main_63b8b29f{left:176px}[dir='rtl'] .root_63b8b29f.rootIsXLarge_63b8b29f .main_63b8b29f{right:176px}}@media (min-width: 1024px){[dir='ltr'] .root_63b8b29f.rootIsCustom_63b8b29f .main_63b8b29f{left:auto}[dir='rtl'] .root_63b8b29f.rootIsCustom_63b8b29f .main_63b8b29f{right:auto}}.root_63b8b29f.rootIsOpen_63b8b29f .main_63b8b29f{pointer-events:auto}.root_63b8b29f.rootIsOpen_63b8b29f .overlay_63b8b29f{cursor:pointer;pointer-events:auto}@media screen and (-ms-high-contrast: active){.root_63b8b29f.rootIsOpen_63b8b29f .overlay_63b8b29f{opacity:0}}.navigation_63b8b29f{padding:0 5px;height:44px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.contentInner_63b8b29f{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_63b8b29f .contentInner_63b8b29f{top:44px}.header_63b8b29f,.content_63b8b29f,.footerInner_63b8b29f{padding-left:16px;padding-right:16px}@media (min-width: 768px){.header_63b8b29f,.content_63b8b29f,.footerInner_63b8b29f{padding-left:32px;padding-right:32px}}@media (min-width: 1366px){.header_63b8b29f,.content_63b8b29f,.footerInner_63b8b29f{padding-left:40px;padding-right:40px}}.header_63b8b29f{margin:14px 0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}@media (min-width: 1024px){.header_63b8b29f{margin-top:30px}}.content_63b8b29f{margin-bottom:0;padding-bottom:20px;overflow-y:auto}.contentGrow_63b8b29f{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.footer_63b8b29f{-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_63b8b29f{padding-bottom:20px;padding-top:20px}.footerIsSticky_63b8b29f{background:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";border-top-color:" }, { "theme": "neutralLight", "defaultValue": "#eaeaea" }, { "rawString": "}.headerText_63b8b29f{font-size:21px;font-weight:100;color:" }, { "theme": "neutralPrimary", "defaultValue": "#333333" }, { "rawString": ";line-height:32px;margin:0}\n" }]);
export var hiddenPanel = "hiddenPanel_63b8b29f";
export var root = "root_63b8b29f";
export var overlay = "overlay_63b8b29f";
export var main = "main_63b8b29f";
export var rootIsSmall = "rootIsSmall_63b8b29f";
export var rootIsSmallLeft = "rootIsSmallLeft_63b8b29f";
export var rootIsSmallFluid = "rootIsSmallFluid_63b8b29f";
export var rootIsMedium = "rootIsMedium_63b8b29f";
export var rootIsLarge = "rootIsLarge_63b8b29f";
export var rootIsXLarge = "rootIsXLarge_63b8b29f";
export var rootIsCustom = "rootIsCustom_63b8b29f";
export var rootIsFixed = "rootIsFixed_63b8b29f";
export var rootIsOpen = "rootIsOpen_63b8b29f";
export var navigation = "navigation_63b8b29f";
export var contentInner = "contentInner_63b8b29f";
export var rootHasCloseButton = "rootHasCloseButton_63b8b29f";
export var header = "header_63b8b29f";
export var content = "content_63b8b29f";
export var footerInner = "footerInner_63b8b29f";
export var contentGrow = "contentGrow_63b8b29f";
export var footer = "footer_63b8b29f";
export var footerIsSticky = "footerIsSticky_63b8b29f";
export var headerText = "headerText_63b8b29f";
//# sourceMappingURL=Panel.scss.js.map