Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 www 1 
@import "../../../css/shared/variables.scss";
2 
@import "../../../css/shared/breakpoints.scss";
3 
 
4 
.postContainer {
5 
  display: flex;
2831 stevensc 6 
  background-color: #ffffff;
1 www 7 
  padding: 2rem;
8 
  margin-bottom: 1rem;
2831 stevensc 9 
  flex-direction: column;
1 www 10 
}
11 
 
12 
.commentSection {
13 
  max-height: 400px;
14 
  overflow-y: auto;
15 
  background: $background-gray;
16 
  margin-top: 1rem;
17 
  padding: 1rem;
18 
}
19 
 
20 
.feedCommentContainer {
21 
  display: flex;
22 
  flex-direction: column;
23 
  justify-content: flex-start;
2216 stevensc 24 
  align-items: center;
1 www 25 
  margin-top: 1rem;
2215 stevensc 26 
  gap: 10px;
2837 stevensc 27 
  img {
28 
    border-radius: 100px;
29 
    width: 43px;
30 
    height: 43px;
31 
    object-fit: cover;
32 
  }
1 www 33 
  .commentInput {
34 
    margin: 0;
35 
    width: 100%;
36 
    padding: 0.5rem 1rem;
37 
    border: 1px solid rgb(219, 219, 219);
1481 steven 38 
    border-radius: var(--global-border-radius);
1 www 39 
    font-size: 1rem;
2215 stevensc 40 
    height: 2.2rem;
1 www 41 
  }
42 
  .submitButton {
43 
    height: 2.5rem;
44 
    margin: 0;
45 
    width: auto;
46 
    margin-top: 0.5rem;
47 
    background-color: $primary-lightblue;
48 
    border: none;
49 
    padding: 0.5rem 1rem;
1053 steven 50 
    color: white !important;
1481 steven 51 
    border-radius: var(--global-border-radius);
1 www 52 
    border: 1px solid $primary-lightblue;
53 
    font-size: 1rem;
54 
    transition: 0.2s;
55 
    &:hover {
56 
      background-color: $primary-lightblue-hover;
57 
    }
58 
  }
59 
}
60 
 
61 
@include maxwidth("medium") {
62 
  .feedCommentContainer {
63 
    flex-direction: row;
64 
    justify-content: space-between;
65 
    align-items: center;
66 
 
67 
    .submitButton {
68 
      margin: 0;
69 
      margin-left: 0.5rem;
70 
      display: flex;
71 
      justify-content: center;
72 
      align-items: center;
73 
    }
74 
  }
75 
}