Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
6869 stevensc 1 
.linked__widget,
2 
.suggest__widget {
3 
    background: #fff;
4 
    padding: 1rem;
5 
    border-radius: 10px;
6 
    display: flex;
7 
    flex-direction: column;
8 
    gap: 1rem;
9 
    border: 1px solid lightgray;
10 
    height: fit-content;
11 
 
12 
    &>a {
13 
        font-size: 1rem;
14 
        color: gray;
15 
 
16 
        svg {
17 
            font-size: 1.3rem;
18 
        }
19 
    }
20 
 
21 
    img {
22 
        width: 60px;
23 
        height: 60px;
24 
        border-radius: 50%;
25 
    }
26 
 
27 
    p {
28 
        padding: 0 1rem;
29 
    }
30 
 
31 
    .linked__widget-header {
32 
        display: flex;
33 
        align-items: center;
34 
        justify-content: space-between;
35 
 
36 
        h3 {
37 
            font-weight: 600;
38 
        }
39 
    }
40 
 
41 
    .linked__widget-list {
42 
        display: flex;
43 
        flex-direction: column;
44 
        gap: 0.5rem;
45 
    }
46 
 
47 
    .linked__widget-content {
48 
        display: flex;
49 
        align-items: center;
50 
        gap: 0.5rem;
51 
 
52 
        .linked__widget-info {
53 
            display: flex;
54 
            flex-direction: column;
55 
            gap: 5px;
56 
            align-items: flex-start;
57 
 
58 
            h4 {
59 
                font-weight: 600;
60 
            }
61 
 
62 
            p {
63 
                color: gray;
64 
            }
65 
 
66 
            .btn {
67 
                border-radius: 30px;
68 
                font-weight: 600;
69 
                background: transparent !important;
70 
                border: 2px solid lightgray !important;
71 
                border-radius: 30px;
72 
                color: gray !important;
73 
 
74 
                &:hover {
75 
                    background: lightgray !important;
76 
                    color: #fff !important;
77 
                }
78 
            }
79 
        }
80 
    }
81 
}
82 
 
83 
.suggest__widget {
84 
    padding: 0;
85 
 
86 
    .linked__widget-list {
87 
        padding: 0 1rem;
88 
    }
89 
 
90 
    .linked__widget-header {
91 
        padding: 1rem 1rem 0;
92 
    }
93 
 
94 
    .load__suggest {
95 
        width: 100%;
96 
        display: flex;
97 
        align-items: center;
98 
        justify-content: center;
99 
        padding: 0.5rem 0;
100 
        color: rgba(0, 0, 0, 0.6);
101 
        cursor: pointer;
102 
 
103 
        &:hover {
104 
            background-color: rgba(0, 0, 0, 0.08);
105 
        }
106 
    }
107 
}
108 
 
109 
.description__label {
110 
    label {
111 
        font-size: 1rem;
112 
        font-weight: 600;
113 
    }
114 
 
115 
    p {
116 
        font-size: 0.9rem;
117 
    }
118 
 
119 
    margin-bottom: 1rem;
120 
}
121 
 
122 
.button {
123 
    border-radius: 30px;
124 
    align-items: center;
125 
    padding-left: 1rem !important;
126 
    padding-right: 1rem !important;
127 
    border: none;
128 
    cursor: pointer;
129 
    font-weight: 600;
130 
    width: fit-content;
131 
    display: inline-flex;
132 
    justify-content: center;
133 
    min-width: 6.4rem;
134 
    max-width: 480px;
135 
    overflow: hidden;
136 
    text-align: center;
137 
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
138 
}
139 
 
140 
.members-image__list {
141 
    display: flex;
142 
    align-items: center;
143 
    gap: 0.5rem;
144 
    flex-wrap: nowrap;
145 
    overflow: hidden;
146 
    padding: 0 1rem;
147 
}
148 
 
149 
.group__actions {
150 
    background-color: #fff;
151 
    border: 1px solid lightgray;
152 
    border-radius: 10px;
153 
    overflow: hidden;
154 
 
155 
    .group__actions-cover {
156 
        height: 150px;
157 
        width: 100%;
158 
 
159 
        img {
160 
            height: 100%;
161 
            width: 100%;
162 
            object-fit: cover;
163 
        }
164 
    }
165 
 
166 
    .group__actions-body {
167 
        &>img {
168 
            margin-top: -44px;
169 
            width: 88px;
170 
            height: 88px;
171 
            border: 2px solid #fff;
172 
        }
173 
 
174 
        &>h1 {
175 
            font-size: 24px;
176 
            font-weight: 600;
177 
            line-height: 1.25;
178 
        }
179 
 
180 
        display: flex;
181 
        flex-direction: column;
182 
        gap: 0.5rem;
183 
        padding: 1rem;
184 
    }
185 
}