styles_de_paragraphes.scss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. // .pre-title {
  2. // font-family: "Duke POPSU";
  3. // font-weight: inherit;
  4. // font-size: 45pt;
  5. // line-height: 33pt;
  6. // }
  7. //
  8. // .pre-sub-title {
  9. // font-family: "Texa";
  10. // font-weight: 800;
  11. // font-size: 10pt;
  12. // line-height: 13pt;
  13. // }
  14. .main-title {
  15. font-family: "Duke POPSU";
  16. font-weight: inherit;
  17. font-size: 60pt;
  18. line-height: 42pt;
  19. margin: 0;
  20. padding: 0;
  21. }
  22. .main-sub-title {
  23. font-family: "Texa";
  24. font-weight: 800;
  25. font-size: 12pt;
  26. line-height: 15pt;
  27. }
  28. .main-pre-title {
  29. font-family: "Texta";
  30. font-weight: 800;
  31. font-size: 12pt;
  32. text-transform: uppercase;
  33. line-height: 15pt;
  34. margin-top: 0;
  35. padding-top: 0;
  36. width: 250px;
  37. }
  38. .table-of-content {
  39. font-family: "Cormorant";
  40. font-weight: 200;
  41. font-size: 25pt;
  42. line-height: 25pt;
  43. margin: 0;
  44. a {
  45. text-decoration: none;
  46. color: inherit;
  47. }
  48. a::after {
  49. font-size: 9pt;
  50. margin-left: 10pt;
  51. content: target-counter(attr(href), page);
  52. font-family: "SGI-TextAlt";
  53. }
  54. }
  55. .credits {
  56. font-size: 9pt;
  57. margin-bottom: 6pt;
  58. h4 {
  59. font-family: "TextaAlt";
  60. text-transform: uppercase;
  61. margin: 8pt 0 0;
  62. }
  63. p {
  64. font-family: "SGI-TextAlt";
  65. line-height: 13pt;
  66. margin: 0;
  67. }
  68. }
  69. .chapter-title {
  70. font-family: "Cormorant";
  71. font-weight: 200;
  72. font-size: 34pt;
  73. line-height: 34pt;
  74. text-align: right;
  75. }
  76. .chapter-title:after {
  77. content: "++++";
  78. display: block;
  79. font-family: inherit;
  80. font-weight: 200;
  81. font-size: 10pt;
  82. letter-spacing: 4pt;
  83. }
  84. .chapter-title::before {
  85. content: attr(data-rubrique);
  86. display: block;
  87. @extend .section-title;
  88. }
  89. .chapter-content {
  90. hyphens: auto;
  91. font-family: "Cormorant";
  92. font-weight: 200;
  93. font-size: 10.5pt;
  94. line-height: 18pt;
  95. // hanging-punctuation: first last;
  96. }
  97. .section-title {
  98. font-family: "TextaAlt";
  99. font-weight: 800;
  100. font-size: 12pt;
  101. text-transform: uppercase;
  102. }
  103. .section-content {
  104. hyphens: auto;
  105. font-family: "SGI-TextAlt";
  106. font-size: 9.5pt;
  107. font-weight: 200;
  108. line-height: 18pt;
  109. // text-align: left;
  110. }
  111. // texte justifié par defaut
  112. .justify p {
  113. text-align: justify;
  114. text-align-last: left !important;
  115. hyphens: auto;
  116. hanging-punctuation: first;
  117. }
  118. .section-content p {
  119. text-align: left;
  120. }
  121. .chapter-content h3 {
  122. hyphens: none;
  123. font-size: 19pt;
  124. font-weight: 200;
  125. line-height: 23pt;
  126. margin-left: 10mm;
  127. }
  128. h4 {
  129. margin: 0;
  130. }
  131. // phrase amorce du chapitre 1
  132. strong {
  133. font-family: "Cormorant";
  134. font-weight: 200;
  135. font-size: 14pt;
  136. line-height: 18pt;
  137. }