_typography.scss 863 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. h1{
  2. font-size: 1.2rem;
  3. line-height: 50px;
  4. a{
  5. font-family: $CooperHewitt;
  6. font-weight: normal;
  7. }
  8. }
  9. h2{
  10. font-family: $CooperHewitt;
  11. font-size: 1.1rem;
  12. line-height: 50px;
  13. }
  14. p{
  15. font-family: $rubik;
  16. font-size: 1rem;
  17. line-height: 1.3rem;
  18. margin-bottom: 12px;
  19. a{
  20. font-family: $cmu;
  21. }
  22. }
  23. .blocs{
  24. a.linkext{
  25. &:after{
  26. display: inline-block;
  27. content: " ";
  28. background-image: url("../images/fleche-03.svg");
  29. background-repeat: no-repeat;
  30. background-position: center;
  31. background-size: contain;
  32. width: 25px;
  33. height: 13px;
  34. margin-left: 5px;
  35. // transform: rotate(-20deg);
  36. }
  37. }
  38. &:nth-child(2){
  39. color: white;
  40. a{
  41. color: rgb(0, 0, 255);
  42. }
  43. }
  44. &:nth-child(3){
  45. a{
  46. color: rgb(0, 0, 255);
  47. }
  48. }
  49. }
  50. #images{
  51. p{
  52. font-size: 0.8rem;
  53. }
  54. }