Skip to content
Permalink
Browse files

Alert colours

  • Loading branch information...
adeojonathan committed Oct 12, 2014
1 parent a5d92b5 commit 3a8c0f1db1b76ea1fa2139992f876c7f4e9a75df
Showing with 52 additions and 28 deletions.
  1. +25 −13 bootstrap/css/multiloquent/style.css
  2. +27 −15 bootstrap/less/multiloquent/style.less
@@ -107,24 +107,36 @@ Use it to make something cool, have fun, and share what you've learned with othe
}
/* ---- alerts ---- */
.alert-warning {
background: #ffcc00;
border-color: #cca300;
color: #ffeb99;
background: #ffffff;
border-color: #fff5cc;
color: #ffffff;
}
.alert-danger {
background: #ff3b30;
border-color: #fc0d00;
color: #ffccc9;
.alert-warning a {
color: #ffffff;
}
.alert-info {
background: #0063cf;
border-color: #004b9c;
color: #69b1ff;
background: #cfe6ff;
border-color: #9ccbff;
color: #ffffff;
}
.alert-info a {
color: #ffffff;
}
.alert-success {
background: #4cd964;
border-color: #2ac845;
color: #caf4d1;
background: #ffffff;
border-color: #f4fdf6;
color: #ffffff;
}
.alert-success a {
color: #ffffff;
}
.alert-danger {
background: #ffffff;
border-color: #fffcfc;
color: #ffffff;
}
.alert-danger a {
color: #ffffff;
}
/* ---- ---- */
.navbar h2 {
@@ -138,27 +138,39 @@ Use it to make something cool, have fun, and share what you've learned with othe
/* ---- alerts ---- */

.alert-warning {
background: @warning-color;
border-color: darken(@warning-color, 10%);
color: lighten(@warning-color, 30%);
}

.alert-danger {
background: @danger-color;
border-color: darken(@danger-color, 10%);
color: lighten(@danger-color, 30%);
background: lighten(@warning-color, 50%);;
border-color: lighten(@warning-color, 40%);
color: lighten(@warning-color, 80%);
a {
color: lighten(@warning-color, 80%);
}
}

.alert-info {
background: @info-color;
border-color: darken(@info-color, 10%);
color: lighten(@info-color, 30%);
background: lighten(@info-color, 50%);;
border-color: lighten(@info-color, 40%);
color: lighten(@info-color, 80%);
a {
color: lighten(@info-color, 80%);
}
}

.alert-success {
background: @success-color;
border-color: darken(@success-color, 10%);
color: lighten(@success-color, 30%);
background: lighten(@success-color, 50%);;
border-color: lighten(@success-color, 40%);
color: lighten(@success-color, 80%);
a {
color: lighten(@success-color, 80%);
}
}

.alert-danger {
background: lighten(@danger-color, 50%);;
border-color: lighten(@danger-color, 40%);
color: lighten(@danger-color, 80%);
a {
color: lighten(@danger-color, 80%);
}
}

/* ---- ---- */

0 comments on commit 3a8c0f1

Please sign in to comment.
You can’t perform that action at this time.