Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5000 | Rev 5828 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
5822 stevensc 1 
@use "../../settings/mixins.scss";
2 
 
3564 stevensc 3 
.description {
4 
  background-color: $bg-color;
5 
  display: flex;
6 
  flex-direction: column;
7 
  min-height: 100%;
8 
  justify-content: center;
9 
  padding: 2rem;
10 
  border-radius: 5px;
11 
  box-shadow: $light-shadow;
5822 stevensc 12 
 
3564 stevensc 13 
  .header {
14 
    border-bottom: $border-primary;
15 
    padding-bottom: 1rem;
5000 stevensc 16 
    position: relative;
3564 stevensc 17 
  }
5822 stevensc 18 
 
3564 stevensc 19 
  .infoContainer {
20 
    display: flex;
21 
    flex-direction: column;
22 
  }
5822 stevensc 23 
 
3564 stevensc 24 
  .descpContainer {
25 
    display: flex;
26 
    flex-direction: column;
27 
  }
28 
}
29 
 
30 
.locationContainer {
31 
  display: flex;
32 
  padding: 1rem 0;
33 
  align-items: center;
34 
  color: $font-color;
5822 stevensc 35 
 
3564 stevensc 36 
  img {
37 
    width: 1rem;
38 
  }
39 
}
40 
 
41 
.likeContainer {
42 
  display: flex;
43 
  padding: 1rem 0;
44 
  align-items: center;
5822 stevensc 45 
 
3564 stevensc 46 
  .heart {
47 
    font-size: 1.5rem;
48 
  }
49 
}
50 
 
5822 stevensc 51 
.job-attr {
52 
  @include mixins.widget;
53 
  padding: 1rem;
54 
  display: flex;
55 
  flex-direction: column;
56 
  gap: .5rem;
57 
 
58 
  span,
59 
  p {
60 
    color: $font-color;
61 
  }
62 
 
63 
  ul {
64 
    display: flex;
65 
    flex-wrap: wrap;
66 
    gap: .5rem;
67 
 
68 
    li {
69 
      display: inline-flex;
70 
      width: fit-content;
71 
 
72 
      span {
73 
        background-color: $font-color;
74 
        border-radius: 30px;
75 
        color: $bg-color;
76 
        font-size: 14px;
77 
        font-weight: 600;
78 
        padding: .5rem 1rem;
79 
        width: fit-content;
80 
      }
81 
    }
82 
  }
83 
 
84 
  &-header {
85 
    display: flex;
86 
    align-items: center;
87 
    justify-content: space-between;
88 
 
89 
    h2 {
90 
      color: $title-color;
91 
      font-size: 18px;
92 
      font-weight: 600;
93 
    }
94 
  }
95 
}
96 
 
3564 stevensc 97 
@include maxwidth("medium") {
5000 stevensc 98 
  .description .descpContainer {
99 
    flex-direction: row;
100 
    flex-wrap: wrap;
101 
    justify-content: space-between;
3564 stevensc 102 
  }
5822 stevensc 103 
}