Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 7028 Rev 7029
Línea 24... Línea 24...
24 
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
 24 
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
25 
  gap: 1rem;
 25 
  gap: 1rem;
26 
`
 26 
`
Línea 27... Línea 27...
27 
 
 27 
 
- 
 
 28 
const KnowledgeCard = styled(WidgetLayout)`
- 
 
 29 
  display: flex;
- 
 
 30 
  flex-direction: column;
- 
 
 31 
  gap: 0.5rem;
- 
 
 32 
  height: 100%;
- 
 
 33 
  padding-bottom: 1rem;
28 
const KnowledgeCard = styled(WidgetLayout)`
 34 
 
- 
 
 35 
  & > {
- 
 
 36 
    * {
- 
 
 37 
      margin: 0 1rem;
29 
  & > {
 38 
    }
30 
    a {
 39 
    a {
Línea 31... Línea 40...
31 
      width: fit-content;
 40 
      width: fit-content;
32 
 
 41 
 
Línea 38... Línea 47...
38 
      h2 {
 47 
      h2 {
39 
        color: $title-color;
 48 
        color: $title-color;
40 
        font-weight: 800;
 49 
        font-weight: 800;
41 
      }
 50 
      }
42 
    }
 51 
    }
43 
 
 - 
 
44 
    h3 {
 52 
    h3 {
45 
      color: $subtitle-color;
 53 
      color: $subtitle-color;
46 
      font-weight: 400;
 54 
      font-weight: 400;
47 
    }
 55 
    }
48 
 
 - 
 
49 
    p {
 56 
    p {
50 
      color: $font-color;
 57 
      color: $font-color;
51 
      font-weight: 400;
 58 
      font-weight: 400;
52 
      text-align: justify;
 59 
      text-align: justify;
53 
      text-justify: inter-word;
 60 
      text-justify: inter-word;
54 
    }
 61 
    }
55 
  }
 62 
  }
56 
 
 - 
 
57 
  .knowledge-record-card-actions {
 63 
  .knowledge-record-card-actions {
58 
    display: flex;
 64 
    display: flex;
59 
    align-items: center;
 65 
    align-items: center;
60 
    gap: 0.5rem;
 66 
    gap: 0.5rem;
Línea 61... Línea 67...
61 
 
 67 
 
62 
    & > * {
 68 
    & > * {
63 
      flex: 1;
 69 
      flex: 1;
64 
      max-width: calc(100% / 3);
 70 
      max-width: calc(100% / 3);
65 
    }
 71 
    }
66 
  }
 - 
 
67 
 
 72 
  }
68 
  .reaction-btn {
 73 
  .reaction-btn {
69 
    align-items: center;
 74 
    align-items: center;
70 
    border-radius: 10px;
 75 
    border-radius: 10px;
71 
    display: inline-flex;
 76 
    display: inline-flex;
72 
    gap: 0.5rem;
 77 
    gap: 0.5rem;
73 
    justify-content: center;
 78 
    justify-content: center;
74 
    padding: 10px;
 79 
    padding: 10px;
75 
    position: relative;
 80 
    position: relative;
76 
    width: -webkit-fill-available;
 81 
    width: -webkit-fill-available;
77 
    transition: background-color 200ms ease;
 - 
 
78 
 
 82 
    transition: background-color 200ms ease;
79 
    &:hover {
 83 
    &:hover {
80 
      background-color: #f5f5f5;
 84 
      background-color: #f5f5f5;
81 
    }
 85 
    }