_typography.scss 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237
  1. h1, h2, h3, p, ul, li, a, span{
  2. font-family: $lato;
  3. font-weight: lighter;
  4. }
  5. header{
  6. a{
  7. font-size: $txt-figli;
  8. line-height: $Flhome;
  9. }
  10. }
  11. a, button{
  12. border: none;
  13. outline: none!important;
  14. }
  15. .title-menu{
  16. h2{
  17. font-family: $rammetto;
  18. }
  19. }
  20. .home{
  21. h2, p{
  22. font-size: $txt-figli;
  23. line-height: 3rem;
  24. }
  25. #text_figli{
  26. strong{
  27. position: relative;
  28. &::after{
  29. display: block;
  30. position: absolute;
  31. content: "";
  32. width: 100%;
  33. height: 1px;
  34. background: black;
  35. bottom: 0;
  36. }
  37. }
  38. a{
  39. position: relative;
  40. &#publique{
  41. font-family: $playfair;
  42. }
  43. &#sociale{
  44. font-family: $syne;
  45. }
  46. &#culturelle{
  47. font-family: $avara;
  48. }
  49. &#commanditaires{
  50. font-family: $moche;
  51. }
  52. &#figureslibres{
  53. font-family: $rammetto;
  54. }
  55. &#logiciels-libres{
  56. font-family: $rumeur;
  57. }
  58. }
  59. #item{
  60. .e-content{
  61. p{
  62. font-size: 1.5rem;
  63. line-height: 3rem;
  64. strong{
  65. font-weight: bold!important;
  66. }
  67. a{
  68. text-decoration: underline;
  69. }
  70. em{
  71. font-style: italic;
  72. }
  73. }
  74. }
  75. }
  76. #item_list{
  77. &.commanditaires{
  78. flex-direction: column;
  79. .card-title{
  80. line-height: normal;
  81. }
  82. }
  83. &.figureslibres{
  84. h3{
  85. margin: 10px 0 0 0;
  86. font-weight: bold;
  87. font-size: 1rem;
  88. line-height: 1.5rem;
  89. font-family: $rammetto;
  90. &::after{
  91. display: none;
  92. }
  93. }
  94. p{
  95. strong{
  96. margin-top: 10px;
  97. font-family: $rammetto;
  98. display: block;
  99. &::after{
  100. display: none;
  101. }
  102. }
  103. }
  104. }
  105. &.logiciels-libres{
  106. h3{
  107. margin: 10px 0 0 0;
  108. font-weight: bold;
  109. font-size: 1.2rem;
  110. line-height: 1.5rem;
  111. &::after{
  112. display: none;
  113. }
  114. }
  115. p{
  116. margin-top: 10px;
  117. }
  118. }
  119. &.figureslibres{
  120. p{
  121. margin-top: 10px;
  122. strong{
  123. display: block;
  124. font-weight: bold;
  125. &::after{
  126. display: none;
  127. }
  128. }
  129. }
  130. }
  131. }
  132. }
  133. }
  134. #item{
  135. h2{
  136. width: auto;
  137. line-height: 4rem!important;
  138. font-size: 4rem!important;
  139. font-weight: normal!important;
  140. }
  141. span{
  142. font-size: 1rem;
  143. }
  144. &.publique{
  145. h2{
  146. font-family: $playfair;
  147. }
  148. span{
  149. font-family: $playfair;
  150. font-weight: normal;
  151. }
  152. }
  153. &.sociale{
  154. h2{
  155. font-family: $syne;
  156. }
  157. span{
  158. font-family: $syne;
  159. font-weight: normal;
  160. }
  161. }
  162. &.culturelle{
  163. h2{
  164. font-family: $avara;
  165. }
  166. span{
  167. font-family: $avara;
  168. font-weight: normal;
  169. }
  170. }
  171. }
  172. a.publique, span.publique{
  173. font-family: $playfair;
  174. }
  175. a.sociale, span.sociale{
  176. font-family: $syne;
  177. }
  178. a.culturelle, span.culturelle{
  179. font-family: $avara;
  180. }
  181. .sidebar-right{
  182. h2{
  183. margin:0rem;
  184. }
  185. ul > span{
  186. font-size: 0.8rem;
  187. line-height: 1rem!important;
  188. text-decoration: underline;
  189. margin-bottom: 0.5rem;
  190. }
  191. ul > li{
  192. font-size: 1.7rem;
  193. line-height: 2.5rem;
  194. a{
  195. font-size: 1.7rem;
  196. line-height: 2rem;
  197. border-radius: 50px;
  198. }
  199. }
  200. .informations{
  201. padding: 1rem;
  202. &> div{
  203. margin-bottom: 1rem;
  204. }
  205. h3{
  206. font-size: 1.5rem;
  207. line-height: 2rem;
  208. margin: 0;
  209. }
  210. p{
  211. font-size: 1rem;
  212. line-height: 1.5rem;
  213. }
  214. }
  215. }
  216. .other_projets{
  217. h3{
  218. font-size: $txt-figli;
  219. margin: 0;
  220. }
  221. }
  222. .card{
  223. h2{
  224. margin: 0;
  225. font-size: 1rem;
  226. }
  227. }