Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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