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%;
2838 stevensc 36 
    padding: 0.5rem 0;
37 
    border: none;
1 www 38 
    font-size: 1rem;
39 
  }
40 
  .submitButton {
41 
    height: 2.5rem;
42 
    margin: 0;
43 
    width: auto;
44 
    margin-top: 0.5rem;
45 
    background-color: $primary-lightblue;
46 
    border: none;
47 
    padding: 0.5rem 1rem;
1053 steven 48 
    color: white !important;
1481 steven 49 
    border-radius: var(--global-border-radius);
1 www 50 
    border: 1px solid $primary-lightblue;
51 
    font-size: 1rem;
52 
    transition: 0.2s;
53 
    &:hover {
54 
      background-color: $primary-lightblue-hover;
55 
    }
56 
  }
57 
}
58 
 
59 
@include maxwidth("medium") {
60 
  .feedCommentContainer {
61 
    flex-direction: row;
62 
    justify-content: space-between;
63 
    align-items: center;
64 
 
65 
    .submitButton {
66 
      margin: 0;
67 
      margin-left: 0.5rem;
68 
      display: flex;
69 
      justify-content: center;
70 
      align-items: center;
71 
    }
72 
  }
73 
}