Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
5468 stevensc 1 
@use "../../settings/mixins.scss";
2 
 
3517 stevensc 3 
.profile_info {
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;
5468 stevensc 10 
 
3517 stevensc 11 
    h3 {
12 
        justify-content: flex-start;
13 
        font-weight: 700;
14 
        font-size: 1.3rem;
3534 stevensc 15 
        text-align: left;
3517 stevensc 16 
    }
5468 stevensc 17 
 
3517 stevensc 18 
    h4 {
19 
        position: absolute;
20 
        bottom: 0;
21 
    }
5468 stevensc 22 
 
3517 stevensc 23 
    ul {
24 
        display: flex;
25 
        gap: 5px;
26 
        justify-content: space-around;
27 
    }
5468 stevensc 28 
 
3517 stevensc 29 
    hr {
30 
        width: 80%;
31 
        margin: 1rem auto;
32 
    }
5468 stevensc 33 
 
3517 stevensc 34 
    &_header {
35 
        display: flex;
36 
        position: relative;
5468 stevensc 37 
 
3517 stevensc 38 
        &_imgContainer {
39 
            overflow: hidden;
40 
            border-radius: 100px;
41 
            margin: 0 auto;
5468 stevensc 42 
 
3517 stevensc 43 
            img {
44 
                background: #fff;
45 
            }
46 
        }
47 
    }
48 
}
5468 stevensc 49 
 
50 
.profile-info {
51 
    @include mixins.widget;
52 
    align-items: center;
53 
    display: flex;
54 
    flex-direction: column;
55 
    gap: .5rem;
56 
    padding: 1rem;
57 
    text-align: center;
58 
 
59 
    img {
60 
        border-radius: 50%;
61 
        border: 2px solid $font-color;
62 
        height: 150px;
63 
        width: 150px;
64 
    }
65 
 
66 
    h3 {
67 
        color: $title-color;
68 
        font-size: 1.1rem;
69 
        font-weight: 600;
70 
    }
71 
 
72 
    span {
73 
        color: $subtitle-color
74 
    }
75 
 
76 
    svg,
77 
    b {
78 
        color: $font-color;
79 
    }
80 
 
81 
    .row {
82 
        gap: .5rem;
83 
    }
84 
}