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