table.less 896 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. /*
  2. * Component: Table
  3. * ----------------
  4. */
  5. .table {
  6. //Cells
  7. > thead,
  8. > tbody,
  9. > tfoot {
  10. > tr {
  11. > th,
  12. > td {
  13. border-top: 1px solid @box-border-color;
  14. }
  15. }
  16. }
  17. //thead cells
  18. > thead > tr > th {
  19. border-bottom: 2px solid @box-border-color;
  20. }
  21. //progress bars in tables
  22. tr td .progress {
  23. margin-top: 5px;
  24. }
  25. }
  26. //Bordered Table
  27. .table-bordered {
  28. border: 1px solid @box-border-color;
  29. > thead,
  30. > tbody,
  31. > tfoot {
  32. > tr {
  33. > th,
  34. > td {
  35. border: 1px solid @box-border-color;
  36. }
  37. }
  38. }
  39. > thead > tr {
  40. > th,
  41. > td {
  42. border-bottom-width: 2px;
  43. }
  44. }
  45. }
  46. .table.no-border {
  47. &,
  48. td,
  49. th {
  50. border: 0;
  51. }
  52. }
  53. /* .text-center in tables */
  54. table.text-center {
  55. &, td, th {
  56. text-align: center;
  57. }
  58. }
  59. .table.align {
  60. th {
  61. text-align: left;
  62. }
  63. td {
  64. text-align: right;
  65. }
  66. }