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;
612 andreina 36 
    justify-content: space-around;
218 stevensc 37 
    gap: 0.5rem;
38 
    position: relative;
605 andreina 39 
    padding: 10px;
612 andreina 40 
    border-radius: 5px;
5 stevensc 41 
 
218 stevensc 42 
    img {
602 andreina 43 
      height: 60px;
44 
      width: 60px;
218 stevensc 45 
      border-radius: 50%;
46 
    }
5 stevensc 47 
 
218 stevensc 48 
    &_info {
49 
      display: flex;
50 
      flex-direction: column;
51 
      align-items: center;
52 
      flex: 1;
5 stevensc 53 
 
218 stevensc 54 
      ul {
55 
        margin-top: 0.5rem;
56 
        display: flex;
57 
        justify-content: space-around;
58 
        align-self: center;
59 
        gap: 0.5rem;
60 
        flex: 1;
61 
      }
5 stevensc 62 
    }
488 stevensc 63 
  }
449 andreina 64 
}