Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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