Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5000 | Rev 5828 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 5000 Rev 5822
Línea -... Línea 1...
- 
 
 1 
@use "../../settings/mixins.scss";
- 
 
 2 
 
1 
.description {
 3 
.description {
2 
  background-color: $bg-color;
 4 
  background-color: $bg-color;
3 
  display: flex;
 5 
  display: flex;
4 
  flex-direction: column;
 6 
  flex-direction: column;
5 
  min-height: 100%;
 7 
  min-height: 100%;
6 
  justify-content: center;
 8 
  justify-content: center;
7 
  padding: 2rem;
 9 
  padding: 2rem;
8 
  border-radius: 5px;
 10 
  border-radius: 5px;
9 
  box-shadow: $light-shadow;
 11 
  box-shadow: $light-shadow;
- 
 
 12 
 
10 
  .header {
 13 
  .header {
11 
    border-bottom: $border-primary;
 14 
    border-bottom: $border-primary;
12 
    padding-bottom: 1rem;
 15 
    padding-bottom: 1rem;
13 
    position: relative;
 16 
    position: relative;
14 
  }
 17 
  }
- 
 
 18 
 
15 
  .infoContainer {
 19 
  .infoContainer {
16 
    display: flex;
 20 
    display: flex;
17 
    flex-direction: column;
 21 
    flex-direction: column;
18 
  }
 22 
  }
- 
 
 23 
 
19 
  .descpContainer {
 24 
  .descpContainer {
20 
    display: flex;
 25 
    display: flex;
21 
    flex-direction: column;
 26 
    flex-direction: column;
22 
  }
 27 
  }
23 
}
 28 
}
Línea 25... Línea 30...
25 
.locationContainer {
 30 
.locationContainer {
26 
  display: flex;
 31 
  display: flex;
27 
  padding: 1rem 0;
 32 
  padding: 1rem 0;
28 
  align-items: center;
 33 
  align-items: center;
29 
  color: $font-color;
 34 
  color: $font-color;
- 
 
 35 
 
30 
  img {
 36 
  img {
31 
    width: 1rem;
 37 
    width: 1rem;
32 
  }
 38 
  }
33 
}
 39 
}
Línea 34... Línea 40...
34 
 
 40 
 
35 
.likeContainer {
 41 
.likeContainer {
36 
  display: flex;
 42 
  display: flex;
37 
  padding: 1rem 0;
 43 
  padding: 1rem 0;
- 
 
 44 
  align-items: center;
38 
  align-items: center;
 45 
 
39 
  .heart {
 46 
  .heart {
40 
    font-size: 1.5rem;
 47 
    font-size: 1.5rem;
41 
  }
 48 
  }
Línea -... Línea 49...
- 
 
 49 
}
- 
 
 50 
 
- 
 
 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 
  }
42 
}
 95 
}
43 
 
 96 
 
44 
@include maxwidth("medium") {
 97 
@include maxwidth("medium") {
45 
  .description .descpContainer {
 98 
  .description .descpContainer {
46 
    flex-direction: row;
 99 
    flex-direction: row;
47 
    flex-wrap: wrap;
 100 
    flex-wrap: wrap;
48 
    justify-content: space-between;
 101 
    justify-content: space-between;
49 
  }
 102 
  }