_tables.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. .table {
  2. background-color: unset;
  3. // border: 1px solid $Color-Azure-300;
  4. // border-radius: 10px;
  5. > :not(caption) > * > * {
  6. background-color: unset;
  7. box-shadow: unset;
  8. }
  9. th,
  10. td {
  11. // text-shadow: 0 1px 0 #000;
  12. vertical-align: middle;
  13. padding: 0.1em 0.6em;
  14. border-#{$direction-end}: 1px solid $Color-Body;
  15. }
  16. th {
  17. text-align: $direction-start;
  18. font-weight: 500;
  19. .column_heading {
  20. * {
  21. color: $Color-Tailwind-Title;
  22. }
  23. }
  24. }
  25. td {
  26. touch-action: manipulation;
  27. }
  28. thead th,
  29. .thead-light th {
  30. color: $Color-Tailwind-Title;
  31. background: $Color-Body-Special;
  32. border-#{$direction-end}: 1px solid $Color-Body;
  33. // border-bottom: 1px solid $Color-Azure-500;
  34. * {
  35. color: $Color-Tailwind-Title;
  36. }
  37. }
  38. &.table-light {
  39. // border-radius: 10px;
  40. // overflow: hidden;
  41. border: 1px double $Color-Body;
  42. }
  43. }
  44. table td img {
  45. width: 22px;
  46. height: 22px;
  47. }
  48. // .table-hover {
  49. // tbody tr {
  50. // @include hover() {
  51. // background: linear-gradient(#ced6df, #b6c6d7);
  52. // }
  53. // }
  54. // }