Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
4265 stevensc 1 
.feed__share {
2 
    background-color: #fff;
4273 stevensc 3 
    border: 1px solid lightgray;
4265 stevensc 4 
    border-radius: 10px;
4273 stevensc 5 
    display: grid;
6 
    gap: 1rem;
7 
    padding: 10px;
8 
    width: 100%;
4265 stevensc 9 
}
10 
 
11 
.feed__input-container {
4284 stevensc 12 
    display: flex;
4265 stevensc 13 
    align-items: center;
14 
    gap: 0.5rem;
4284 stevensc 15 
    .feed__input {
16 
        align-items: center;
17 
        border: 1px solid lightgray;
18 
        border-radius: 30px;
19 
        color: gray;
20 
        display: flex;
21 
        gap: 0.5rem;
22 
        padding: 10px;
23 
        padding-left: 1rem;
24 
        overflow: hidden;
25 
        &:hover {
26 
            background-color: rgba(0, 0, 0, 0.08);
27 
        }
28 
        input {
29 
            background-color: transparent;
30 
            border: none;
31 
            outline: none;
32 
            flex: 1;
33 
            font-weight: 600;
34 
        }
4276 stevensc 35 
    }
4265 stevensc 36 
}
37 
 
38 
.feed__section {
39 
    display: flex;
40 
    flex-direction: column;
4270 stevensc 41 
    grid-area: main;
4265 stevensc 42 
    gap: 1rem;
43 
}
44 
 
4272 stevensc 45 
.feed__info {
46 
    display: flex;
47 
    flex-direction: column;
48 
    justify-content: center;
49 
    gap: 5px;
4280 stevensc 50 
    .time__elapse {
51 
        align-items: center;
52 
        display: flex;
4272 stevensc 53 
        font-size: 14px;
54 
        gap: 5px;
55 
        .time__elapse-icon {
56 
            font-size: 14px;
57 
        }
58 
    }
59 
}
60 
 
4265 stevensc 61 
.feed__share-options {
62 
    display: flex;
63 
    justify-content: space-evenly;
64 
}
65 
 
66 
.feed__share-option {
67 
    align-items: center;
68 
    display: inline-flex;
69 
    cursor: pointer;
70 
    gap: 0.5rem;
71 
    padding: 10px;
72 
    &:hover {
73 
        background-color: whitesmoke;
74 
        border-radius: 10px;
75 
    }
76 
}
77 
 
78 
.feed {
79 
    background-color: #fff;
4273 stevensc 80 
    border: 1px solid #d3d3d3;
4265 stevensc 81 
    border-radius: 10px;
4273 stevensc 82 
    display: flex;
83 
    flex-direction: column;
84 
    gap: 0.5rem;
4265 stevensc 85 
}
86 
 
87 
.feed__header {
88 
    display: flex;
89 
    gap: 0.5rem;
4275 stevensc 90 
    padding: 5px 1rem 0;
4265 stevensc 91 
}
92 
 
93 
.feed__info > h2 {
94 
    font-size: 1rem;
95 
    font-weight: bold;
96 
}
97 
 
98 
.feed__info > p {
99 
    font-size: 0.8rem;
100 
    color: gray;
101 
    line-height: 1.5;
102 
}
103 
 
104 
.feed__body {
105 
    overflow-wrap: anywhere;
4274 stevensc 106 
    display: flex;
107 
    flex-direction: column;
108 
    gap: 0.5rem;
4280 stevensc 109 
    p,
110 
    a {
4278 stevensc 111 
        padding-left: 10px;
112 
    }
4265 stevensc 113 
}
114 
 
115 
.feed__buttons {
116 
    display: flex;
4275 stevensc 117 
    justify-content: space-around;
118 
    border-top: 1px solid lightgray;
119 
    gap: 0.5rem;
120 
    padding: 5px;
121 
    margin: 0 5px;
4276 stevensc 122 
    .feed__share-option {
123 
        flex-grow: 1;
124 
    }
4265 stevensc 125 
}