crowi-reveal.scss 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. // import crowi variable
  2. @import 'utilities';
  3. .reveal {
  4. font-size: 32px;
  5. section * {
  6. font-family: $font-family-sans-serif !important;
  7. }
  8. .slides > section {
  9. //text-align: left;
  10. padding: 0;
  11. &.only.present {
  12. h1, h2, h3, h4, h5, h6 {
  13. font-size: 2.5em;
  14. }
  15. }
  16. p {
  17. line-height: 1.6;
  18. &:first-child {
  19. margin-top: 0;
  20. }
  21. }
  22. pre {
  23. code {
  24. padding: 20px 40px;
  25. }
  26. }
  27. blockquote {
  28. width: 80%;
  29. padding: 20px 60px;
  30. }
  31. ul {
  32. margin-top: .2em;
  33. margin-bottom: .1em;
  34. > li {
  35. line-height: 1.6;
  36. margin-bottom: .5em;
  37. > ul > li {
  38. font-size: .85em;
  39. }
  40. }
  41. }
  42. h1:first-child {
  43. font-size: 2.2em;
  44. }
  45. h2:first-child {
  46. font-size: 1.8em;
  47. }
  48. h3, h4, h5, h6 {
  49. &:first-child {
  50. font-size: 1.5em;
  51. }
  52. }
  53. // {{{ table (copied from bootstrap .table
  54. table {
  55. width: 100%;
  56. margin-bottom: 1em;
  57. border-collapse: collapse;
  58. tr, td, th {
  59. border-collapse: collapse;
  60. }
  61. // Cells
  62. > thead,
  63. > tbody,
  64. > tfoot {
  65. > tr {
  66. > th,
  67. > td {
  68. padding: 1em;
  69. vertical-align: top;
  70. border-top: 1px solid #999;
  71. }
  72. }
  73. }
  74. // Bottom align for column headings
  75. > thead > tr > th {
  76. vertical-align: bottom;
  77. border-bottom: 2px solid #888;
  78. }
  79. // Remove top border from thead by default
  80. > caption + thead,
  81. > colgroup + thead,
  82. > thead:first-child {
  83. > tr:first-child {
  84. > th,
  85. > td {
  86. border-top: 0;
  87. }
  88. }
  89. }
  90. // Account for multiple tbody instances
  91. > tbody + tbody {
  92. border-top: 2px solid #888;
  93. }
  94. // .table-bordered
  95. border: 1px solid #999;
  96. > thead,
  97. > tbody,
  98. > tfoot {
  99. > tr {
  100. > th,
  101. > td {
  102. border: 1px solid #999;
  103. }
  104. }
  105. }
  106. > thead > tr {
  107. > th,
  108. > td {
  109. border-bottom-width: 2px;
  110. }
  111. }
  112. }
  113. // }}}
  114. }
  115. }