_tables.scss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. //
  2. // Basic Bootstrap table
  3. //
  4. .table {
  5. --#{$variable-prefix}table-bg: #{$table-bg-alt};
  6. --#{$variable-prefix}table-striped-color: #{$table-striped-color-alt};
  7. --#{$variable-prefix}table-striped-bg: #{$table-striped-bg-alt};
  8. --#{$variable-prefix}table-active-color: #{$table-active-color-alt};
  9. --#{$variable-prefix}table-active-bg: #{$table-active-bg-alt};
  10. --#{$variable-prefix}table-hover-color: #{$table-hover-color-alt};
  11. --#{$variable-prefix}table-hover-bg: #{$table-hover-bg-alt};
  12. color: $table-color-alt;
  13. border-color: $table-border-color-alt;
  14. // DONT NEED TO DARK, CSS VARS TAKES CARE OF THIS.
  15. // Target th & td
  16. // xstylelint-disable-next-line selector-max-universal
  17. // > :not(caption) > * > * {
  18. // background-color: var(--#{$variable-prefix}table-bg);
  19. // box-shadow: inset 0 0 0 9999px var(--#{$variable-prefix}table-accent-bg);
  20. // }
  21. // Highlight border color between thead, tbody and tfoot.
  22. // > :not(:last-child) > :last-child > * {
  23. // border-bottom-color: $table-group-separator-color-alt;
  24. // }
  25. }
  26. // Zebra-striping
  27. // DONT NEED TO DARK, CSS VARS TAKES CARE OF THIS.
  28. // .table-striped {
  29. // > tbody > tr:nth-of-type(#{$table-striped-order}) {
  30. // --#{$variable-prefix}table-accent-bg: var(--#{$variable-prefix}table-striped-bg);
  31. // color: var(--#{$variable-prefix}table-striped-color);
  32. // }
  33. // }
  34. // Active table
  35. // DONT NEED TO DARK, CSS VARS TAKES CARE OF THIS.
  36. // .table-active {
  37. // --#{$variable-prefix}table-accent-bg: var(--#{$variable-prefix}table-active-bg);
  38. // color: var(--#{$variable-prefix}table-active-color);
  39. // }
  40. // Hover effect
  41. // DONT NEED TO DARK, CSS VARS TAKES CARE OF THIS.
  42. // .table-hover {
  43. // > tbody > tr:hover {
  44. // --#{$variable-prefix}table-accent-bg: var(--#{$variable-prefix}table-hover-bg);
  45. // color: var(--#{$variable-prefix}table-hover-color);
  46. // }
  47. // }
  48. // Table variants
  49. @each $color, $value in $table-variants-alt {
  50. @include table-variant-alt($color, $value);
  51. }