Le repo des sources pour le site web des JM2L
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

316 lines
10 KiB

  1. .font-size-0 { font-size: 91px; }
  2. .font-size-1 { font-size: 90px; }
  3. .font-size-2 { font-size: 40px; }
  4. .font-size-3 { font-size: 34px; }
  5. .font-size-4 { font-size: 30px; }
  6. .font-size-5 { font-size: 29px; }
  7. .font-size-6 { font-size: 28px; }
  8. .font-size-7 { font-size: 21px; }
  9. .font-size-8 { font-size: 19px; }
  10. .font-size-9 { font-size: 17px; }
  11. .font-size-10 { font-size: 17px; }
  12. .font-size-11 { font-size: 16px; }
  13. .font-size-12 { font-size: 15px; }
  14. @media all and (min-width: 1100px){
  15. .font-size-0{ font-size: 3.1vw; }
  16. .font-size-1{ font-size: 2.9vw; }
  17. .font-size-2{ font-size: 2.4vw; }
  18. .font-size-3{ font-size: 1.95vw; }
  19. .font-size-4{ font-size: 1.8vw; }
  20. .font-size-5{ font-size: 1.7vw; }
  21. .font-size-6{ font-size: 1.55vw; }
  22. .font-size-7{ font-size: 1.3vw; }
  23. .font-size-8{ font-size: 1.23vw; }
  24. .font-size-9{ font-size: 1.15vw; }
  25. .font-size-10{ font-size: 1.05vw; }
  26. .font-size-11{ font-size: 1vw; }
  27. .font-size-12{ font-size: 0.95vw; }
  28. }
  29. @media all and (max-width: 2100px){
  30. .font-size-0 { font-size: 118px; }
  31. .font-size-1 { font-size: 117px; }
  32. .font-size-2 { font-size: 49px; }
  33. .font-size-3 { font-size: 41px; }
  34. .font-size-4 { font-size: 39px; }
  35. .font-size-5 { font-size: 37px; }
  36. .font-size-6 { font-size: 35px; }
  37. .font-size-7 { font-size: 27px; }
  38. .font-size-8 { font-size: 24px; }
  39. .font-size-9 { font-size: 22px; }
  40. .font-size-10 { font-size: 22px; }
  41. .font-size-11 { font-size: 21px; }
  42. .font-size-12 { font-size: 19px; }
  43. }
  44. @media all and (max-width: 2000px){
  45. .font-size-0 { font-size: 113px; }
  46. .font-size-1 { font-size: 112px; }
  47. .font-size-2 { font-size: 47px; }
  48. .font-size-3 { font-size: 39px; }
  49. .font-size-4 { font-size: 37px; }
  50. .font-size-5 { font-size: 35px; }
  51. .font-size-6 { font-size: 33px; }
  52. .font-size-7 { font-size: 26px; }
  53. .font-size-8 { font-size: 23px; }
  54. .font-size-9 { font-size: 22px; }
  55. .font-size-10 { font-size: 22px; }
  56. .font-size-11 { font-size: 20px; }
  57. .font-size-12 { font-size: 18px; }
  58. }
  59. @media all and (max-width: 1900px){
  60. .font-size-0 { font-size: 107px; }
  61. .font-size-1 { font-size: 106px; }
  62. .font-size-2 { font-size: 44px; }
  63. .font-size-3 { font-size: 38px; }
  64. .font-size-4 { font-size: 36px; }
  65. .font-size-5 { font-size: 34px; }
  66. .font-size-6 { font-size: 31px; }
  67. .font-size-7 { font-size: 25px; }
  68. .font-size-8 { font-size: 22px; }
  69. .font-size-9 { font-size: 20px; }
  70. .font-size-10 { font-size: 20px; }
  71. .font-size-11 { font-size: 19px; }
  72. .font-size-12 { font-size: 17px; }
  73. }
  74. @media all and (max-width: 1800px){
  75. .font-size-0 { font-size: 102px; }
  76. .font-size-1 { font-size: 101px; }
  77. .font-size-2 { font-size: 42px; }
  78. .font-size-3 { font-size: 35px; }
  79. .font-size-4 { font-size: 33px; }
  80. .font-size-5 { font-size: 31px; }
  81. .font-size-6 { font-size: 29px; }
  82. .font-size-7 { font-size: 23px; }
  83. .font-size-8 { font-size: 21px; }
  84. .font-size-9 { font-size: 19px; }
  85. .font-size-10 { font-size: 19px; }
  86. .font-size-11 { font-size: 18px; }
  87. .font-size-12 { font-size: 17px; }
  88. }
  89. @media all and (max-width: 1700px){
  90. .font-size-0 { font-size: 96px; }
  91. .font-size-1 { font-size: 95px; }
  92. .font-size-2 { font-size: 39px; }
  93. .font-size-3 { font-size: 33px; }
  94. .font-size-4 { font-size: 31px; }
  95. .font-size-5 { font-size: 29px; }
  96. .font-size-6 { font-size: 27px; }
  97. .font-size-7 { font-size: 22px; }
  98. .font-size-8 { font-size: 20px; }
  99. .font-size-9 { font-size: 18px; }
  100. .font-size-10 { font-size: 18px; }
  101. .font-size-11 { font-size: 17px; }
  102. .font-size-12 { font-size: 16px; }
  103. }
  104. @media all and (max-width: 1600px){
  105. .font-size-0 { font-size: 91px; }
  106. .font-size-1 { font-size: 90px; }
  107. .font-size-2 { font-size: 38px; }
  108. .font-size-3 { font-size: 31px; }
  109. .font-size-4 { font-size: 29px; }
  110. .font-size-5 { font-size: 27px; }
  111. .font-size-6 { font-size: 25px; }
  112. .font-size-7 { font-size: 21px; }
  113. .font-size-8 { font-size: 19px; }
  114. .font-size-9 { font-size: 17px; }
  115. .font-size-10 { font-size: 17px; }
  116. .font-size-11 { font-size: 16px; }
  117. .font-size-12 { font-size: 15px; }
  118. }
  119. @media all and (max-width: 1500px){
  120. .font-size-0 { font-size: 84px; }
  121. .font-size-1 { font-size: 84px; }
  122. .font-size-2 { font-size: 35px; }
  123. .font-size-3 { font-size: 30px; }
  124. .font-size-4 { font-size: 28px; }
  125. .font-size-5 { font-size: 26px; }
  126. .font-size-6 { font-size: 24px; }
  127. .font-size-7 { font-size: 20px; }
  128. .font-size-8 { font-size: 18px; }
  129. .font-size-9 { font-size: 17px; }
  130. .font-size-10 { font-size: 17px; }
  131. .font-size-11 { font-size: 15px; }
  132. .font-size-12 { font-size: 14px; }
  133. }
  134. @media all and (max-width: 1400px){
  135. .font-size-0 { font-size: 78px; }
  136. .font-size-1 { font-size: 78px; }
  137. .font-size-2 { font-size: 33px; }
  138. .font-size-3 { font-size: 27px; }
  139. .font-size-4 { font-size: 25px; }
  140. .font-size-5 { font-size: 23px; }
  141. .font-size-6 { font-size: 21px; }
  142. .font-size-7 { font-size: 18px; }
  143. .font-size-8 { font-size: 17px; }
  144. .font-size-9 { font-size: 15px; }
  145. .font-size-10 { font-size: 15px; }
  146. .font-size-11 { font-size: 14px; }
  147. .font-size-12 { font-size: 13px; }
  148. }
  149. @media all and (max-width: 1300px){
  150. .font-size-0 { font-size: 72px; }
  151. .font-size-1 { font-size: 72px; }
  152. .font-size-2 { font-size: 31px; }
  153. .font-size-3 { font-size: 25px; }
  154. .font-size-4 { font-size: 23px; }
  155. .font-size-5 { font-size: 21px; }
  156. .font-size-6 { font-size: 19px; }
  157. .font-size-7 { font-size: 17px; }
  158. .font-size-8 { font-size: 16px; }
  159. .font-size-9 { font-size: 14px; }
  160. .font-size-10 { font-size: 14px; }
  161. .font-size-11 { font-size: 13px; }
  162. .font-size-12 { font-size: 12px; }
  163. }
  164. @media all and (max-width: 1200px){
  165. .font-size-0 { font-size: 67px; }
  166. .font-size-1 { font-size: 66px; }
  167. .font-size-2 { font-size: 28px; }
  168. .font-size-3 { font-size: 24px; }
  169. .font-size-4 { font-size: 22px; }
  170. .font-size-5 { font-size: 20px; }
  171. .font-size-6 { font-size: 18px; }
  172. .font-size-7 { font-size: 16px; }
  173. .font-size-8 { font-size: 14px; }
  174. .font-size-9 { font-size: 13px; }
  175. .font-size-10 { font-size: 13px; }
  176. .font-size-11 { font-size: 12px; }
  177. .font-size-12 { font-size: 12px; }
  178. }
  179. @media all and (max-width: 1100px){
  180. .font-size-0 { font-size: 61px; }
  181. .font-size-1 { font-size: 60px; }
  182. .font-size-2 { font-size: 26px; }
  183. .font-size-3 { font-size: 24px; }
  184. .font-size-4 { font-size: 22px; }
  185. .font-size-5 { font-size: 20px; }
  186. .font-size-6 { font-size: 18px; }
  187. .font-size-7 { font-size: 16px; }
  188. .font-size-8 { font-size: 14px; }
  189. .font-size-9 { font-size: 13px; }
  190. .font-size-10 { font-size: 12px; }
  191. .font-size-11 { font-size: 12px; }
  192. .font-size-12 { font-size: 12px; }
  193. }
  194. @media all and (max-width: 1000px){
  195. .font-size-0 { font-size: 56px; }
  196. .font-size-1 { font-size: 55px; }
  197. .font-size-2 { font-size: 26px; }
  198. .font-size-3 { font-size: 24px; }
  199. .font-size-4 { font-size: 22px; }
  200. .font-size-5 { font-size: 20px; }
  201. .font-size-6 { font-size: 17px; }
  202. .font-size-7 { font-size: 15px; }
  203. .font-size-8 { font-size: 14px; }
  204. .font-size-9 { font-size: 13px; }
  205. .font-size-10 { font-size: 12px; }
  206. .font-size-11 { font-size: 12px; }
  207. .font-size-12 { font-size: 12px; }
  208. }
  209. @media all and (max-width: 900px){
  210. .font-size-0 { font-size: 49px; }
  211. .font-size-1 { font-size: 48px; }
  212. .font-size-2 { font-size: 25px; }
  213. .font-size-3 { font-size: 23px; }
  214. .font-size-4 { font-size: 21px; }
  215. .font-size-5 { font-size: 19px; }
  216. .font-size-6 { font-size: 17px; }
  217. .font-size-7 { font-size: 15px; }
  218. .font-size-8 { font-size: 14px; }
  219. .font-size-9 { font-size: 13px; }
  220. .font-size-10 { font-size: 12px; }
  221. .font-size-11 { font-size: 12px; }
  222. .font-size-12 { font-size: 12px; }
  223. }
  224. @media all and (max-width: 800px){
  225. .font-size-0 { font-size: 45px; }
  226. .font-size-1 { font-size: 44px; }
  227. .font-size-2 { font-size: 25px; }
  228. .font-size-3 { font-size: 23px; }
  229. .font-size-4 { font-size: 20px; }
  230. .font-size-5 { font-size: 18px; }
  231. .font-size-6 { font-size: 16px; }
  232. .font-size-7 { font-size: 15px; }
  233. .font-size-8 { font-size: 14px; }
  234. .font-size-9 { font-size: 13px; }
  235. .font-size-10 { font-size: 12px; }
  236. .font-size-11 { font-size: 12px; }
  237. .font-size-12 { font-size: 12px; }
  238. }
  239. @media all and (max-width: 700px){
  240. .font-size-0 { font-size: 39px; }
  241. .font-size-1 { font-size: 38px; }
  242. .font-size-2 { font-size: 22px; }
  243. .font-size-3 { font-size: 20px; }
  244. .font-size-4 { font-size: 18px; }
  245. .font-size-5 { font-size: 16px; }
  246. .font-size-6 { font-size: 14px; }
  247. .font-size-7 { font-size: 13px; }
  248. .font-size-8 { font-size: 12px; }
  249. .font-size-9 { font-size: 12px; }
  250. .font-size-10 { font-size: 12px; }
  251. .font-size-11 { font-size: 12px; }
  252. .font-size-12 { font-size: 12px; }
  253. }
  254. @media all and (max-width: 600px){
  255. .font-size-0 { font-size: 33px; }
  256. .font-size-1 { font-size: 32px; }
  257. .font-size-2 { font-size: 20px; }
  258. .font-size-3 { font-size: 18px; }
  259. .font-size-4 { font-size: 16px; }
  260. .font-size-5 { font-size: 14px; }
  261. .font-size-6 { font-size: 13px; }
  262. .font-size-7 { font-size: 12px; }
  263. .font-size-8 { font-size: 12px; }
  264. .font-size-9 { font-size: 12px; }
  265. .font-size-10 { font-size: 12px; }
  266. .font-size-11 { font-size: 12px; }
  267. .font-size-12 { font-size: 12px; }
  268. }
  269. @media all and (max-width: 500px){
  270. .font-size-0 { font-size: 28px; }
  271. .font-size-1 { font-size: 27px; }
  272. .font-size-2 { font-size: 19px; }
  273. .font-size-3 { font-size: 17px; }
  274. .font-size-4 { font-size: 15px; }
  275. .font-size-5 { font-size: 13px; }
  276. .font-size-6 { font-size: 12px; }
  277. .font-size-7 { font-size: 12px; }
  278. .font-size-8 { font-size: 12px; }
  279. .font-size-9 { font-size: 12px; }
  280. .font-size-10 { font-size: 12px; }
  281. .font-size-11 { font-size: 12px; }
  282. .font-size-12 { font-size: 12px; }
  283. }
  284. @media all and (max-width: 400px){
  285. .font-size-0 { font-size: 21px; }
  286. .font-size-1 { font-size: 20px; }
  287. .font-size-2 { font-size: 18px; }
  288. .font-size-3 { font-size: 16px; }
  289. .font-size-4 { font-size: 15px; }
  290. .font-size-5 { font-size: 14px; }
  291. .font-size-6 { font-size: 13px; }
  292. .font-size-7 { font-size: 12px; }
  293. .font-size-8 { font-size: 12px; }
  294. .font-size-9 { font-size: 12px; }
  295. .font-size-10 { font-size: 12px; }
  296. .font-size-11 { font-size: 12px; }
  297. .font-size-12 { font-size: 12px; }
  298. }
  299. @media all and (max-width: 300px){
  300. .font-size-0 { font-size: 16px; }
  301. .font-size-1 { font-size: 15px; }
  302. .font-size-2 { font-size: 14px; }
  303. .font-size-3 { font-size: 13px; }
  304. .font-size-4 { font-size: 12px; }
  305. .font-size-5 { font-size: 12px; }
  306. .font-size-6 { font-size: 12px; }
  307. .font-size-7 { font-size: 12px; }
  308. .font-size-8 { font-size: 12px; }
  309. .font-size-9 { font-size: 12px; }
  310. .font-size-10 { font-size: 12px; }
  311. .font-size-11 { font-size: 12px; }
  312. .font-size-12 { font-size: 12px; }
  313. }