Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4732 | Ir a la última revisión | | Ultima modificación | Ver Log |

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