styles_de_paragraphes.scss 2.6 KB

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