Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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