react-toolbox/components/app_bar/theme.scss

29 lines
447 B
SCSS

@import "../base";
@import "./config";
.appBar {
display: flex;
height: $appbar-height;
align-items: center;
padding: 0 $appbar-h-padding;
color: $appbar-contrast;
background: $appbar-color;
&:not(.flat) {
z-index: $z-index-high;
box-shadow: 0 2px 5px rgba(0,0,0,.26);
}
&.fixed {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: $z-index-highest;
}
a {
color: $appbar-contrast;
}
}