public/ng/less/ui/alert.less


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

@import "var";

.alert{
  padding: .6em 1.5em;
  margin-bottom: 10px;
  i{
    margin-right: 8px;
  }
}

.alert-radius{
  border-radius: .25em;
}

.alert-red{
  color: @alertRedColor;
  border: 1px solid darken(@alertRedColor,10%);
  background-color: lighten(@alertRedColor,40%);
}

.alert-blue{
  color: @alertBlueColor;
  border: 1px solid darken(@alertBlueColor,10%);
  background-color: lighten(@alertBlueColor,45%);
}

.alert-green{
  color: @alertGreenColor;
  border: 1px solid darken(@alertGreenColor,10%);
  background-color: lighten(@alertGreenColor,45%);
}

.alert-gray{
  color: @alertGrayColor;
  border: 1px solid darken(@alertGrayColor,10%);
  background-color: lighten(@alertGrayColor,35%);
}

.alert-orange{
  color: @alertOrangeColor;
  border: 1px solid darken(@alertOrangeColor,10%);
  background-color: lighten(@alertOrangeColor,45%);
}