_typography.scss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  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. &#recits{
  25. a.linkext{
  26. color: white!important;
  27. }
  28. }
  29. a.linkext{
  30. pointer-events: none;
  31. color: black!important;
  32. font-family: $rubik;
  33. }
  34. // a.linkext{
  35. // &:after{
  36. // display: inline-block;
  37. // content: " ";
  38. // background-image: url("../images/fleche-03.svg");
  39. // background-repeat: no-repeat;
  40. // background-position: center;
  41. // background-size: contain;
  42. // width: 25px;
  43. // height: 13px;
  44. // margin-left: 5px;
  45. // // transform: rotate(-20deg);
  46. // }
  47. // }
  48. &:nth-child(2){
  49. color: white;
  50. a{
  51. color: rgb(0, 0, 255);
  52. }
  53. }
  54. &:nth-child(3){
  55. a{
  56. color: rgb(0, 0, 255);
  57. }
  58. }
  59. }
  60. #images{
  61. p{
  62. font-size: 0.8rem;
  63. }
  64. }