resources/scss/main.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

th {
  .ordered {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;

    &::after {
      display: block;
      content: "";
      width: 13px;
      height: 16px;
      opacity: 0.5;
      background-image: url('../svg/sortable.svg');
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
    }

    &:hover::after {
      opacity: 1;
    }
  }

  .ordered-asc::after,
  .ordered-desc::after
  {
    opacity: 1;
  }

  .ordered-asc::after {
    background-image: url('../svg/sortable-down.svg');
  }

  .ordered-desc::after {
    background-image: url('../svg/sortable-up.svg');
  }
}