sogo/UI/WebServerResources/scss/components/toolbar/toolbar.scss
iRouge 4f2fc5c99e Fixed the message headers design (markup and scss)
Create a "PseudoField" component that mimics Material Design input fields
2015-06-11 15:57:25 -04:00

34 lines
506 B
SCSS

@import 'extends';
md-toolbar {
z-index: 20;
box-shadow: none;
}
header {
flex-direction: row;
align-items: stretch;
justify-content: space-between;
display: flex;
}
hgroup {
align-items: center;
flex: 1 1 auto;
&h3 {
margin-bottom: 0;
}
}
.sg-icon-bar {
font-size: $sg-font-size-3;
color: $colorGray;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
margin: 0 0 $mg $mg;
}
.sg-icon-bar *.button {
display: block;
}