financial-assistant

1
.table {
2
  color: $color-text-light;
3
  font: $font-small;
4
  line-height: 2.5rem;
5

6
  tr {
7
    @include flex($justify-content: space-between);
8
    margin-top: 2rem;
9
    padding: 2rem;
10
    border-radius: 5px;
11
  }
12

13
  tr:nth-child(2n + 1) {
14
    background-color: $color-container;
15
  }
16

17
  th {
18
    width: 20rem;
19
    text-align: left;
20
  }
21
}
22

23
.table__link {
24
  cursor: pointer;
25
  white-space: nowrap;
26
  font-style: italic;
27

28
  &:hover {
29
    color: $color-text-accent;
30
  }
31
}
32

33
.table__description {
34
  width: 100%;
35
  padding: 0 3rem;
36
  text-align: justify;
37
}
38

39