panels-rtl.less 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. //
  2. // RTL Panels
  3. // --------------------------------------------------
  4. // Tables in panels
  5. //
  6. // Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
  7. // watch it go full width.
  8. .panel {
  9. // Add border top radius for first one
  10. > .table:first-child,
  11. > .table-responsive:first-child > .table:first-child {
  12. > thead:first-child,
  13. > tbody:first-child {
  14. > tr:first-child {
  15. td:first-child,
  16. th:first-child {
  17. border-top-right-radius: (@panel-border-radius - 1);
  18. border-top-left-radius: 0;
  19. }
  20. td:last-child,
  21. th:last-child {
  22. border-top-left-radius: (@panel-border-radius - 1);
  23. border-top-right-radius: 0;
  24. }
  25. }
  26. }
  27. }
  28. // Add border bottom radius for last one
  29. > .table:last-child,
  30. > .table-responsive:last-child > .table:last-child {
  31. > tbody:last-child,
  32. > tfoot:last-child {
  33. > tr:last-child {
  34. td:first-child,
  35. th:first-child {
  36. border-bottom-left-radius: (@panel-border-radius - 1);
  37. border-top-right-radius: 0;
  38. }
  39. td:last-child,
  40. th:last-child {
  41. border-bottom-right-radius: (@panel-border-radius - 1);
  42. border-top-left-radius: 0;
  43. }
  44. }
  45. }
  46. }
  47. > .table-bordered,
  48. > .table-responsive > .table-bordered {
  49. > thead,
  50. > tbody,
  51. > tfoot {
  52. > tr {
  53. > th:first-child,
  54. > td:first-child {
  55. border-right: 0;
  56. border-left: none;
  57. }
  58. > th:last-child,
  59. > td:last-child {
  60. border-right: none;
  61. border-left: 0;
  62. }
  63. }
  64. }
  65. }
  66. }