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