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

Reusable React components for building experiences for Office 365.

define(["require", "exports", 'load-themed-styles'], function (require, exports, load_themed_styles_1) {
    "use strict";
    load_themed_styles_1.loadStyles('.ms-Icon--groupingAscending:before{content:\'\\e31d\'}.ms-Icon--groupingDescending:before{content:\'\\e31e\'}.Header{height:50px;line-height:50px;padding:0 20px;background:"[theme:themeDark, default: #005a9e]";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}.ms-Fabric .Header-button::-moz-focus-inner{border:0}.ms-Fabric .Header-button{outline:transparent;position:relative}.ms-Fabric.is-focusVisible .Header-button:focus:before{content:\'\';position:absolute;top:2px;right:2px;bottom:2px;left:2px;pointer-events:none;border:1px solid "[theme:themeLight, default: #c7e0f4]"}.Header-button .ms-Icon{font-size:18px}.Header-button:hover{background:"[theme:themePrimary, default: #0078d7]"}@media (max-width:1023px){.Header-button{margin:0}.Header-button:hover{background:inherit}}');
});