Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 5 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 5 Rev 218
Línea 1... Línea 1...
1 
@import '../../styles/variables.scss';
 1 
@import "../../styles/variables.scss";
Línea 2... Línea 2...
2 
 
 2 
 
3 
.profile_item {
 3 
.profile_item {
4 
    width: 100%;
 4 
  width: 100%;
5 
    padding: 25px 20px;
 5 
  padding: 25px 20px;
6 
    border: 1px solid $border-primary;
 6 
  border: 1px solid $border-primary;
7 
    background-color: $bg-color;
 7 
  background-color: $bg-color;
8 
    text-align: center;
 8 
  text-align: center;
- 
 
 9 
  border-radius: 10px;
- 
 
 10 
  position: relative;
- 
 
 11 
 
- 
 
 12 
  h3 {
- 
 
 13 
    color: $title-color;
- 
 
 14 
    font-size: 1.4rem;
- 
 
 15 
    font-weight: 700;
- 
 
 16 
  }
- 
 
 17 
 
- 
 
 18 
  h4 {
- 
 
 19 
    color: $subtitle-color;
- 
 
 20 
    font-weight: 600;
- 
 
 21 
  }
- 
 
 22 
 
- 
 
 23 
  ul {
- 
 
 24 
    display: flex;
- 
 
 25 
    gap: 5px;
- 
 
 26 
    justify-content: space-around;
- 
 
 27 
  }
- 
 
 28 
 
- 
 
 29 
  hr {
- 
 
 30 
    width: 90%;
- 
 
 31 
    margin: 0.5rem auto;
- 
 
 32 
  }
- 
 
 33 
 
- 
 
 34 
  &_header {
- 
 
 35 
    align-items: center;
- 
 
 36 
    display: flex;
9 
    border-radius: 10px;
 37 
    gap: 0.5rem;
Línea 10... Línea 38...
10 
    position: relative;
 38 
    position: relative;
11 
 
 39 
 
12 
    h3 {
 40 
    img {
13 
        color: $title-color;
 41 
      height: 80px;
14 
        font-size: 1.4rem;
 42 
      width: 80px;
Línea 15... Línea 43...
15 
        font-weight: 700;
 43 
      border-radius: 50%;
- 
 
 44 
    }
16 
    }
 45 
 
17 
 
 46 
    &_info {
18 
    h4 {
 47 
      display: flex;
Línea 19... Línea 48...
19 
        color: $subtitle-color;
 48 
      flex-direction: column;
- 
 
 49 
      align-items: center;
20 
        font-weight: 600;
 50 
      flex: 1;
21 
    }
 - 
 
22 
 
 51 
 
- 
 
 52 
      ul {
- 
 
 53 
        margin-top: 0.5rem;
- 
 
 54 
        display: flex;
- 
 
 55 
        justify-content: space-around;
23 
    ul {
 56 
        align-self: center;
24 
        display: flex;
 - 
 
25 
        gap: 5px;
 - 
 
26 
        justify-content: space-around;
 - 
 
27 
    }
 - 
 
28 
 
 - 
 
29 
    hr {
 - 
 
30 
        width: 90%;
 - 
 
31 
        margin: .5rem auto;
 - 
 
32 
    }
 - 
 
33 
 
 - 
 
34 
    &_header {
 - 
 
35 
        align-items: center;
 - 
 
36 
        display: flex;
 - 
 
37 
        gap: .5rem;
 - 
 
38 
        position: relative;
 - 
 
39 
 
 - 
 
40 
        img {
 - 
 
41 
            height: 80px;
 - 
 
42 
            width: 80px;
 - 
 
43 
            border-radius: 50%;
 - 
 
44 
        }
 - 
 
45 
 
 - 
 
46 
        &_info {
 - 
 
47 
            display: flex;
 - 
 
48 
            flex-direction: column;
 - 
 
49 
            align-items: center;
 - 
 
50 
            text-align: left;
 - 
 
51 
            flex: 1;
 - 
 
52 
 
 - 
 
53 
            ul {
 - 
 
54 
                margin-top: .5rem;
 - 
 
55 
                display: flex;
 - 
 
56 
                justify-content: space-around;
 - 
 
57 
                align-self: center;
 - 
 
58 
                gap: .5rem;
 - 
 
59 
                flex: 1;
 - 
 
60 
            }
 57 
        gap: 0.5rem;
- 
 
 58 
        flex: 1;
- 
 
 59 
      }