_tables.scss 1.6 KB

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