Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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