entrouvert
/
gadjo
15
0
Fork 0
Code Issues Pull Requests 2 Releases Activity

experiments in notification colours

This commit is contained in:
Frédéric Péters 2018-08-20 19:47:52 +02:00
parent a786dc1686
commit ef5a2c5700
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
gadjo/static/css/gadjo.scss
View File

@ -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;