@akveo/nga-theme/components/layout/layout.component.css

@akveo/nga-theme

:host{-webkit-font-smoothing:antialiased}:host .layout{display:flex;flex-direction:column}:host /deep/ nga-layout-header{display:block}:host /deep/ nga-layout-header nav{align-items:center;display:flex}:host /deep/ nga-layout-header.fixed{position:fixed;left:0;right:0;z-index:100}:host .layout-container{flex:1;display:flex;flex-direction:row}:host .layout-container /deep/ nga-sidebar{order:0}:host .layout-container /deep/ nga-sidebar.right{order:2}:host .layout-container /deep/ nga-sidebar .fixed{position:fixed;width:100%;overflow-y:auto;height:100%}:host .layout-container .content{display:flex;flex:1;flex-direction:column}:host .layout-container .content.center{max-width:100%;position:relative;margin-left:auto;margin-right:auto}:host .layout-container .content .columns{display:flex;flex-direction:row;flex:1}:host .layout-container .content .columns /deep/ nga-layout-column{order:2;flex:1 0}:host .layout-container .content .columns /deep/ nga-layout-column.left{order:1}:host .layout-container .content /deep/ nga-layout-footer{display:block;margin-top:auto}:host .layout-container .content /deep/ nga-layout-footer nav{justify-content:center;display:flex}