Proyectos de Subversion LeadersLinked - SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
488 stevensc 1 
@import '../../styles/variables.scss';
5 stevensc 2 
 
3 
.profile_item {
488 stevensc 4 
  background-color: $bg-color;
218 stevensc 5 
  border: 1px solid $border-primary;
6 
  border-radius: 10px;
488 stevensc 7 
  display: flex;
8 
  flex-direction: column;
9 
  gap: 0.5rem;
10 
  padding: 1rem;
218 stevensc 11 
  position: relative;
488 stevensc 12 
  text-align: center;
13 
  width: 100%;
610 andreina 14 
 
218 stevensc 15 
  h3 {
462 andreina 16 
    color: #16283c;
17 
    font-size: 1.2rem;
463 andreina 18 
    font-weight: 600;
603 andreina 19 
  }
488 stevensc 20 
  h4 {
218 stevensc 21 
    color: $subtitle-color;
22 
    font-weight: 600;
23 
  }
24 
  ul {
25 
    display: flex;
26 
    gap: 5px;
27 
    justify-content: space-around;
28 
  }
29 
  hr {
30 
    width: 90%;
31 
    margin: 0.5rem auto;
32 
  }
33 
  &_header {
34 
    align-items: center;
35 
    display: flex;
36 
    gap: 0.5rem;
37 
    position: relative;
605 andreina 38 
    padding: 10px;
606 andreina 39 
    border-radius: 20px;
5 stevensc 40 
 
218 stevensc 41 
    img {
602 andreina 42 
      height: 60px;
43 
      width: 60px;
218 stevensc 44 
      border-radius: 50%;
45 
    }
5 stevensc 46 
 
218 stevensc 47 
    &_info {
48 
      display: flex;
49 
      flex-direction: column;
50 
      align-items: center;
51 
      flex: 1;
5 stevensc 52 
 
218 stevensc 53 
      ul {
54 
        margin-top: 0.5rem;
55 
        display: flex;
56 
        justify-content: space-around;
57 
        align-self: center;
58 
        gap: 0.5rem;
59 
        flex: 1;
60 
      }
5 stevensc 61 
    }
488 stevensc 62 
  }
449 andreina 63 
}