_tables.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. // Sass partial for table styles
  2. table {
  3. border-collapse: collapse;
  4. }
  5. table .desc {
  6. display: block;
  7. font-style: italic;
  8. }
  9. // deprecated
  10. .cellrowborder {
  11. @warn "The .cellrowborder class is deprecated since v2.3.";
  12. border-bottom: solid 1px;
  13. border-left: 0;
  14. border-right: solid 1px;
  15. border-top: 0;
  16. }
  17. .row-nocellborder {
  18. @warn "The .row-nocellborder class is deprecated since v2.3.";
  19. border-bottom: solid 1px;
  20. border-left: 0;
  21. border-top: 0;
  22. }
  23. .cell-norowborder {
  24. @warn "The .cell-norowborder class is deprecated since v2.3.";
  25. border-left: 0;
  26. border-right: solid 1px;
  27. border-top: 0;
  28. }
  29. .nocellnorowborder {
  30. @warn "The .nocellnorowborder class is deprecated since v2.3.";
  31. border: 0;
  32. }
  33. .firstcol {
  34. @warn "The .firstcol class is deprecated since v2.3.";
  35. font-weight: bold;
  36. }
  37. // @pgwide
  38. .table--pgwide-1 {
  39. width: 100%;
  40. }
  41. // @align
  42. $align: left right center justify char;
  43. @each $value in $align {
  44. .align-#{$value} {
  45. text-align: $value;
  46. }
  47. }
  48. // @valign
  49. $valign: top bottom middle;
  50. @each $value in $valign {
  51. .valign-#{$value} {
  52. vertical-align: $value;
  53. }
  54. }
  55. // @colsep
  56. .colsep-0 {
  57. border-right: 0;
  58. }
  59. .colsep-1 {
  60. border-right: 1px solid;
  61. }
  62. // @rowsep
  63. .rowsep-0 {
  64. border-bottom: 0;
  65. }
  66. .rowsep-1 {
  67. border-bottom: 1px solid;
  68. }
  69. // simpletable
  70. .stentry {
  71. border-right: 1px solid;
  72. border-bottom: 1px solid;
  73. }
  74. .stentry:last-child {
  75. border-right: 0;
  76. }
  77. .strow:last-child .stentry {
  78. border-bottom: 0;
  79. }