Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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