m2-ui/lib/theme-grace/header-wrapper.css

The package is provided web components and utilities based on vue and element-ui.

.m2-header-wrapper{position:fixed;width:100%;top:0;background:-webkit-gradient(linear,left top,right top,from(var(--color-theme)),to(var(--color-primary)));background:linear-gradient(to right,var(--color-theme),var(--color-primary));color:var(--color-text-white);z-index:999}[data-theme=skyblue] .m2-header-wrapper{background:-webkit-gradient(linear,left top,right top,from(var(--color-bg-skyblue)),to(var(--color-bg-lightblue)));background:linear-gradient(to right,var(--color-bg-skyblue),var(--color-bg-lightblue))}[data-theme=grassgreen] .m2-header-wrapper{background:-webkit-gradient(linear,left top,right top,from(var(--color-bg-grassgreen)),to(var(--color-bg-lightgreen)));background:linear-gradient(to right,var(--color-bg-grassgreen),var(--color-bg-lightgreen))}.m2-header-wrapper .header-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:var(--top-nav-height);line-height:var(--top-nav-height)}.m2-header-wrapper .header-inner a{display:inline-block;color:var(--color-text-white);margin-right:15px}.m2-header-wrapper .header-inner a:last-child{margin-right:0}