5ccf613e15e56d992b30b64a951f7b127117f061
[pixelated-user-agent.git] / web-ui / app / scss / views / _security-labels.scss
1 .security-status {
2   margin: 0 0 5px;
3
4   &__label {
5     display: inline-block;
6     padding: 2px 6px;
7     white-space: nowrap;
8     background: $success;
9     color: $white;
10     border-radius: 12px;
11     position: relative;
12
13     &:before {
14       font-family: FontAwesome;
15     }
16
17     &:hover:after {
18         content: attr(data-label);
19         font-size: 0.5rem;
20
21         @include tooltip(25px, 0px);
22     }
23
24     &--encrypted {
25       &:before {
26         content: "\f023";
27       }
28
29       &--with-error {
30         background: $attention;
31         &:before {
32           content: "\f023 \f057";
33         }
34       }
35     }
36
37     &--not-encrypted {
38       background: $attention;
39
40       &:before {
41         content: "\f09c";
42       }
43     }
44
45     &--signed {
46       &:before {
47         content: "\f00c";
48       }
49
50       &--revoked, &--expired {
51         background: $attention;
52
53         &:before {
54           content: "\f05e";
55         }
56       }
57
58       &--not-trusted {
59         background: $error;
60
61         &:before {
62           content: "\f05e";
63         }
64       }
65     }
66
67     &--not-signed {
68       background: $attention;
69
70       &:before {
71         content: "\f05e";
72       }
73     }
74
75     &--mixnet {
76       &:before {
77         content: "\f023";
78       }
79   }
80   }
81 }