_node-evenement-actu.scss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. .page-node-type-evenement, .page-node-type-actualite{
  2. &.programme-1{
  3. .field_programme{
  4. background-color: $col-1;
  5. }
  6. }
  7. &.programme-2{
  8. .field_programme{
  9. background-color: $col-2;
  10. }
  11. }
  12. &.programme-3{
  13. .field_programme{
  14. background-color: $col-eur;
  15. }
  16. }
  17. &.programme-4{
  18. .field_programme{
  19. background-color: $col-1;
  20. }
  21. }
  22. &.programme-5{
  23. .field_programme{
  24. background-color: $col-mond;
  25. }
  26. }
  27. &.programme-6{
  28. .field_programme{
  29. background-color: $col-ter;
  30. }
  31. }
  32. &.programme-7{
  33. .field_programme{
  34. background-color: $col-met;
  35. }
  36. }
  37. .block-region-second{
  38. display:grid;
  39. #node\:title{
  40. margin: 0;
  41. font-size: $font-large;
  42. line-height: 1.3;
  43. }
  44. #node\:field_programme{
  45. grid-row: 1;
  46. .field_programme{
  47. display: inline-block;
  48. width: auto;
  49. padding: .3rem .5rem;
  50. color: white;
  51. font-weight: 600;
  52. text-transform: uppercase;
  53. font-size: .5rem;
  54. }
  55. margin-bottom: 1rem;
  56. }
  57. #node\:field_date{
  58. font-size: $font-medium;
  59. grid-row: 2;
  60. .field_date{
  61. div{
  62. float: left;
  63. margin-right: 1rem;
  64. }
  65. }
  66. }
  67. #node\:field_sous_titre{
  68. text-transform: uppercase;
  69. }
  70. #node\:field_intro{
  71. font-size: $font-medium;
  72. }
  73. #node\:field_type_evenement{
  74. }
  75. #node\:field_image{
  76. grid-row: 5;
  77. width: 100%;
  78. margin: 1rem 0;
  79. img{
  80. width: 100%;
  81. }
  82. }
  83. #node\:body{
  84. }
  85. }
  86. .block-region-first{
  87. padding: 1rem 0 .5rem 0;
  88. &>div{
  89. padding: 0 0 .5rem 0;
  90. }
  91. a{
  92. padding: 0 0 0 1rem;
  93. }
  94. }
  95. .block-region-third{
  96. position: sticky;
  97. top: 1rem;
  98. .field_fichier, .field_ressources_liees{
  99. margin: .5rem 0;
  100. padding-right: 1.3rem;
  101. a{
  102. font-weight: 600;
  103. text-decoration: none;
  104. &:hover{
  105. text-decoration: underline;
  106. }
  107. }
  108. }
  109. }
  110. }