Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
5455 stevensc 1 
@use "../../settings/mixins.scss";
3488 stevensc 2 
 
3 
.userImgContainer {
5455 stevensc 4 
  align-items: center;
5 
  cursor: pointer;
5458 stevensc 6 
  display: none;
5455 stevensc 7 
  gap: 0.5rem;
3488 stevensc 8 
  position: relative;
5455 stevensc 9 
  order: 2;
10 
 
3488 stevensc 11 
  h3 {
12 
    font-weight: bold;
13 
  }
14 
 
5455 stevensc 15 
  img {
16 
    width: 65px;
17 
    height: 65px;
18 
    border-radius: 50%;
19 
    object-fit: contain;
20 
  }
21 
 
5458 stevensc 22 
  @include mixins.for-size(tablet-portrait) {
23 
    display: flex;
24 
  }
25 
 
5455 stevensc 26 
  @include mixins.for-size(desktop) {
27 
    order: 4;
28 
  }
3488 stevensc 29 
}
30 
 
31 
.userDropdown {
32 
  background-color: $bg-color;
33 
  box-shadow: $light-shadow;
34 
  border: 1px solid $border-primary;
5455 stevensc 35 
  padding: 1rem;
36 
  position: absolute;
37 
  right: 0;
38 
  top: calc(100% + 0.5rem);
5456 stevensc 39 
  transition: transform 200ms;
5455 stevensc 40 
  z-index: 200;
41 
 
3488 stevensc 42 
  ul {
43 
    display: flex;
44 
    flex-direction: column;
5455 stevensc 45 
    gap: 0.5rem;
46 
 
3488 stevensc 47 
    a {
48 
      color: $font-color;
5455 stevensc 49 
 
3488 stevensc 50 
      &:hover {
5455 stevensc 51 
        text-shadow: 0 0 0 $font-color;
3488 stevensc 52 
      }
5456 stevensc 53 
    }
5455 stevensc 54 
 
5456 stevensc 55 
    li:is(:last-child) a {
56 
      font-weight: 600;
5455 stevensc 57 
 
5456 stevensc 58 
      &:hover {
59 
        text-shadow: 0 0 0 $danger;
3488 stevensc 60 
      }
61 
    }
62 
  }
63 
}
64 
 
65 
.fadeIn {
5456 stevensc 66 
  transform: scaleY(1);
3488 stevensc 67 
}
68 
 
69 
.fadeOut {
5456 stevensc 70 
  transform: scaleY(0);
5455 stevensc 71 
}