Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3860 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3860 Rev 5468
Línea -... Línea 1...
- 
 
 1 
@use "../../settings/mixins.scss";
- 
 
 2 
 
1 
.profile_info {
 3 
.profile_info {
2 
    width: 100%;
 4 
    width: 100%;
3 
    padding: 25px 20px;
 5 
    padding: 25px 20px;
4 
    border: 1px solid $border-primary;
 6 
    border: 1px solid $border-primary;
5 
    background-color: $bg-color;
 7 
    background-color: $bg-color;
6 
    text-align: center;
 8 
    text-align: center;
7 
    border-radius: 10px;
 9 
    border-radius: 10px;
- 
 
 10 
 
8 
    h3 {
 11 
    h3 {
9 
        justify-content: flex-start;
 12 
        justify-content: flex-start;
10 
        font-weight: 700;
 13 
        font-weight: 700;
11 
        font-size: 1.3rem;
 14 
        font-size: 1.3rem;
12 
        text-align: left;
 15 
        text-align: left;
13 
    }
 16 
    }
- 
 
 17 
 
14 
    h4 {
 18 
    h4 {
15 
        position: absolute;
 19 
        position: absolute;
16 
        bottom: 0;
 20 
        bottom: 0;
17 
    }
 21 
    }
- 
 
 22 
 
18 
    ul {
 23 
    ul {
19 
        display: flex;
 24 
        display: flex;
20 
        gap: 5px;
 25 
        gap: 5px;
21 
        justify-content: space-around;
 26 
        justify-content: space-around;
22 
    }
 27 
    }
- 
 
 28 
 
23 
    hr {
 29 
    hr {
24 
        width: 80%;
 30 
        width: 80%;
25 
        margin: 1rem auto;
 31 
        margin: 1rem auto;
26 
    }
 32 
    }
- 
 
 33 
 
27 
    &_header {
 34 
    &_header {
28 
        display: flex;
 35 
        display: flex;
29 
        position: relative;
 36 
        position: relative;
- 
 
 37 
 
30 
        &_imgContainer {
 38 
        &_imgContainer {
31 
            overflow: hidden;
 39 
            overflow: hidden;
32 
            border-radius: 100px;
 40 
            border-radius: 100px;
33 
            margin: 0 auto;
 41 
            margin: 0 auto;
- 
 
 42 
 
34 
            img {
 43 
            img {
35 
                background: #fff;
 44 
                background: #fff;
36 
            }
 45 
            }
37 
        }
 46 
        }
38 
    }
 47 
    }
39 
}
 48 
}
- 
 
 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 
}
40 

            85