office-ui-fabric-react/lib-amd/demo/components/App/App.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\'}body{padding:0;margin:0;position:absolute;overflow:hidden;left:0;top:0;width:100%;height:100%}.ms-App-header{position:absolute;top:0;height:50px;left:0;right:0}.ms-App-nav{position:absolute;width:300px;top:50px;bottom:0;background:#fff;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}html[dir=ltr] .ms-App-nav{left:0}html[dir=rtl] .ms-App-nav{right:0}html[dir=ltr] .ms-App-nav{border-right:1px solid #EEE}html[dir=rtl] .ms-App-nav{border-left:1px solid #EEE}.ms-App-content{position:absolute;top:50px;bottom:0;padding:20px;overflow-x:auto;overflow-y:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}html[dir=ltr] .ms-App-content{left:300px}html[dir=rtl] .ms-App-content{right:300px}html[dir=ltr] .ms-App-content{right:0}html[dir=rtl] .ms-App-content{left:0}.ms-App--large .ms-App-content,.ms-App--medium .ms-App-content,.ms-App--small .ms-App-content{padding:5px}html[dir=ltr] .ms-App--large .ms-App-content,html[dir=ltr] .ms-App--medium .ms-App-content,html[dir=ltr] .ms-App--small .ms-App-content{left:0}html[dir=rtl] .ms-App--large .ms-App-content,html[dir=rtl] .ms-App--medium .ms-App-content,html[dir=rtl] .ms-App--small .ms-App-content{right:0}.ms-App-nav .ms-Nav{position:absolute;top:0;left:0;right:0;bottom:0}.ms-Panel.ms-App-navPanel{top:50px}.ms-Panel.ms-App-navPanel .ms-Panel-contentInner{padding:0}.Nav-linkFlair{font-size:10px;text-transform:uppercase;background:"[theme:neutralTertiaryAlt, default: #c8c8c8]";color:"[theme:white, default: #ffffff]";line-height:normal;display:inline;vertical-align:middle;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;top:50%;padding:2px 6px;border-radius:2px}html[dir=ltr] .Nav-linkFlair{float:right}html[dir=rtl] .Nav-linkFlair{float:left}html[dir=ltr] .Nav-linkFlair{right:20px}html[dir=rtl] .Nav-linkFlair{left:20px}.Nav-linkFlair.is-state1{background:"[theme:yellowLight, default: #fff100]";color:"[theme:black, default: #000000]"}.Nav-linkFlair.is-state2{background:"[theme:greenLight, default: #bad80a]"}.Nav-linkFlair.is-state3{background:"[theme:green, default: #107c10]"}');
});