Fixed the message headers design (markup and scss)

Create a "PseudoField" component that mimics Material Design input fields
This commit is contained in:
iRouge
2015-02-11 04:04:09 -05:00
committed by Francis Lachapelle
parent e429dc3ff1
commit 4f2fc5c99e
8 changed files with 122 additions and 8614 deletions
@@ -20,7 +20,7 @@
md-item-content {
padding: 0 0 0 $mg;
margin: $mg 0;
transition: all 0.35s $swift-ease-in-timing-function 0.15s;
transition: all 0.20s $swift-ease-in-timing-function 0.12s;
&:hover {
background-color: sg-color($sogoPaper, 300);
color: sg-color($sogoBlue, 800);
@@ -6,7 +6,7 @@ md-toolbar {
}
header {
flex-direction: row;
align-items: flex-start;
align-items: stretch;
justify-content: space-between;
display: flex;
}
@@ -24,8 +24,7 @@ hgroup {
flex-direction: column;
align-items: center;
justify-content: space-between;
height:(2 * $pitch);
margin-left: $mg;
margin: 0 0 $mg $mg;
}
.sg-icon-bar *.button {
display: block;