Proyectos de Subversion LeadersLinked - SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1356 stevensc 1 
@import '../../styles/variables.scss';
325 stevensc 2 
 
3 
.footer {
326 stevensc 4 
  padding: 2rem 0;
5 
}
6 
 
7 
.footer_content {
8 
  display: flex;
9 
  gap: 1rem;
10 
  align-items: center;
11 
  justify-content: center;
325 stevensc 12 
  position: relative;
326 stevensc 13 
  padding-left: 3rem;
1356 stevensc 14 
  width: 100%;
326 stevensc 15 
 
1367 stevensc 16 
  > a {
325 stevensc 17 
    position: absolute;
326 stevensc 18 
    top: 50%;
325 stevensc 19 
    left: 0;
20 
    transform: translateY(-50%);
1367 stevensc 21 
    img {
22 
      width: 2.5rem;
23 
      height: 2.5rem;
24 
    }
325 stevensc 25 
  }
26 
 
27 
  ul {
28 
    display: grid;
29 
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
30 
    gap: 10px;
31 
 
32 
    li {
33 
      display: inline-flex;
34 
 
35 
      a {
36 
        font-size: 14px;
1367 stevensc 37 
        font-weight: 600;
325 stevensc 38 
        color: $font-color;
1367 stevensc 39 
        text-decoration: underline;
325 stevensc 40 
      }
41 
    }
42 
  }
43 
}
44 
 
45 
.footer__main {
46 
  display: inline-flex;
326 stevensc 47 
  align-items: center;
325 stevensc 48 
  img {
49 
    margin-right: 5px;
326 stevensc 50 
    width: 1rem;
51 
    height: 1rem;
325 stevensc 52 
  }
53 
  p {
54 
    color: $subtitle-color;
55 
    font-size: 14px;
56 
    font-weight: 500;
57 
  }
58 
}
1356 stevensc 59 
 
60 
.footer__link {
61 
  display: flex;
62 
  flex-direction: column;
63 
  gap: 0.5rem;
64 
  align-items: center;
65 
 
66 
  ul {
67 
    display: flex;
68 
    align-items: center;
1367 stevensc 69 
    gap: 1rem;
1356 stevensc 70 
    flex-wrap: wrap;
71 
  }
72 
}