themes/pmahomme/scss/_tables.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

.table {
  th,
  td {
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
  }

  th {
    color: $th-color;
    text-align: left;
  }

  td {
    touch-action: manipulation;
  }

  thead th {
    border-right: 1px solid #fff;
    background-image: linear-gradient(#fff, #ccc);
  }
}

.table-hover {
  tbody tr {
    &:hover {
      background: linear-gradient(#ced6df, #b6c6d7);
    }
  }
}

.table-striped {
  > tbody > tr:nth-of-type(#{$table-striped-order}) > th {
    color: $th-color;
  }
}

@media only screen and (min-width: 768px) {
  .table th.position-sticky {
    top: 60px;
  }
}