Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4267 | Rev 4272 | 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;
3 
    border: 1px solid lightgray;
4 
    border-radius: 10px;
5 
    display: grid;
6 
    gap: 1rem;
7 
    padding: 10px;
8 
    width: 100%;
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 
 
39 
.feed__share-options {
40 
    display: flex;
41 
    justify-content: space-evenly;
42 
}
43 
 
44 
.feed__share-option {
45 
    align-items: center;
46 
    display: inline-flex;
47 
    cursor: pointer;
48 
    gap: 0.5rem;
49 
    padding: 10px;
50 
    &:hover {
51 
        background-color: whitesmoke;
52 
        border-radius: 10px;
53 
    }
54 
}
55 
 
56 
.feed {
57 
    background-color: #fff;
58 
    border: 1px solid lightgray;
59 
    border-radius: 10px;
60 
    padding: 1rem;
61 
}
62 
 
63 
.feed__header {
64 
    display: flex;
65 
    gap: 0.5rem;
66 
}
67 
 
68 
.feed__info > h2 {
69 
    font-size: 1rem;
70 
    font-weight: bold;
71 
}
72 
 
73 
.feed__info > p {
74 
    font-size: 0.8rem;
75 
    color: gray;
76 
    line-height: 1.5;
77 
}
78 
 
79 
.feed__body {
80 
    overflow-wrap: anywhere;
81 
}
82 
 
83 
.feed__buttons {
84 
    display: flex;
85 
    justify-content: space-evenly;
86 
}
87 
 
88 
@media (min-width: 768px) {
89 
    .feed__buttons {
90 
        display: flex;
91 
        justify-content: flex-start;
92 
        gap: 0.5rem;
93 
    }
94 
}