Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
2281 stevensc 1
@use "../css/shared/variables";
2287 stevensc 2
@use "../css/shared/breakpoints";
2281 stevensc 3
 
4
.profile_info {
5
    width: 100%;
6
    padding: 25px 20px;
7
    border: 1px solid variables.$border-gray;
8
    background-color: variables.$white;
9
    text-align: center;
10
    margin-bottom: 30px;
11
    border-radius: variables.$border-radius;
2285 stevensc 12
    h3 {
13
        justify-content: flex-start;
14
        font-weight: 700;
15
        font-size: 1.3rem;
16
    }
2281 stevensc 17
    h4 {
18
        position: absolute;
19
        bottom: 5px;
20
    }
2284 stevensc 21
    ul {
22
        display: flex;
23
        gap: 5px;
2287 stevensc 24
        justify-content: center;
2284 stevensc 25
    }
2288 stevensc 26
    &_header {
27
        display: flex;
28
        flex-direction: column;
29
        &_imgContainer {
30
            overflow: hidden;
31
            border-radius: 100px;
32
            margin: 0 auto;
33
        }
2287 stevensc 34
    }
2281 stevensc 35
}
2287 stevensc 36
 
37
@include breakpoints.maxwidth("medium") {
38
    .profile_info {
39
        width: 100%;
40
        padding: 25px 20px;
41
        border: 1px solid variables.$border-gray;
42
        background-color: variables.$white;
43
        text-align: center;
44
        margin-bottom: 30px;
45
        border-radius: variables.$border-radius;
46
        h3 {
47
            justify-content: flex-start;
48
            font-weight: 700;
49
            font-size: 1.3rem;
50
        }
51
        h4 {
2288 stevensc 52
            position: relative;
2287 stevensc 53
        }
54
        ul {
55
            display: flex;
56
            gap: 5px;
57
            justify-content: center;
58
        }
59
    }
60
}