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;
6 
  flex-direction: column;
7 
  background-color: white;
8 
  padding: 2rem;
9 
  margin-bottom: 1rem;
1481 steven 10 
  border: solid 1px var(--border-light-gray);
11 
  border-radius: var(--global-border-radius);
1 www 12 
}
13 
 
14 
.commentSection {
15 
  max-height: 400px;
16 
  overflow-y: auto;
17 
  background: $background-gray;
18 
  margin-top: 1rem;
19 
  padding: 1rem;
20 
}
21 
 
22 
.feedCommentContainer {
23 
  display: flex;
24 
  flex-direction: column;
25 
  justify-content: flex-start;
26 
  align-items: flex-start;
27 
  margin-top: 1rem;
28 
 
29 
  .commentInput {
30 
    margin: 0;
31 
    width: 100%;
32 
    padding: 0.5rem 1rem;
33 
    border: 1px solid rgb(219, 219, 219);
1481 steven 34 
    border-radius: var(--global-border-radius);
1 www 35 
    font-size: 1rem;
36 
    height: 2.5rem;
37 
  }
38 
 
39 
  .submitButton {
40 
    height: 2.5rem;
41 
    margin: 0;
42 
    width: auto;
43 
    margin-top: 0.5rem;
44 
    background-color: $primary-lightblue;
45 
    border: none;
46 
    padding: 0.5rem 1rem;
1053 steven 47 
    color: white !important;
1481 steven 48 
    border-radius: var(--global-border-radius);
1 www 49 
    border: 1px solid $primary-lightblue;
50 
    font-size: 1rem;
51 
    transition: 0.2s;
52 
 
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 
}