front.scss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  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. }