front.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. header{
  2. #block-mainnavigation{
  3. ul{
  4. li{
  5. font-size: 0.8rem;
  6. a{
  7. color: black;
  8. font-family: 'truenoregular';
  9. &:hover{
  10. font-family: 'truenobold';
  11. color: black;
  12. text-decoration: none;
  13. }
  14. }
  15. }
  16. }
  17. }
  18. }
  19. #txt_present{
  20. margin: 3rem 0;
  21. @media screen and (min-width: 992px) {
  22. margin: 5rem 0;
  23. }
  24. & * {
  25. color: $color2;
  26. }
  27. & > div{
  28. margin: 2rem auto;
  29. }
  30. .__title-present{
  31. h2{
  32. font-size: 1.9rem;
  33. font-family: 'truenoregular';
  34. line-height: normal;
  35. }
  36. }
  37. .__sub-title-present{
  38. p{
  39. font-family: 'truenoregular_italic';
  40. font-size: 0.9rem;
  41. line-height: 1.3rem;
  42. }
  43. }
  44. .__body-present{
  45. p{
  46. font-family: 'truenolight';
  47. font-size: 1.2rem;
  48. line-height: 1.8rem;
  49. }
  50. }
  51. .more_link{
  52. padding: 0rem 1rem 0.2rem 1rem;
  53. background: white;
  54. a{
  55. font-size: 0.7rem
  56. }
  57. }
  58. }
  59. #block-views-block-dernieres-publications-block-1{
  60. .views{
  61. section:not(.wrap_head){
  62. margin: 1rem 0;
  63. @media screen and (min-width: 768px) {
  64. margin: 1rem calc( 0rem - #{$gutter});
  65. }
  66. }
  67. }
  68. }
  69. #block-views-block-slide-programme-block-1,
  70. #block-views-block-dernieres-publications-block-1{
  71. margin: 2rem 0;
  72. @media screen and (min-width: 992px) {
  73. margin: 5rem 0;
  74. }
  75. h3{
  76. text-transform: uppercase;
  77. margin: 0;
  78. font-family: 'dukefill';
  79. font-size: 2rem;
  80. letter-spacing: $letter_spacingH;
  81. color: $color2
  82. }
  83. }