tables.scss 746 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. // Sortable table headers
  2. @import "font-awesome";
  3. .table th a.selected {
  4. position: relative;
  5. text-decoration: underline;
  6. &.asc:after, &.desc:after {
  7. text-decoration: none;
  8. position: absolute;
  9. top: 0;
  10. right: -1em;
  11. @extend %fa-icon;
  12. @extend .fa-solid;
  13. }
  14. &.asc:after {
  15. content: fa-content($fa-var-sort-asc);
  16. }
  17. &.desc:after {
  18. content: fa-content($fa-var-sort-desc);
  19. }
  20. }
  21. .table-striped > tbody > tr.hl {
  22. &:nth-child(odd) {
  23. > td, > th {
  24. background-color: #ffeecc;
  25. }
  26. }
  27. &:nth-child(even) {
  28. > td, > th {
  29. background-color: #f9e8c6;
  30. }
  31. }
  32. }
  33. table.events {
  34. .payload {
  35. color: #999;
  36. font-size: 12px;
  37. //text-align: center;
  38. font-family: monospace;
  39. }
  40. }