Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4211 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3580 stevensc 1 
.iconContainer {
2 
  display: flex;
3 
  justify-content: center;
4 
  align-items: center;
5 
}
6340 stevensc 6 
 
3580 stevensc 7 
.statusIcon {
8 
  font-size: 0.7rem;
9 
  margin-left: 0.2rem;
6340 stevensc 10 
 
3580 stevensc 11 
  &_offline {
12 
    color: $gray;
13 
  }
6340 stevensc 14 
 
3580 stevensc 15 
  &_online {
16 
    color: $online-green;
17 
  }
18 
}
19 
 
20 
.entity {
21 
  display: flex;
22 
  font-size: 1.2rem;
23 
  border-radius: 10px;
24 
  width: 90%;
25 
  margin: .5rem auto;
26 
  padding: 1rem;
6340 stevensc 27 
 
3580 stevensc 28 
  &_unread {
29 
    background-color: $light-gray;
30 
  }
6340 stevensc 31 
 
3580 stevensc 32 
  &:hover {
33 
    background: var(--background-light-gray);
34 
  }
6340 stevensc 35 
 
36 
  &~hr {
3580 stevensc 37 
    width: 90%;
38 
    margin: auto;
39 
  }
6340 stevensc 40 
 
41 
  &+& {
3580 stevensc 42 
    border-top: 1px solid $light-gray;
43 
  }
6340 stevensc 44 
 
3580 stevensc 45 
  img {
46 
    clip-path: circle(50%);
47 
    width: 50px;
48 
    height: 50px;
49 
    object-fit: contain;
50 
  }
6340 stevensc 51 
 
3580 stevensc 52 
  .entityInfo {
53 
    display: flex;
54 
    margin-left: 1rem;
55 
    flex-direction: column;
56 
  }
57 
 
58 
  .nameContainer {
59 
    display: flex;
60 
    align-items: center;
61 
  }
62 
 
63 
  .newMessage {
64 
    margin-top: 0.5rem;
65 
    font-size: 1rem;
66 
  }
67 
}
6340 stevensc 68 
 
3580 stevensc 69 
.addGroup {
70 
  align-items: center;
71 
  justify-content: center;
72 
  height: 4rem;
4211 stevensc 73 
  background-color: $bg-color;
6340 stevensc 74 
 
3580 stevensc 75 
  i {
76 
    margin-right: 0.5rem;
77 
  }
6340 stevensc 78 
}