Proyectos de Subversion LeadersLinked - SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
218 stevensc 1
@import "../../styles/variables.scss";
5 stevensc 2
 
3
.profile_item {
218 stevensc 4
  width: 100%;
5
  padding: 25px 20px;
6
  border: 1px solid $border-primary;
7
  background-color: $bg-color;
8
  text-align: center;
9
  border-radius: 10px;
10
  position: relative;
5 stevensc 11
 
218 stevensc 12
  h3 {
13
    color: $title-color;
14
    font-size: 1.4rem;
15
    font-weight: 700;
16
  }
5 stevensc 17
 
448 andreina 18
 
218 stevensc 19
  h4 {
20
    color: $subtitle-color;
21
    font-weight: 600;
22
  }
5 stevensc 23
 
218 stevensc 24
  ul {
25
    display: flex;
26
    gap: 5px;
27
    justify-content: space-around;
28
  }
5 stevensc 29
 
218 stevensc 30
  hr {
31
    width: 90%;
32
    margin: 0.5rem auto;
33
  }
5 stevensc 34
 
218 stevensc 35
  &_header {
36
    align-items: center;
37
    display: flex;
38
    gap: 0.5rem;
39
    position: relative;
5 stevensc 40
 
218 stevensc 41
    img {
42
      height: 80px;
43
      width: 80px;
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
    }
218 stevensc 62
  }
448 andreina 63
  @media (max-width: 767px) {
64
  .h3_profile{
65
    color: #16283c;
66
    font-size: 1.1rem;
67
    font-weight: 600;
68
  }
69
   }
218 stevensc 70
}