react-toolbox/components/app_bar/theme.scss

29 lines
447 B
SCSS
Raw Normal View History

@import "../base";
@import "./config";
2016-05-15 14:23:55 +03:00
.appBar {
display: flex;
height: $appbar-height;
align-items: center;
padding: 0 $appbar-h-padding;
color: $appbar-contrast;
background: $appbar-color;
2015-10-28 13:23:45 +03:00
&:not(.flat) {
2015-10-30 22:30:56 +03:00
z-index: $z-index-high;
2015-10-28 13:23:45 +03:00
box-shadow: 0 2px 5px rgba(0,0,0,.26);
}
&.fixed {
position: fixed;
top: 0;
right: 0;
left: 0;
2016-04-10 22:04:49 +03:00
z-index: $z-index-highest;
2015-10-28 13:23:45 +03:00
}
a {
color: $appbar-contrast;
}
}