Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4732 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
4500 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;
5368 stevensc 11 
 
12 
    &>a {
4500 stevensc 13 
        font-size: 1rem;
14 
        color: gray;
5368 stevensc 15 
 
4500 stevensc 16 
        svg {
17 
            font-size: 1.3rem;
18 
        }
19 
    }
5368 stevensc 20 
 
4500 stevensc 21 
    img {
22 
        width: 60px;
23 
        height: 60px;
24 
        border-radius: 50%;
25 
    }
5368 stevensc 26 
 
4503 stevensc 27 
    p {
28 
        padding: 0 1rem;
29 
    }
5368 stevensc 30 
 
4500 stevensc 31 
    .linked__widget-header {
32 
        display: flex;
33 
        align-items: center;
34 
        justify-content: space-between;
5368 stevensc 35 
 
4502 stevensc 36 
        h3 {
37 
            font-weight: 600;
38 
        }
4500 stevensc 39 
    }
5368 stevensc 40 
 
4500 stevensc 41 
    .linked__widget-list {
42 
        display: flex;
43 
        flex-direction: column;
44 
        gap: 0.5rem;
45 
    }
5368 stevensc 46 
 
4500 stevensc 47 
    .linked__widget-content {
48 
        display: flex;
49 
        align-items: center;
50 
        gap: 0.5rem;
5368 stevensc 51 
 
4500 stevensc 52 
        .linked__widget-info {
53 
            display: flex;
54 
            flex-direction: column;
55 
            gap: 5px;
56 
            align-items: flex-start;
5368 stevensc 57 
 
4500 stevensc 58 
            h4 {
59 
                font-weight: 600;
60 
            }
5368 stevensc 61 
 
4500 stevensc 62 
            p {
63 
                color: gray;
64 
            }
5368 stevensc 65 
 
4500 stevensc 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;
5368 stevensc 73 
 
4500 stevensc 74 
                &:hover {
75 
                    background: lightgray !important;
76 
                    color: #fff !important;
77 
                }
78 
            }
79 
        }
80 
    }
81 
}
5368 stevensc 82 
 
4500 stevensc 83 
.suggest__widget {
84 
    padding: 0;
5368 stevensc 85 
 
4500 stevensc 86 
    .linked__widget-list {
87 
        padding: 0 1rem;
88 
    }
5368 stevensc 89 
 
4500 stevensc 90 
    .linked__widget-header {
91 
        padding: 1rem 1rem 0;
92 
    }
5368 stevensc 93 
 
4500 stevensc 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;
5368 stevensc 102 
 
4500 stevensc 103 
        &:hover {
104 
            background-color: rgba(0, 0, 0, 0.08);
105 
        }
106 
    }
107 
}
4510 stevensc 108 
 
109 
.description__label {
110 
    label {
111 
        font-size: 1rem;
4516 stevensc 112 
        font-weight: 600;
4510 stevensc 113 
    }
5368 stevensc 114 
 
4510 stevensc 115 
    p {
116 
        font-size: 0.9rem;
117 
    }
5368 stevensc 118 
 
4510 stevensc 119 
    margin-bottom: 1rem;
120 
}
4512 stevensc 121 
 
4519 stevensc 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;
4521 stevensc 130 
    width: fit-content;
4519 stevensc 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 
 
4518 stevensc 140 
.btn-primary {
141 
    color: #fff;
142 
    background-color: #0a66c2;
5368 stevensc 143 
 
4518 stevensc 144 
    &:hover {
145 
        background-color: #004182;
146 
    }
147 
}
148 
 
4528 stevensc 149 
.btn-secondary {
150 
    background-color: #0000;
4732 stevensc 151 
    color: #0a66c2 !important;
4528 stevensc 152 
    box-shadow: inset 0 0 0 1px #0a66c2;
5368 stevensc 153 
 
4528 stevensc 154 
    &:hover {
155 
        background-color: rgba($color: #0a66c2, $alpha: 0.18);
156 
    }
157 
}
158 
 
4512 stevensc 159 
.members-image__list {
160 
    display: flex;
161 
    align-items: center;
162 
    gap: 0.5rem;
163 
    flex-wrap: nowrap;
4515 stevensc 164 
    justify-content: space-between;
4512 stevensc 165 
    overflow: hidden;
4515 stevensc 166 
    padding: 0 1rem;
4512 stevensc 167 
}
4522 stevensc 168 
 
169 
.group__actions {
170 
    background-color: #fff;
171 
    border: 1px solid lightgray;
172 
    border-radius: 10px;
173 
    overflow: hidden;
5368 stevensc 174 
 
4522 stevensc 175 
    .group__actions-cover {
4523 stevensc 176 
        height: 150px;
4522 stevensc 177 
        width: 100%;
5368 stevensc 178 
 
4522 stevensc 179 
        img {
180 
            height: 100%;
181 
            width: 100%;
182 
            object-fit: cover;
183 
        }
184 
    }
5368 stevensc 185 
 
4522 stevensc 186 
    .group__actions-body {
5368 stevensc 187 
        &>img {
4524 stevensc 188 
            margin-top: -44px;
189 
            width: 88px;
190 
            height: 88px;
4523 stevensc 191 
            border: 2px solid #fff;
192 
        }
5368 stevensc 193 
 
4522 stevensc 194 
        display: flex;
195 
        flex-direction: column;
196 
        gap: 0.5rem;
5368 stevensc 197 
        padding: 1rem;
4522 stevensc 198 
    }
5368 stevensc 199 
}