Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4500 | Rev 4503 | 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;
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 
    .linked__widget-header {
24 
        display: flex;
25 
        align-items: center;
26 
        justify-content: space-between;
4502 stevensc 27 
        h3,
28 
        p {
29 
            padding: 0 1rem;
30 
        }
31 
        h3 {
32 
            font-weight: 600;
33 
        }
4500 stevensc 34 
    }
35 
    .linked__widget-list {
36 
        display: flex;
37 
        flex-direction: column;
38 
        gap: 0.5rem;
39 
    }
40 
    .linked__widget-content {
41 
        display: flex;
42 
        align-items: center;
43 
        gap: 0.5rem;
44 
        .linked__widget-info {
45 
            display: flex;
46 
            flex-direction: column;
47 
            gap: 5px;
48 
            align-items: flex-start;
49 
            h4 {
50 
                font-weight: 600;
51 
            }
52 
            p {
53 
                color: gray;
54 
            }
55 
            .btn {
56 
                border-radius: 30px;
57 
                font-weight: 600;
58 
                background: transparent !important;
59 
                border: 2px solid lightgray !important;
60 
                border-radius: 30px;
61 
                color: gray !important;
62 
                &:hover {
63 
                    background: lightgray !important;
64 
                    color: #fff !important;
65 
                }
66 
            }
67 
        }
68 
    }
69 
}
70 
.suggest__widget {
71 
    padding: 0;
72 
    .linked__widget-list {
73 
        padding: 0 1rem;
74 
    }
75 
    .linked__widget-header {
76 
        padding: 1rem 1rem 0;
77 
    }
78 
    .load__suggest {
79 
        width: 100%;
80 
        display: flex;
81 
        align-items: center;
82 
        justify-content: center;
83 
        padding: 0.5rem 0;
84 
        color: rgba(0, 0, 0, 0.6);
85 
        cursor: pointer;
86 
        &:hover {
87 
            background-color: rgba(0, 0, 0, 0.08);
88 
        }
89 
    }
90 
}