experiments in notification colours
This commit is contained in:
parent
a786dc1686
commit
ef5a2c5700
|
@ -268,8 +268,8 @@ ul.messages {
|
|||
background: #fafafa;
|
||||
margin: 1ex 0;
|
||||
padding: 1ex;
|
||||
padding-left: 25px;
|
||||
border: 1px solid transparent;
|
||||
border-left-width: 25px;
|
||||
&:before {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
|
@ -279,22 +279,22 @@ ul.messages {
|
|||
font-family: FontAwesome;
|
||||
color: white;
|
||||
}
|
||||
color: white;
|
||||
&.success {
|
||||
&:before { content: "\f058"; } /* check-circle */
|
||||
border-color: #00b000;
|
||||
background: linear-gradient(to right, darken(adjust-hue(#f64474, 120deg), 20%), darken(adjust-hue(#f4635e, 120deg), 20%));
|
||||
}
|
||||
&.info {
|
||||
&:before { content: "\f05a"; } /* info-circle */
|
||||
border-color: #0000b0;
|
||||
background: linear-gradient(to right, adjust-hue(#f64474, 220deg), adjust-hue(#f4635e, 220deg));
|
||||
}
|
||||
&.warning {
|
||||
&:before { content: "\f071"; } /* exclamation-triangle */
|
||||
border-color: #ffb000;
|
||||
background: linear-gradient(to right, darken(adjust-hue(#f64474, 45deg), 10%), darken(adjust-hue(#f4635e, 45deg), 10%));
|
||||
}
|
||||
&.error {
|
||||
&:before { content: "\f06a"; } /* exclamation-circle */
|
||||
background: linear-gradient(to right, #f64474, #f4635e);
|
||||
color: white;
|
||||
}
|
||||
.close {
|
||||
float: right;
|
||||
|
|
Loading…
Reference in New Issue