Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6788 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
6788 stevensc 1 
@use './mixins.scss';
2 
 
3 
.profile-attr {
4 
    @include mixins.widget;
5 
    padding: 1rem;
6 
    display: flex;
7 
    flex-direction: column;
8 
    gap: .5rem;
9 
 
10 
    span,
11 
    p {
12 
        color: $font-color;
13 
    }
14 
 
15 
    ul {
16 
        display: flex;
17 
        flex-wrap: wrap;
18 
        gap: .5rem;
19 
 
20 
        li {
21 
            display: inline-flex;
22 
            width: fit-content;
23 
 
24 
            span {
25 
                background-color: $font-color;
26 
                border-radius: 30px;
27 
                color: $bg-color;
28 
                font-size: 14px;
29 
                font-weight: 600;
30 
                padding: .5rem 1rem;
31 
                width: fit-content;
32 
            }
33 
        }
34 
    }
35 
 
36 
    &-header {
37 
        display: flex;
38 
        align-items: center;
39 
        justify-content: space-between;
40 
 
41 
        h2 {
42 
            color: $title-color;
43 
            font-size: 18px;
44 
            font-weight: 600;
45 
        }
46 
    }
6792 stevensc 47 
}
48 
 
49 
.profile-info {
50 
    @include mixins.widget;
51 
    align-items: center;
52 
    display: flex;
53 
    flex-direction: column;
54 
    gap: .5rem;
55 
    padding: 1rem;
56 
    text-align: center;
57 
 
58 
    img {
59 
        border-radius: 50%;
60 
        border: 2px solid $font-color;
61 
        height: 150px;
62 
        width: 150px;
63 
    }
64 
 
65 
    h3 {
66 
        color: $title-color;
67 
        font-size: 1.1rem;
68 
        font-weight: 600;
69 
    }
70 
 
71 
    span {
72 
        color: $subtitle-color
73 
    }
74 
 
75 
    svg,
76 
    b {
77 
        color: $font-color;
78 
    }
79 
 
80 
    .row {
81 
        gap: .5rem;
82 
    }
83 
 
84 
    .social-network-header {
85 
        display: flex;
86 
        align-items: center;
87 
        justify-content: center;
88 
        position: relative;
89 
        width: 100%;
90 
 
91 
        button {
92 
            position: absolute;
93 
            right: 15%;
94 
 
95 
            svg {
96 
                font-size: 1.2rem;
97 
            }
98 
        }
99 
    }
100 
 
101 
    .social-links {
102 
        display: flex;
103 
        flex-direction: column;
104 
        gap: .5rem;
105 
        width: 100%;
106 
 
107 
        li {
108 
            border-bottom: 1px solid $border-primary;
109 
 
110 
            a {
111 
                display: flex;
112 
                align-items: center;
113 
                gap: .5rem;
114 
 
115 
                svg {
116 
                    color: $font-color
117 
                }
118 
 
119 
                span {
120 
                    white-space: nowrap;
121 
                    max-width: -webkit-fill-available;
122 
                    text-overflow: ellipsis;
123 
                    overflow: hidden;
124 
                }
125 
            }
126 
        }
127 
    }
6788 stevensc 128 
}