office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
8 lines (6 loc) • 1.6 kB
JavaScript
;
/* tslint:disable */
var load_themed_styles_1 = require('@microsoft/load-themed-styles');
load_themed_styles_1.loadStyles([{ "rawString": ".Header{height:50px;line-height:50px;padding:0 20px;background:#272630;overflow:hidden;white-space:no-wrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:1023px){.Header{padding:0}}.Header-button,.Header-buttons,.Header-title{display:inline-block;vertical-align:top}.Header-title{line-height:48px}html[dir=ltr] .Header-title .ms-Icon{padding-right:8px}html[dir=rtl] .Header-title .ms-Icon{padding-left:8px}html[dir=ltr] .Header-buttons{float:right}html[dir=rtl] .Header-buttons{float:left}.Header-button{position:relative;text-decoration:none;background:0 0;color:#fff;border:none;padding:0;padding:0 10px;min-width:50px;height:50px;line-height:50px;margin:0 5px;text-transform:uppercase;display:inline-block;vertical-align:top;box-sizing:border-box}.Header-button::-moz-focus-inner{border:0}.Header-button{outline:transparent;position:relative}.ms-Fabric.is-focusVisible .Header-button:focus:after{content:'';position:absolute;top:2px;right:2px;bottom:2px;left:2px;pointer-events:none;border:1px solid " }, { "theme": "themeLight", "defaultValue": "#c7e0f4" }, { "rawString": "}.Header-button .ms-Icon{font-size:18px}.Header-button:hover{background:" }, { "theme": "themePrimary", "defaultValue": "#0078d7" }, { "rawString": "}@media (max-width:1023px){.Header-button{margin:0}.Header-button:hover{background:inherit}}" }]);
/* tslint:enable */
//# sourceMappingURL=Header.scss.js.map